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

@ember-eui/core 14.0.0 → 14.1.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 (1738) 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","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 /*\n Layout: `'default'` (header and content), `'centeredBody'` (content\n * panel centered in the page), `'centeredContent'` (content centered in\n * the body, e.g. an empty prompt) or `'empty'` (no panels).\n * Defaults to `'default'`.\n /\n template?: (typeof TEMPLATES)[number];\n\n /* Props for the `EuiPageBody`: `{ className }`. /\n pageBodyProps: NormalProps & EuiPageBodySignature['Args'];\n /\n Props for the `EuiPageContent`: `{ className, hasBorder, hasShadow,\n * color, borderRadius, grow, role }`.\n /\n pageContentProps: NormalProps & EuiPageContentSignature['Args'];\n /* Props for the `EuiPageContentBody`: `{ className }`. /\n pageContentBodyProps: NormalProps & EuiPageContentBodySignature['Args'];\n\n /\n The page header, as EuiPageHeader args: `{ pageTitle, iconType,\n * description, tabs, responsive, bottomBorder }`. Use the\n * `<:pageHeader…>` blocks for its title, description and actions.\n /\n pageHeader: NormalProps & EuiPageHeaderSignature['Args'];\n\n /* Props for the `EuiPageSideBar`: `{ className }`. /\n pageSideBarProps: NormalProps & EuiPageSideBarSignature['Args'];\n\n /* @deprecated Has no effect, use the `<:bottomBar>` block. /\n bottomBar?: any;\n\n /* @private Render the `<:bottomBar>` block. Defaults to `true`. /\n hasBottomBarBlock?: boolean;\n\n /* @deprecated Has no effect. /\n bottomBarProps?: EuiButtomBarArgs;\n /\n Stretches the page to the window's height and scrolls the content\n * instead of the page (templates `'default'` and `'empty'`, on medium\n * screens and up). Defaults to `false`.\n /\n fullHeight?: boolean;\n /* Minimum height of the page, in px or any CSS height. Defaults to `460`. /\n minHeight?: number;\n\n /\n Max width of the header and content: `true` for EUI's default, a number\n * in px or any CSS width. Defaults to `true`.\n /\n restrictWidth?: boolean \| number \| string;\n\n /* Fills the window's height. Defaults to `true`. /\n grow?: boolean;\n /* Padding of the page's sections: `'none'`, `'s'`, `'m'` or `'l'`. Defaults to `'l'`. /\n paddingSize?: EuiPageSideBarSignature['Args']['paddingSize'];\n /* @private Render the `<:pageSideBar>` block. Defaults to `true`. /\n hasPageSideBarBlock?: boolean;\n /* @private Render the `<:pageHeaderPageTitle>` block. Defaults to `true`. /\n hasPageHeaderPageTitleBlock?: boolean;\n /* @private Render the `<:pageHeaderDefault>` block. Defaults to `true`. /\n hasPageHeaderDefaultBlock?: boolean;\n /* @private Render the `<:pageHeaderRightSideItems>` block. Defaults to `true`. /\n hasPageHeaderRightSideItemsBlock?: boolean;\n /* @private Render the `<:pageHeaderDescription>` block. Defaults to `true`. /\n hasPageHeaderDescriptionBlock?: boolean;\n /* @deprecated Has no effect. /\n hasPageHeader?: boolean;\n /* @deprecated Has no effect. /\n hasPageContent?: boolean;\n /* @deprecated Has no effect. /\n hasPageContentBody?: boolean;\n};\n\n/\n A whole page layout in one component: side bar, header, content and\n * bottom bar, arranged by `@template`.\n /\nexport interface EuiPageTemplateSignature {\n Element: HTMLElement;\n Args: EuiPageTemplateProps;\n Blocks: {\n /* The page's content. /\n default: [];\n /* A side bar, e.g. an `EuiSideNav`. /\n pageSideBar: [];\n /* The header's title, instead of `pageHeader.pageTitle`. /\n pageHeaderPageTitle: [];\n /* Extra header content. /\n pageHeaderDefault: [];\n /* The header's description. /\n pageHeaderDescription: [];\n /* Header actions; yields an item to wrap each in, see EuiPageHeader. /\n pageHeaderRightSideItems: EuiPageHeaderSignature['Blocks']['rightSideItems'];\n /* Content of a bottom bar (EuiBottomBar), e.g. save/cancel buttons. */\n bottomBar: [];\n };\n}\n\nexport default class EuiPageTemplate extends Component<EuiPageTemplateSignature> {\n // Defaults\n @argOrDefaultDecorator(false) fullHeight!: boolean;\n @argOrDefaultDecorator('default') template!: (typeof TEMPLATES)[number];\n\n @tracked isWithinBreakpoints = false;\n\n setIsWithinBreakpoints = (value: boolean) => {\n this.isWithinBreakpoints = value;\n };\n\n get minHeight() {\n const minHeight = this.args.minHeight ?? 460;\n\n if (typeof this.args.minHeight === 'number') {\n return `${minHeight}px`;\n }\n\n return minHeight;\n }\n\n get restrictWidth() {\n const width = this.args.restrictWidth ?? true;\n\n if (typeof this.args.restrictWidth === 'number') {\n return `${width}px`;\n }\n\n return width;\n }\n\n get classes() {\n return `euiPageTemplate ${this.fullHeightClass}`;\n }\n\n get fullHeightClass() {\n return this.fullHeight && this.canFullHeight ? 'eui-fullHeight ' : '';\n }\n\n get yScrollClass() {\n return this.fullHeight && this.canFullHeight ? 'eui-yScroll ' : '';\n }\n\n get canFullHeight() {\n return (\n this.isWithinBreakpoints &&\n (this.template === 'default' \|\| this.template === 'empty')\n );\n }\n\n get pageBodyPropsClass() {\n return `${this.fullHeightClass} ${this.args.pageBodyProps?.className}`;\n }\n\n get pageContentPropsClass() {\n return `${this.yScrollClass} ${this.args.pageContentProps?.className}`;\n }\n\n get pageContentBodyPropsClass() {\n return `${this.fullHeightClass} ${this.args.pageContentBodyProps?.className}`;\n }\n\n <template>\n {{#let\n (argOrDefault @grow true)\n (argOrDefault @paddingSize \"l\")\n (and (argOrDefault @hasBottomBarBlock true) (has-block \"bottomBar\"))\n (and (argOrDefault @hasPageSideBarBlock true) (has-block \"pageSideBar\"))\n (and\n (argOrDefault @hasPageHeaderPageTitleBlock true)\n (has-block \"pageHeaderPageTitle\")\n )\n (and\n (argOrDefault @hasPageHeaderDefaultBlock true)\n (has-block \"pageHeaderDefault\")\n )\n (and\n (argOrDefault @hasPageHeaderRightSideItemsBlock true)\n (has-block \"pageHeaderRightSideItems\")\n )\n (and\n (argOrDefault @hasPageHeaderDescriptionBlock true)\n (has-block \"pageHeaderDescription\")\n )\n (modifier\n useIsWithinBreakpoints\n sizes=BREAKPOINTS\n isActive=true\n setIsWithinBreakpointsValue=this.setIsWithinBreakpoints\n )\n as \|grow paddingSize hasBottomBarBlock hasPageSideBarBlock hasPageHeaderPageTitleBlock hasPageHeaderDefaultBlock hasPageHeaderRightSideItemsBlock hasPageHeaderDescriptionBlock isWithinBreakpointsModifier\|\n }}\n {{#let\n (or\n @pageHeader\n hasPageHeaderPageTitleBlock\n hasPageHeaderDefaultBlock\n hasPageHeaderRightSideItemsBlock\n hasPageHeaderDescriptionBlock\n )\n as \|hasPageHeader\|\n }}\n {{#if (eq this.template \"centeredBody\")}}\n {{#if hasPageSideBarBlock}}\n <EuiPage\n class={{this.classes}}\n @paddingSize=\"none\"\n @grow={{grow}}\n {{isWithinBreakpointsModifier}}\n {{style (inlineStyles min-height=this.minHeight)}}\n ...attributes\n >\n <EuiPageSideBar\n class={{@pageSideBarProps.className}}\n @sticky={{true}}\n @paddingSize={{paddingSize}}\n >\n {{yield to=\"pageSideBar\"}}\n </EuiPageSideBar>\n <EuiPageBody\n class={{this.pageBodyPropsClass}}\n @paddingSize={{paddingSize}}\n >\n <EuiPageHeader\n @restrictWidth={{this.restrictWidth}}\n @responsive={{@pageHeader.responsive}}\n @iconType={{@pageHeader.iconType}}\n @tabs={{@pageHeader.tabs}}\n @pageTitle={{@pageHeader.pageTitle}}\n @description={{@pageHeader.description}}\n @hasPageTitleBlock={{hasPageHeaderPageTitleBlock}}\n @hasDefaultBlock={{hasPageHeaderDefaultBlock}}\n @hasDescriptionBlock={{hasPageHeaderDescriptionBlock}}\n @hasRightSideItemsBlock={{hasPageHeaderRightSideItemsBlock}}\n >\n <:pageTitle>\n {{yield to=\"pageHeaderPageTitle\"}}\n </:pageTitle>\n <:default>\n {{yield to=\"pageHeaderDefault\"}}\n </:default>\n <:description>\n {{yield to=\"pageHeaderDescription\"}}\n </:description>\n <:rightSideItems as \|item\|>\n {{yield item to=\"pageHeaderRightSideItems\"}}\n </:rightSideItems>\n </EuiPageHeader>\n\n <EuiPageContent\n class={{this.pageContentPropsClass}}\n @verticalPosition=\"center\"\n @horizontalPosition=\"center\"\n @paddingSize={{paddingSize}}\n >\n <EuiPageContentBody\n class={{this.pageContentBodyPropsClass}}\n @restrictWidth={{this.restrictWidth}}\n >\n {{#if (and this.canFullHeight this.fullHeight)}}\n <EuiFlexGroup\n class=\"eui-fullHeight\"\n @gutterSize=\"none\"\n @direction=\"column\"\n @responsive={{false}}\n >\n <EuiFlexItem\n class={{classNames\n (if (eq this.fullHeight true) \"eui-yScroll\")\n (if\n (eq this.fullHeight \"noscroll\") \"eui-fullHeight\"\n )\n }}\n @grow={{true}}\n >\n {{yield to=\"default\"}}\n </EuiFlexItem>\n </EuiFlexGroup>\n {{else}}\n {{yield to=\"default\"}}\n {{/if}}\n </EuiPageContentBody>\n </EuiPageContent>\n </EuiPageBody>\n </EuiPage>\n {{else}}\n <EuiPage\n class={{this.classes}}\n @paddingSize={{paddingSize}}\n @grow={{grow}}\n {{isWithinBreakpointsModifier}}\n {{style (inlineStyles min-height=this.minHeight)}}\n ...attributes\n >\n <EuiPageBody\n class={{this.pageBodyPropsClass}}\n @restrictWidth={{this.restrictWidth}}\n >\n {{#if hasPageHeader}}\n <EuiPageHeader\n @restrictWidth={{false}}\n @bottomBorder={{@pageHeader.bottomBorder}}\n @paddingSize=\"none\"\n @responsive={{@pageHeader.responsive}}\n @iconType={{@pageHeader.iconType}}\n @tabs={{@pageHeader.tabs}}\n @pageTitle={{@pageHeader.pageTitle}}\n @description={{@pageHeader.description}}\n @hasPageTitleBlock={{hasPageHeaderPageTitleBlock}}\n @hasDefaultBlock={{hasPageHeaderDefaultBlock}}\n @hasDescriptionBlock={{hasPageHeaderDescriptionBlock}}\n @hasRightSideItemsBlock={{hasPageHeaderRightSideItemsBlock}}\n >\n <:pageTitle>\n {{yield to=\"pageHeaderPageTitle\"}}\n </:pageTitle>\n <:default>\n {{yield to=\"pageHeaderDefault\"}}\n </:default>\n <:description>\n {{yield to=\"pageHeaderDescription\"}}\n </:description>\n <:rightSideItems as \|item\|>\n {{yield item to=\"pageHeaderRightSideItems\"}}\n </:rightSideItems>\n </EuiPageHeader>\n {{/if}}\n <EuiPageBody>\n <EuiPageContent\n class={{this.pageContentPropsClass}}\n @verticalPosition=\"center\"\n @horizontalPosition=\"center\"\n @hasBorder={{@pageContentProps.hasBorder}}\n @hasShadow={{@pageContentProps.hasShadow}}\n @color={{@pageContentProps.color}}\n @borderRadius={{@pageContentProps.borderRadius}}\n @grow={{@pageContentProps.grow}}\n @role={{@pageContentProps.role}}\n @paddingSize={{paddingSize}}\n >\n <EuiPageContentBody\n class={{this.pageContentBodyPropsClass}}\n @paddingSize=\"none\"\n @restrictWidth={{this.restrictWidth}}\n >\n {{#if (and this.canFullHeight this.fullHeight)}}\n <EuiFlexGroup\n class=\"eui-fullHeight\"\n @gutterSize=\"none\"\n @direction=\"column\"\n @responsive={{false}}\n >\n <EuiFlexItem\n class={{classNames\n (if (eq this.fullHeight true) \"eui-yScroll\")\n (if\n (eq this.fullHeight \"noscroll\") \"eui-fullHeight\"\n )\n }}\n @grow={{true}}\n >\n {{yield to=\"default\"}}\n </EuiFlexItem>\n </EuiFlexGroup>\n {{else}}\n {{yield to=\"default\"}}\n {{/if}}\n </EuiPageContentBody>\n </EuiPageContent>\n </EuiPageBody>\n </EuiPageBody>\n </EuiPage>\n {{/if}}\n {{else if (eq this.template \"centeredContent\")}}\n {{#if hasPageSideBarBlock}}\n <EuiPage\n class={{this.classes}}\n @paddingSize=\"none\"\n @grow={{grow}}\n {{isWithinBreakpointsModifier}}\n {{style (inlineStyles min-height=this.minHeight)}}\n ...attributes\n >\n <EuiPageSideBar\n class={{@pageSideBarProps.className}}\n @sticky={{true}}\n @paddingSize={{paddingSize}}\n >\n {{yield to=\"pageSideBar\"}}\n </EuiPageSideBar>\n <EuiPageBody\n @panelled={{true}}\n @paddingSize={{paddingSize}}\n class={{this.pageBodyPropsClass}}\n >\n {{#if hasPageHeader}}\n <EuiPageHeader\n @restrictWidth={{this.restrictWidth}}\n @paddingSize={{@pageHeader.paddingSize}}\n @responsive={{@pageHeader.responsive}}\n @iconType={{@pageHeader.iconType}}\n @tabs={{@pageHeader.tabs}}\n @pageTitle={{@pageHeader.pageTitle}}\n @description={{@pageHeader.description}}\n @hasPageTitleBlock={{hasPageHeaderPageTitleBlock}}\n @hasDefaultBlock={{hasPageHeaderDefaultBlock}}\n @hasDescriptionBlock={{hasPageHeaderDescriptionBlock}}\n @hasRightSideItemsBlock={{hasPageHeaderRightSideItemsBlock}}\n >\n <:pageTitle>\n {{yield to=\"pageHeaderPageTitle\"}}\n </:pageTitle>\n <:default>\n {{yield to=\"pageHeaderDefault\"}}\n </:default>\n <:description>\n {{yield to=\"pageHeaderDescription\"}}\n </:description>\n <:rightSideItems as \|item\|>\n {{yield item to=\"pageHeaderRightSideItems\"}}\n </:rightSideItems>\n </EuiPageHeader>\n {{/if}}\n <EuiPageContent\n @verticalPosition=\"center\"\n @horizontalPosition=\"center\"\n @hasShadow={{false}}\n @color=\"subdued\"\n @paddingSize={{paddingSize}}\n class={{this.pageContentPropsClass}}\n >\n <EuiPageContentBody\n @restrictWidth={{this.restrictWidth}}\n class={{this.pageContentBodyPropsClass}}\n >\n {{#if (and this.canFullHeight this.fullHeight)}}\n <EuiFlexGroup\n class=\"eui-fullHeight\"\n @gutterSize=\"none\"\n @direction=\"column\"\n @responsive={{false}}\n >\n <EuiFlexItem\n class={{classNames\n (if (eq this.fullHeight true) \"eui-yScroll\")\n (if\n (eq this.fullHeight \"noscroll\") \"eui-fullHeight\"\n )\n }}\n @grow={{true}}\n >\n {{yield to=\"default\"}}\n </EuiFlexItem>\n </EuiFlexGroup>\n {{else}}\n {{yield to=\"default\"}}\n {{/if}}\n </EuiPageContentBody>\n </EuiPageContent>\n </EuiPageBody>\n </EuiPage>\n {{else}}\n <EuiPage\n class={{this.classes}}\n @paddingSize=\"none\"\n @grow={{grow}}\n {{isWithinBreakpointsModifier}}\n {{style (inlineStyles min-height=this.minHeight)}}\n ...attributes\n >\n <EuiPageBody class={{this.pageBodyPropsClass}}>\n {{#if hasPageHeader}}\n <EuiPageHeader\n @restrictWidth={{this.restrictWidth}}\n @paddingSize={{paddingSize}}\n @responsive={{@pageHeader.responsive}}\n @iconType={{@pageHeader.iconType}}\n @tabs={{@pageHeader.tabs}}\n @pageTitle={{@pageHeader.pageTitle}}\n @description={{@pageHeader.description}}\n @hasPageTitleBlock={{hasPageHeaderPageTitleBlock}}\n @hasDefaultBlock={{hasPageHeaderDefaultBlock}}\n @hasDescriptionBlock={{hasPageHeaderDescriptionBlock}}\n @hasRightSideItemsBlock={{hasPageHeaderRightSideItemsBlock}}\n >\n <:pageTitle>\n {{yield to=\"pageHeaderPageTitle\"}}\n </:pageTitle>\n <:default>\n {{yield to=\"pageHeaderDefault\"}}\n </:default>\n <:description>\n {{yield to=\"pageHeaderDescription\"}}\n </:description>\n <:rightSideItems as \|item\|>\n {{yield item to=\"pageHeaderRightSideItems\"}}\n </:rightSideItems>\n </EuiPageHeader>\n {{/if}}\n {{!template-lint-disable}}\n <EuiPageContent\n role={{null}}\n @borderRadius=\"none\"\n @hasShadow={{false}}\n @paddingSize={{paddingSize}}\n style=\"display: flex\"\n >\n {{!template-lint-enable}}\n <EuiPageContent\n @verticalPosition=\"center\"\n @horizontalPosition=\"center\"\n @hasShadow={{false}}\n @color=\"subdued\"\n @paddingSize={{paddingSize}}\n class={{this.pageContentPropsClass}}\n >\n <EuiPageContentBody\n @restrictWidth={{this.restrictWidth}}\n class={{this.pageContentBodyPropsClass}}\n >\n {{#if (and this.canFullHeight this.fullHeight)}}\n <EuiFlexGroup\n class=\"eui-fullHeight\"\n @gutterSize=\"none\"\n @direction=\"column\"\n @responsive={{false}}\n >\n <EuiFlexItem\n class={{classNames\n (if (eq this.fullHeight true) \"eui-yScroll\")\n (if\n (eq this.fullHeight \"noscroll\") \"eui-fullHeight\"\n )\n }}\n @grow={{true}}\n >\n {{yield to=\"default\"}}\n </EuiFlexItem>\n </EuiFlexGroup>\n {{else}}\n {{yield to=\"default\"}}\n {{/if}}\n </EuiPageContentBody>\n </EuiPageContent>\n\n </EuiPageContent>\n </EuiPageBody>\n </EuiPage>\n {{/if}}\n {{else if (eq this.template \"empty\")}}\n {{#if hasPageSideBarBlock}}\n <EuiPage\n class={{this.classes}}\n @paddingSize=\"none\"\n @grow={{grow}}\n {{isWithinBreakpointsModifier}}\n {{style (inlineStyles min-height=this.minHeight)}}\n ...attributes\n >\n <EuiPageSideBar\n class={{@pageSideBarProps.className}}\n @sticky={{true}}\n @paddingSize={{paddingSize}}\n >\n {{yield to=\"pageSideBar\"}}\n </EuiPageSideBar>\n <EuiPageBody\n @paddingSize={{paddingSize}}\n class={{this.pageBodyPropsClass}}\n >\n {{#if hasPageHeader}}\n <EuiPageHeader\n @restrictWidth={{this.restrictWidth}}\n @paddingSize={{@pageHeader.paddingSize}}\n @responsive={{@pageHeader.responsive}}\n @iconType={{@pageHeader.iconType}}\n @tabs={{@pageHeader.tabs}}\n @pageTitle={{@pageHeader.pageTitle}}\n @description={{@pageHeader.description}}\n @hasPageTitleBlock={{hasPageHeaderPageTitleBlock}}\n @hasDefaultBlock={{hasPageHeaderDefaultBlock}}\n @hasDescriptionBlock={{hasPageHeaderDescriptionBlock}}\n @hasRightSideItemsBlock={{hasPageHeaderRightSideItemsBlock}}\n >\n <:pageTitle>\n {{yield to=\"pageHeaderPageTitle\"}}\n </:pageTitle>\n <:default>\n {{yield to=\"pageHeaderDefault\"}}\n </:default>\n <:description>\n {{yield to=\"pageHeaderDescription\"}}\n </:description>\n <:rightSideItems as \|item\|>\n {{yield item to=\"pageHeaderRightSideItems\"}}\n </:rightSideItems>\n </EuiPageHeader>\n {{/if}}\n <EuiPageContent\n @hasBorder={{false}}\n @hasShadow={{false}}\n @paddingSize=\"none\"\n @color=\"transparent\"\n @borderRadius=\"none\"\n class={{this.pageContentPropsClass}}\n >\n <EuiPageContentBody\n @restrictWidth={{this.restrictWidth}}\n class={{this.pageContentBodyPropsClass}}\n >\n {{#if (and this.canFullHeight this.fullHeight)}}\n <EuiFlexGroup\n class=\"eui-fullHeight\"\n @gutterSize=\"none\"\n @direction=\"column\"\n @responsive={{false}}\n >\n <EuiFlexItem\n class={{classNames\n (if (eq this.fullHeight true) \"eui-yScroll\")\n (if\n (eq this.fullHeight \"noscroll\") \"eui-fullHeight\"\n )\n }}\n @grow={{true}}\n >\n {{yield to=\"default\"}}\n </EuiFlexItem>\n </EuiFlexGroup>\n {{else}}\n {{yield to=\"default\"}}\n {{/if}}\n </EuiPageContentBody>\n </EuiPageContent>\n </EuiPageBody>\n </EuiPage>\n {{else}}\n <EuiPage\n class={{this.classes}}\n @paddingSize={{paddingSize}}\n @grow={{grow}}\n {{isWithinBreakpointsModifier}}\n {{style (inlineStyles min-height=this.minHeight)}}\n ...attributes\n >\n <EuiPageBody\n @restrictWidth={{this.restrictWidth}}\n class={{this.pageBodyPropsClass}}\n >\n {{#if hasPageHeader}}\n <EuiPageHeader\n @bottomBorder={{@pageHeader.bottomBorder}}\n @restrictWidth={{false}}\n @paddingSize={{@pageHeader.paddingSize}}\n @responsive={{@pageHeader.responsive}}\n @iconType={{@pageHeader.iconType}}\n @tabs={{@pageHeader.tabs}}\n @pageTitle={{@pageHeader.pageTitle}}\n @description={{@pageHeader.description}}\n @hasPageTitleBlock={{hasPageHeaderPageTitleBlock}}\n @hasDefaultBlock={{hasPageHeaderDefaultBlock}}\n @hasDescriptionBlock={{hasPageHeaderDescriptionBlock}}\n @hasRightSideItemsBlock={{hasPageHeaderRightSideItemsBlock}}\n >\n <:pageTitle>\n {{yield to=\"pageHeaderPageTitle\"}}\n </:pageTitle>\n <:default>\n {{yield to=\"pageHeaderDefault\"}}\n </:default>\n <:description>\n {{yield to=\"pageHeaderDescription\"}}\n </:description>\n <:rightSideItems as \|item\|>\n {{yield item to=\"pageHeaderRightSideItems\"}}\n </:rightSideItems>\n </EuiPageHeader>\n {{/if}}\n <EuiPageContent\n @hasBorder={{false}}\n @hasShadow={{false}}\n @paddingSize=\"none\"\n @color=\"transparent\"\n @borderRadius=\"none\"\n class={{this.pageContentPropsClass}}\n >\n <EuiPageContentBody\n @restrictWidth={{false}}\n class={{this.pageContentBodyPropsClass}}\n >\n {{#if (and this.canFullHeight this.fullHeight)}}\n <EuiFlexGroup\n class=\"eui-fullHeight\"\n @gutterSize=\"none\"\n @direction=\"column\"\n @responsive={{false}}\n >\n <EuiFlexItem\n class={{classNames\n (if (eq this.fullHeight true) \"eui-yScroll\")\n (if\n (eq this.fullHeight \"noscroll\") \"eui-fullHeight\"\n )\n }}\n @grow={{true}}\n >\n {{yield to=\"default\"}}\n </EuiFlexItem>\n </EuiFlexGroup>\n {{else}}\n {{yield to=\"default\"}}\n {{/if}}\n </EuiPageContentBody>\n </EuiPageContent>\n </EuiPageBody>\n </EuiPage>\n {{/if}}\n {{else}}\n {{#if hasPageSideBarBlock}}\n <EuiPage\n class={{this.classes}}\n @paddingSize=\"none\"\n @grow={{grow}}\n {{isWithinBreakpointsModifier}}\n {{style (inlineStyles min-height=this.minHeight)}}\n ...attributes\n >\n <EuiPageSideBar\n class={{@pageSideBarProps.className}}\n @sticky={{true}}\n @paddingSize={{paddingSize}}\n >\n {{yield to=\"pageSideBar\"}}\n </EuiPageSideBar>\n <EuiPageBody\n @panelled={{true}}\n @paddingSize=\"none\"\n class={{this.pageBodyPropsClass}}\n >\n <EuiPageBody\n class={{this.pageBodyPropsClass}}\n @paddingSize={{paddingSize}}\n @tagName=\"div\"\n >\n {{#if hasPageHeader}}\n <EuiPageHeader\n @bottomBorder={{@pageHeader.bottomBorder}}\n @restrictWidth={{this.restrictWidth}}\n @paddingSize={{@pageHeader.paddingSize}}\n @responsive={{@pageHeader.responsive}}\n @iconType={{@pageHeader.iconType}}\n @tabs={{@pageHeader.tabs}}\n @pageTitle={{@pageHeader.pageTitle}}\n @description={{@pageHeader.description}}\n @hasPageTitleBlock={{hasPageHeaderPageTitleBlock}}\n @hasDefaultBlock={{hasPageHeaderDefaultBlock}}\n @hasDescriptionBlock={{hasPageHeaderDescriptionBlock}}\n @hasRightSideItemsBlock={{hasPageHeaderRightSideItemsBlock}}\n >\n <:pageTitle>\n {{yield to=\"pageHeaderPageTitle\"}}\n </:pageTitle>\n <:default>\n {{yield to=\"pageHeaderDefault\"}}\n </:default>\n <:description>\n {{yield to=\"pageHeaderDescription\"}}\n </:description>\n <:rightSideItems as \|item\|>\n {{yield item to=\"pageHeaderRightSideItems\"}}\n </:rightSideItems>\n </EuiPageHeader>\n {{/if}}\n <EuiPageContent\n @hasShadow={{false}}\n @hasBorder={{false}}\n @color=\"transparent\"\n @borderRadius=\"none\"\n @paddingSize=\"none\"\n class={{this.pageContentPropsClass}}\n >\n <EuiPageContentBody\n @restrictWidth={{this.restrictWidth}}\n class={{this.pageContentBodyPropsClass}}\n >\n {{#if (and this.canFullHeight this.fullHeight)}}\n <EuiFlexGroup\n class=\"eui-fullHeight\"\n @gutterSize=\"none\"\n @direction=\"column\"\n @responsive={{false}}\n >\n <EuiFlexItem\n class={{classNames\n (if (eq this.fullHeight true) \"eui-yScroll\")\n (if\n (eq this.fullHeight \"noscroll\") \"eui-fullHeight\"\n )\n }}\n @grow={{true}}\n >\n {{yield to=\"default\"}}\n </EuiFlexItem>\n </EuiFlexGroup>\n {{else}}\n {{yield to=\"default\"}}\n {{/if}}\n </EuiPageContentBody>\n </EuiPageContent>\n </EuiPageBody>\n {{#if hasBottomBarBlock}}\n <EuiBottomBar\n @paddingSize={{paddingSize}}\n @position={{if\n (and this.canFullHeight this.fullHeight)\n \"static\"\n \"sticky\"\n }}\n >\n <EuiPageContentBody\n @paddingSize=\"none\"\n @restrictWidth={{this.restrictWidth}}\n >\n {{yield to=\"bottomBar\"}}\n </EuiPageContentBody>\n </EuiBottomBar>\n {{/if}}\n </EuiPageBody>\n </EuiPage>\n {{else}}\n <EuiPage\n class={{this.classes}}\n @paddingSize=\"none\"\n @grow={{grow}}\n {{isWithinBreakpointsModifier}}\n {{style (inlineStyles min-height=this.minHeight)}}\n ...attributes\n >\n <EuiPageBody class={{this.pageBodyPropsClass}}>\n {{#if hasPageHeader}}\n <EuiPageHeader\n @restrictWidth={{this.restrictWidth}}\n @bottomBorder={{@pageHeader.bottomBorder}}\n @paddingSize={{paddingSize}}\n @responsive={{@pageHeader.responsive}}\n @iconType={{@pageHeader.iconType}}\n @tabs={{@pageHeader.tabs}}\n @pageTitle={{@pageHeader.pageTitle}}\n @description={{@pageHeader.description}}\n @hasPageTitleBlock={{hasPageHeaderPageTitleBlock}}\n @hasDefaultBlock={{hasPageHeaderDefaultBlock}}\n @hasDescriptionBlock={{hasPageHeaderDescriptionBlock}}\n @hasRightSideItemsBlock={{hasPageHeaderRightSideItemsBlock}}\n >\n <:pageTitle>\n {{yield to=\"pageHeaderPageTitle\"}}\n </:pageTitle>\n <:default>\n {{yield to=\"pageHeaderDefault\"}}\n </:default>\n <:description>\n {{yield to=\"pageHeaderDescription\"}}\n </:description>\n <:rightSideItems as \|item\|>\n {{yield item to=\"pageHeaderRightSideItems\"}}\n </:rightSideItems>\n </EuiPageHeader>\n {{/if}}\n <EuiPageContent\n @hasBorder={{if hasPageHeader false}}\n @hasShadow={{false}}\n @paddingSize=\"none\"\n @color=\"plain\"\n @borderRadius=\"none\"\n class={{this.pageContentPropsClass}}\n >\n <EuiPageContentBody\n @restrictWidth={{this.restrictWidth}}\n @paddingSize={{paddingSize}}\n class={{this.pageContentBodyPropsClass}}\n >\n {{#if (and this.canFullHeight this.fullHeight)}}\n <EuiFlexGroup\n class=\"eui-fullHeight\"\n @gutterSize=\"none\"\n @direction=\"column\"\n @responsive={{false}}\n >\n <EuiFlexItem\n class={{classNames\n (if (eq this.fullHeight true) \"eui-yScroll\")\n (if\n (eq this.fullHeight \"noscroll\") \"eui-fullHeight\"\n )\n }}\n @grow={{true}}\n >\n {{yield to=\"default\"}}\n </EuiFlexItem>\n </EuiFlexGroup>\n {{else}}\n {{yield to=\"default\"}}\n {{/if}}\n </EuiPageContentBody>\n </EuiPageContent>\n {{#if hasBottomBarBlock}}\n <EuiBottomBar\n @paddingSize={{paddingSize}}\n @position={{if\n (and this.canFullHeight this.fullHeight)\n \"static\"\n \"sticky\"\n }}\n >\n <EuiPageContentBody\n @paddingSize=\"none\"\n @restrictWidth={{this.restrictWidth}}\n >\n {{yield to=\"bottomBar\"}}\n </EuiPageContentBody>\n </EuiBottomBar>\n {{/if}}\n </EuiPageBody>\n </EuiPage>\n {{/if}}\n {{/if}}\n {{/let}}\n {{/let}}\n </template>\n}\n"],"names":["TEMPLATES","BREAKPOINTS","EuiPageTemplate","Component","g","prototype","argOrDefaultDecorator","i","tracked","setIsWithinBreakpoints","value","isWithinBreakpoints","minHeight","args","restrictWidth","width","classes","fullHeightClass","fullHeight","canFullHeight","yScrollClass","template","pageBodyPropsClass","pageBodyProps","className","pageContentPropsClass","pageContentProps","pageContentBodyPropsClass","pageContentBodyProps","setComponentTemplate","precompileTemplate","strictMode","scope","argOrDefault","and","useIsWithinBreakpoints","or","eq","EuiPage","style","inlineStyles","EuiPageSideBar","EuiPageBody","EuiPageHeader","EuiPageContent","EuiPageContentBody","EuiFlexGroup","EuiFlexItem","classNames","EuiBottomBar"],"mappings":"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"}

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 (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~~;;;;~~"}
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\n/** The outermost layout of a page: holds an optional `EuiPageSideBar` and an `EuiPageBody`. See also EuiPageTemplate. /\nexport interface EuiPageSignature {\n Element: HTMLDivElement;\n Args: {\n /\n Max width of the content: `true` for EUI's default (1000px), a\n * number in px, or any CSS width. Defaults to `false` (no limit).\n /\n restrictWidth?: boolean \| number \| string;\n /* Padding around the page: `'none'`, `'s'`, `'m'` or `'l'`. Defaults to `'m'`. /\n paddingSize?: 'none' \| 's' \| 'm' \| 'l';\n /* Fills the window's height. Defaults to `true`. /\n grow?: boolean;\n /\n `'row'` puts an `EuiPageSideBar` beside the body, `'column'` stacks\n * them. Defaults to `'row'`.\n /\n direction?: 'row' \| 'column';\n /* Inline styles, merged with the max width. /\n style?: Record<string, string>;\n };\n Blocks: {\n /* `EuiPageSideBar` and `EuiPageBody`. */\n default: [];\n };\n}\n\nconst EuiPage: TemplateOnlyComponent<EuiPageSignature> = <template>\n {{#let\n (argOrDefault @restrictWidth false)\n (argOrDefault @paddingSize \"m\")\n (argOrDefault @grow true)\n (argOrDefault @direction \"row\")\n as \|restrictWidth paddingSize grow direction\|\n }}\n {{#let (euiPageRestrictWidth restrictWidth @style) as \|styling\|}}\n <div\n class={{classNames\n (if grow \"euiPage--grow\")\n (if styling.widthClassName (concat \"euiPage--\" styling.widthClassName))\n componentName=\"EuiPage\"\n paddingSize=paddingSize\n direction=direction\n }}\n ...attributes\n {{style\n (if styling.newStyle (inlineStyles styling.newStyle))\n (inlineStyles min-height=\"460px;\")\n }}\n >\n {{yield}}\n </div>\n {{/let}}\n {{/let}}\n</template>;\n\nexport default EuiPage;\n"],"names":["EuiPage","setComponentTemplate","precompileTemplate","strictMode","scope","argOrDefault","euiPageRestrictWidth","classNames","concat","style","inlineStyles","templateOnly"],"mappings":";;;;;;;;;;AAsCA,MAAMA,OAA+B,GAAAC,oBAAA,CAAoBC,kBAAA,CAAA,inBAAA,EA2BzD;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,YAAA;IAAAC,oBAAA;IAAAC,UAAA;IAAAC,MAAA;IAAAC,KAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

package/dist/components/eui-pagination/button-wrapper.js.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~~,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~~;;;;~~"}
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\n/** @private Renders one EuiPaginationButton (in an `<li>`). /\nexport interface EuiPaginationButtonWrapperSignature {\n Args: {\n /* Wraps the button in an `<li>`. Defaults to `true`. /\n inList?: boolean;\n /* Zero based index of the page. /\n pageIndex: number;\n /* EuiPagination's state: `{ pageCount, activePage, ariaControls, safeClick }`. */\n props: {\n pageCount?: number;\n activePage?: number;\n ariaControls?: string;\n safeClick: (page: number) => void;\n };\n };\n}\n\nconst ButtonWrapper: TemplateOnlyComponent<EuiPaginationButtonWrapperSignature> =\n <template>\n {{#if (argOrDefault @inList true)}}\n <li>\n <EuiPaginationButton\n @isActive={{eq @pageIndex @props.activePage}}\n @totalPages={{@props.pageCount}}\n @pageIndex={{@pageIndex}}\n aria-controls={{@props.ariaControls}}\n @hideOnMobile={{true}}\n {{on \"click\" (fn @props.safeClick @pageIndex)}}\n />\n </li>\n {{else}}\n <EuiPaginationButton\n @isActive={{eq @pageIndex @props.activePage}}\n @totalPages={{@props.pageCount}}\n @pageIndex={{@pageIndex}}\n aria-controls={{@props.ariaControls}}\n @hideOnMobile={{true}}\n {{on \"click\" (fn @props.safeClick @pageIndex)}}\n />\n {{/if}}\n </template>;\n\nexport default ButtonWrapper;\n"],"names":["ButtonWrapper","setComponentTemplate","precompileTemplate","strictMode","scope","argOrDefault","EuiPaginationButton","eq","on","fn","templateOnly"],"mappings":";;;;;;;;;AA2BA,MAAMA,aAAqC,GAAAC,oBAAA,CACzCC,kBAAA,CAAA,ijBAAA,EAsBA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,YAAA;IAAAC,mBAAA;IAAAC,EAAA;IAAAC,EAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

package/dist/components/eui-pagination/next-button.js.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~~,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~~;;;;~~"}
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\n/** @private The \"next page\" button of EuiPagination. /\nexport interface EuiPaginationNextButtonSignature {\n Element: EuiButtonIconSignature['Element'];\n Args: {\n /* Zero based index of the current page. /\n activePage: number;\n /* Goes to a page (ignores out of range pages). /\n safeClick: SafeClickHandler;\n /* Total number of pages. /\n pageCount: number;\n /* Extra props for the button: `{ disabled, aria-controls, href }`. */\n props: {\n disabled?: boolean;\n 'aria-controls'?: string;\n href?: string;\n };\n };\n}\n\nconst NextButton: TemplateOnlyComponent<EuiPaginationNextButtonSignature> =\n <template>\n <EuiI18n\n @token=\"euiPagination.nextPage\"\n @default=\"Next page, {page}\"\n @values={{hash page=(add @activePage 2)}}\n as \|Token\|\n >\n <Token as \|nextPage\|>\n <EuiI18n\n @token=\"euiPagination.disabledNextPage\"\n @default=\"Next page\"\n as \|InnerToken\|\n >\n <InnerToken as \|disabledNextPage\|>\n <EuiButtonIcon\n {{on \"click\" (fn @safeClick (add @activePage 1))}}\n @iconType=\"arrowRight\"\n @color=\"text\"\n aria-label={{if\n (eq @activePage (sub @pageCount 1))\n disabledNextPage\n nextPage\n }}\n aria-controls={{if @props.aria-controls @props.aria-controls}}\n href={{if @props.href @props.href}}\n disabled={{eq @props.disabled true}}\n ...attributes\n />\n </InnerToken>\n </EuiI18n>\n </Token>\n </EuiI18n>\n </template>;\n\nexport default NextButton;\n"],"names":["NextButton","setComponentTemplate","precompileTemplate","strictMode","scope","EuiI18n","hash","add","EuiButtonIcon","eq","sub","on","fn","templateOnly"],"mappings":";;;;;;;;;;;AAiCA,MAAMA,UAAkC,GAAAC,oBAAA,CACtCC,kBAAA,CAAA,gsBAAA,EAgCA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;aAAAC,gBAAA;IAAAC,IAAA;IAAAC,GAAA;IAAAC,aAAA;IAAAC,EAAA;IAAAC,GAAA;IAAAC,EAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

package/dist/components/eui-pagination/previous-button.js.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~~,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~~;;;;~~"}
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\n/** @private The \"previous page\" button of EuiPagination. /\nexport interface EuiPaginationPreviousButtonSignature {\n Element: EuiButtonIconSignature['Element'];\n Args: {\n /* Zero based index of the current page. /\n activePage: number;\n /* Goes to a page (ignores out of range pages). /\n safeClick: SafeClickHandler;\n /* Extra props for the button: `{ disabled, aria-controls, href }`. */\n props?: {\n disabled?: boolean;\n 'aria-controls'?: string;\n href?: string;\n };\n };\n}\n\nconst PreviousButton: TemplateOnlyComponent<EuiPaginationPreviousButtonSignature> =\n <template>\n <EuiI18n\n @token=\"euiPagination.previousPage\"\n @default=\"Previous page, {page}\"\n @values={{hash page=@activePage}}\n as \|Token\|\n >\n <Token as \|previousPage\|>\n <EuiI18n\n @token=\"euiPagination.disabledPreviousPage\"\n @default=\"Previous page\"\n as \|InnerToken\|\n >\n <InnerToken as \|disabledPreviousPage\|>\n <EuiButtonIcon\n {{on \"click\" (fn @safeClick (sub @activePage 1))}}\n @iconType=\"arrowLeft\"\n @color=\"text\"\n aria-label={{if\n (eq @activePage 0)\n disabledPreviousPage\n previousPage\n }}\n aria-controls={{if @props.aria-controls @props.aria-controls}}\n href={{if @props.href @props.href}}\n disabled={{eq @props.disabled true}}\n ...attributes\n />\n </InnerToken>\n </EuiI18n>\n </Token>\n </EuiI18n>\n </template>;\n\nexport default PreviousButton;\n"],"names":["PreviousButton","setComponentTemplate","precompileTemplate","strictMode","scope","EuiI18n","hash","EuiButtonIcon","eq","on","fn","sub","templateOnly"],"mappings":";;;;;;;;;;AA8BA,MAAMA,cAAsC,GAAAC,oBAAA,CAC1CC,kBAAA,CAAA,ssBAAA,EAgCA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;aAAAC,gBAAA;IAAAC,IAAA;IAAAC,aAAA;IAAAC,EAAA;IAAAC,EAAA;IAAAC,EAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

package/dist/components/eui-pagination-button.js.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~~,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~~;;;;~~"}
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\n/** @private A page number button of EuiPagination. /\nexport interface EuiPaginationButtonSignature {\n Element: EuiButtonEmptySignature['Element'];\n Args: {\n /* Padding of the button. /\n paddingSize?: keyof typeof paddingMapping;\n /* Zero based index of the page it goes to (shown plus one). /\n pageIndex?: number;\n /* Total number of pages, for the accessible label. /\n totalPages?: number;\n /* Marks the current page (`aria-current`). /\n isActive?: boolean;\n /* Renders the \"…\" placeholder between page ranges. /\n isPlaceholder?: boolean;\n /* Hides the button on small screens. /\n hideOnMobile?: boolean;\n };\n Blocks: {\n /* Unused. */\n default: [];\n };\n}\n\nconst EuiPaginationButton: TemplateOnlyComponent<EuiPaginationButtonSignature> =\n <template>\n {{#let (add @pageIndex 1) as \|pageNumber\|}}\n <EuiI18n\n @token=\"euiPaginationButton.longPageString\"\n @default=\"Page {page} of {totalPages}\"\n @values={{hash page=pageNumber totalPages=@totalPages}}\n as \|Token\|\n >\n <Token as \|longPageString\|>\n <EuiI18n\n @token=\"euiPaginationButton.shortPageString\"\n @default=\"Page {page}\"\n @values={{hash page=pageNumber}}\n as \|InnerToken\|\n >\n <InnerToken as \|shortPageString\|>\n <EuiButtonEmpty\n class={{classNames\n \"euiPaginationButton\"\n (if @isActive \"euiPaginationButton-isActive\")\n (if @isPlaceholder \"euiPaginationButton-isPlaceholder\")\n (if @hideOnMobile \"euiPaginationButton--hideOnMobile\")\n }}\n aria-label={{if @totalPages longPageString shortPageString}}\n @size=\"s\"\n @color=\"text\"\n @isDisabled={{or @isPlaceholder @isActive}}\n aria-current={{if @isActive \"true\"}}\n ...attributes\n >\n {{pageNumber}}\n </EuiButtonEmpty>\n </InnerToken>\n </EuiI18n>\n </Token>\n </EuiI18n>\n {{/let}}\n </template>;\n\nexport default EuiPaginationButton;\n"],"names":["EuiPaginationButton","setComponentTemplate","precompileTemplate","strictMode","scope","add","EuiI18n","hash","EuiButtonEmpty","classNames","or","templateOnly"],"mappings":";;;;;;;;;;AAoCA,MAAMA,mBAA2C,GAAAC,oBAAA,CAC/CC,kBAAA,CAAA,w9BAAA,EAqCA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,GAAA;aAAAC,gBAAA;IAAAC,IAAA;IAAAC,cAAA;IAAAC,UAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

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

@@ -14,6 +14,8 @@ import { setComponentTemplate } from '@ember/component';
 const BREAKPOINTS = ['xs', 's'];
 const MAX_VISIBLE_PAGES = 5;
 const NUMBER_SURROUNDING_PAGES = Math.floor(MAX_VISIBLE_PAGES * 0.5);
+/** Page numbers with previous/next buttons, for paged lists and tables. */
 class EuiPaginationComponent extends Component {
   get pageCount() {
     return this.args.pageCount ?? 1;

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 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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"}
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. Defaults to `1`.\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 * Defaults to `0`.\n /\n activePage?: number;\n\n /* Called with the clicked page's zero based index; update `@activePage` here. /\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 * (the id of the content the pages change).\n /\n 'aria-controls'?: string;\n /* Same as `'aria-controls'`. /\n ariaControls?: string;\n}\n\nconst MAX_VISIBLE_PAGES = 5;\nconst NUMBER_SURROUNDING_PAGES = Math.floor(MAX_VISIBLE_PAGES 0.5);\n\n/** Page numbers with previous/next buttons, for paged lists and tables. */\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

@@ -1,3 +1,4 @@
+import { fn } from '@ember/helper';
 import { on } from '@ember/modifier';
 import { not, and, or, eq } from 'ember-truth-helpers';
 import argOrDefault from '../helpers/arg-or-default.js';
@@ -6,7 +7,19 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import templateOnly from '@ember/component/template-only';
-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}}", {
+/**
+ * Enter and Space activate a clickable panel, like a native button. Keys
+ * pressed in controls inside the panel are left alone.
+ */
+function activateOnKey(onClick, event) {
+  if (event.target !== event.currentTarget) return;
+  if (event.key === 'Enter' || event.key === ' ') {
+    // Space would otherwise scroll the page
+    event.preventDefault();
+    onClick(event);
+  }
+}
+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}} tabindex=\"0\" {{on \"click\" @onClick}} {{on \"keydown\" (fn activateOnKey @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,
@@ -15,7 +28,9 @@ const EuiPanel = setComponentTemplate(precompileTemplate("{{#let (argOrDefault @
     classNames,
     and,
     not,
-    on
+    on,
+    fn,
+    activateOnKey
   })
 }), templateOnly());

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,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~~;;;;~~"}
1	+ {"version":3,"file":"eui-panel.js","sources":["../../src/components/eui-panel.gts"],"sourcesContent":["import { fn } from '@ember/helper';\nimport { 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\n/** A box grouping content, with background, padding, border and shadow options. /\nexport interface EuiPanelSignature {\n Element: HTMLDivElement;\n Args: {\n /\n Adds a box shadow (plain panels only). Defaults to `true`.\n /\n hasShadow?: boolean;\n /\n Adds a border (plain and transparent panels only).\n /\n hasBorder?: boolean;\n /\n Padding: `'none'`, `'s'`, `'m'` or `'l'`. Defaults to `'m'`.\n /\n paddingSize?: keyof typeof paddingSizeMapping;\n /\n `'none'` or `'m'`. Defaults to `'m'`.\n /\n borderRadius?: keyof typeof borderRadiusMapping;\n /\n Background: `'plain'`, `'transparent'`, `'subdued'`, `'accent'`,\n * `'primary'`, `'success'`, `'warning'` or `'danger'`.\n * Defaults to `'plain'`.\n /\n color?: keyof typeof colorMapping;\n /\n Grows to fill a flex parent's height. Defaults to `true`.\n /\n grow?: boolean;\n /\n Makes the whole panel clickable (hover styles, `role=\"button\"`,\n * focusable, Enter and Space activate it).\n /\n onClick?: (e: MouseEvent) => void;\n /\n Hover styles for a clickable panel. Defaults to `true`.\n /\n isClickable?: boolean;\n };\n\n Blocks: {\n /* The panel's content. /\n default: [];\n };\n}\n\n/\n Enter and Space activate a clickable panel, like a native button. Keys\n * pressed in controls inside the panel are left alone.\n */\nfunction activateOnKey(\n onClick: (e: MouseEvent) => void,\n event: KeyboardEvent\n): void {\n if (event.target !== event.currentTarget) return;\n\n if (event.key === 'Enter' \|\| event.key === ' ') {\n // Space would otherwise scroll the page\n event.preventDefault();\n onClick(event as unknown as MouseEvent);\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 tabindex=\"0\"\n {{on \"click\" @onClick}}\n {{on \"keydown\" (fn activateOnKey @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":["activateOnKey","onClick","event","target","currentTarget","key","preventDefault","EuiPanel","setComponentTemplate","precompileTemplate","strictMode","scope","argOrDefault","eq","or","classNames","and","not","on","fn","templateOnly"],"mappings":";;;;;;;;;AA6DA;;;;AAIA,SAASA,aAAAA,CACPC,OAAgC,EAChCC,KAAoB,EACf;AACL,EAAA,IAAIA,KAAA,CAAMC,MAAM,KAAKD,KAAA,CAAME,aAAa,EAAE;EAE1C,IAAIF,MAAMG,GAAG,KAAK,WAAWH,KAAA,CAAMG,GAAG,KAAK,GAAA,EAAK;AAC9C;IACAH,KAAA,CAAMI,cAAc,EAAA;IACpBL,OAAA,CAAQC,KAAoB,CAAA;AAC9B,EAAA;AACF;AAEA,MAAMK,QAAgC,GAAAC,oBAAA,CAAqBC,kBAAA,CAAA,qiDAAA,EAiE3D;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,YAAA;IAAAC,EAAA;IAAAC,EAAA;IAAAC,UAAA;IAAAC,GAAA;IAAAC,GAAA;IAAAC,EAAA;IAAAC,EAAA;AAAAnB,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAoB,YAAA,EAAA;;"}

package/dist/components/eui-pinnable-list-group.js ADDED Viewed

@@ -0,0 +1,46 @@
+import Component from '@glimmer/component';
+import { fn } from '@ember/helper';
+import { on } from '@ember/modifier';
+import { service } from '@ember/service';
+import EuiButtonIcon from './eui-button-icon.js';
+import EuiListGroup from './eui-list-group.js';
+import EuiListGroupItem from './eui-list-group-item.js';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+import templateOnly from '@ember/component/template-only';
+import { g, i } from 'decorator-transforms/runtime-esm';
+const PinButton = setComponentTemplate(precompileTemplate("<EuiButtonIcon class=\"euiListGroupItem__extraAction euiPinnableListGroup__itemExtraAction\n    {{if @item.pinned \"euiPinnableListGroup__itemExtraAction-pinned euiListGroupItem__extraAction-alwaysShow\"}}\" @iconType=\"pinFilled\" @iconSize=\"s\" @color=\"primary\" title={{@title}} aria-label={{@title}} {{on \"click\" (fn @onPinClick @item)}} />", {
+  strictMode: true,
+  scope: () => ({
+    EuiButtonIcon,
+    on,
+    fn
+  })
+}), templateOnly());
+class EuiPinnableListGroup extends Component {
+  static {
+    g(this.prototype, "euiI18n", [service]);
+  }
+  #euiI18n = (i(this, "euiI18n"), void 0);
+  title = item => {
+    if (item.pinned) {
+      return this.args.unpinTitle?.(item) ?? this.euiI18n.lookupToken('euiPinnableListGroup.pinnedExtraActionLabel', 'Unpin item');
+    }
+    return this.args.pinTitle?.(item) ?? this.euiI18n.lookupToken('euiPinnableListGroup.pinExtraActionLabel', 'Pin item');
+  };
+  isPinnable = item => item.pinnable !== false;
+  static {
+    setComponentTemplate(precompileTemplate("<EuiListGroup class=\"euiPinnableListGroup\" @bordered={{@bordered}} @flush={{@flush}} @gutterSize={{@gutterSize}} @maxWidth={{@maxWidth}} ...attributes>\n  {{#each @listItems as |item|}}\n    <EuiListGroupItem class=\"euiPinnableListGroup__item\" @label={{item.label}} @href={{item.href}} @onClick={{item.onClick}} @iconType={{item.iconType}} @isActive={{item.isActive}} @isDisabled={{item.isDisabled}} @size={{@size}} @color={{@color}} @extraAction={{if (this.isPinnable item) (component PinButton item=item title=(this.title item) onPinClick=@onPinClick)}} />\n  {{/each}}\n</EuiListGroup>", {
+      strictMode: true,
+      scope: () => ({
+        EuiListGroup,
+        EuiListGroupItem,
+        PinButton
+      })
+    }), this);
+  }
+}
+export { EuiPinnableListGroup as default };
+//# sourceMappingURL=eui-pinnable-list-group.js.map

package/dist/components/eui-pinnable-list-group.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"eui-pinnable-list-group.js","sources":["../../src/components/eui-pinnable-list-group.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { fn } from '@ember/helper';\nimport { on } from '@ember/modifier';\nimport { service } from '@ember/service';\n\nimport EuiButtonIcon from './eui-button-icon.gts';\nimport EuiListGroup from './eui-list-group.gts';\nimport EuiListGroupItem from './eui-list-group-item.gts';\n\nimport type EuiI18n from '../services/eui-i18n';\nimport type { EuiIconSignature } from './eui-icon';\nimport type { EuiListGroupSignature } from './eui-list-group';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiPinnableListGroupItem {\n /** The item's text. */\n label: string;\n /** Makes the item a link. */\n href?: string;\n /** Called when the item is clicked. */\n onClick?: (event: MouseEvent) => void;\n /** Icon before the label, any `EuiIcon` type. */\n iconType?: EuiIconSignature['Args']['type'];\n /** Highlights the item, e.g. the current page. */\n isActive?: boolean;\n /** Disables the item. */\n isDisabled?: boolean;\n /** Shows the pin always, filled: the item is pinned. */\n pinned?: boolean;\n /** Set `false` for items that cannot be pinned. Defaults to `true`. */\n pinnable?: boolean;\n [key: string]: unknown;\n}\n\n/**\n * A list of links (e.g. the pages of an app) where each item can be\n * pinned, usually to a \"Pinned\" list at the top of a navigation. You keep\n * the `pinned` flags; `@onPinClick` is called with the clicked item.\n */\nexport interface EuiPinnableListGroupSignature {\n Element: HTMLUListElement;\n Args: {\n /** The items. */\n listItems: EuiPinnableListGroupItem[];\n /** Called with the item whose pin was clicked. */\n onPinClick: (item: EuiPinnableListGroupItem) => void;\n /** Accessible label of the pin button. Defaults to \"Pin item\". */\n pinTitle?: (item: EuiPinnableListGroupItem) => string;\n /** Accessible label of the unpin button. Defaults to \"Unpin item\". */\n unpinTitle?: (item: EuiPinnableListGroupItem) => string;\n /** Adds a border around the list. */\n bordered?: boolean;\n /** Removes the padding around the list. */\n flush?: boolean;\n /** Space between items: `'none'` or `'s'`. Defaults to `'s'`. */\n gutterSize?: EuiListGroupSignature['Args']['gutterSize'];\n /** Limits the list's width: `true` for EUI's default, or a CSS width. */\n maxWidth?: EuiListGroupSignature['Args']['maxWidth'];\n /** Text size of the items: `'xs'`, `'s'`, `'m'` or `'l'`. */\n size?: 'xs' | 's' | 'm' | 'l';\n /** Text color of the items: `'primary'`, `'text'`, `'subdued'`, `'ghost'`. */\n color?: 'primary' | 'text' | 'subdued' | 'ghost' | 'inherit';\n };\n}\n\ninterface PinButtonSignature {\n Args: {\n item: EuiPinnableListGroupItem;\n title: string;\n onPinClick: (item: EuiPinnableListGroupItem) => void;\n };\n}\n\nconst PinButton: TemplateOnlyComponent<PinButtonSignature> = <template>\n <EuiButtonIcon\n class=\"euiListGroupItem__extraAction euiPinnableListGroup__itemExtraAction\n {{if\n @item.pinned\n 'euiPinnableListGroup__itemExtraAction-pinned euiListGroupItem__extraAction-alwaysShow'\n }}\"\n @iconType=\"pinFilled\"\n @iconSize=\"s\"\n @color=\"primary\"\n title={{@title}}\n aria-label={{@title}}\n {{on \"click\" (fn @onPinClick @item)}}\n />\n</template>;\n\nexport default class EuiPinnableListGroup extends Component<EuiPinnableListGroupSignature> {\n @service declare euiI18n: EuiI18n;\n\n title = (item: EuiPinnableListGroupItem): string => {\n if (item.pinned) {\n return (\n this.args.unpinTitle?.(item) ??\n this.euiI18n.lookupToken('euiPinnableListGroup.pinnedExtraActionLabel', 'Unpin item')\n );\n }\n\n return (\n this.args.pinTitle?.(item) ??\n this.euiI18n.lookupToken('euiPinnableListGroup.pinExtraActionLabel', 'Pin item')\n );\n };\n\n isPinnable = (item: EuiPinnableListGroupItem): boolean => item.pinnable !== false;\n\n <template>\n <EuiListGroup\n class=\"euiPinnableListGroup\"\n @bordered={{@bordered}}\n @flush={{@flush}}\n @gutterSize={{@gutterSize}}\n @maxWidth={{@maxWidth}}\n ...attributes\n >\n {{#each @listItems as |item|}}\n <EuiListGroupItem\n class=\"euiPinnableListGroup__item\"\n @label={{item.label}}\n @href={{item.href}}\n @onClick={{item.onClick}}\n @iconType={{item.iconType}}\n @isActive={{item.isActive}}\n @isDisabled={{item.isDisabled}}\n @size={{@size}}\n @color={{@color}}\n @extraAction={{if\n (this.isPinnable item)\n (component\n PinButton\n item=item\n title=(this.title item)\n onPinClick=@onPinClick\n )\n }}\n />\n {{/each}}\n </EuiListGroup>\n </template>\n}\n"],"names":["PinButton","setComponentTemplate","precompileTemplate","strictMode","scope","EuiButtonIcon","on","fn","templateOnly","EuiPinnableListGroup","Component","g","prototype","service","i","title","item","pinned","args","unpinTitle","euiI18n","lookupToken","pinTitle","isPinnable","pinnable","EuiListGroup","EuiListGroupItem"],"mappings":";;;;;;;;;;;;AAyEA,MAAMA,SAAiC,GAAAC,oBAAA,CAAsBC,kBAAA,CAAA,8VAAA,EAc7D;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,aAAA;IAAAC,EAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA,CAAA;AAEK,MAAMC,6BAA6BC,SAAA,CAAU;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,SAAA,EAAA,CACzDC,OAAA,CAAA,CAAA;AAAA;EAAA,QAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,SAAA,CAAA,EAAA,MAAA;EAEDC,KAAA,GAASC,IAAM,IAAiC;IAC9C,IAAIA,IAAA,CAAKC,MAAM,EAAE;AACf,MAAA,OACE,IAAI,CAACC,IAAI,CAACC,UAAU,GAAGH,IAAA,CAAA,IACvB,IAAI,CAACI,OAAO,CAACC,WAAW,CAAC,+CAA+C,YAAA,CAC1E;AACF,IAAA;AAEA,IAAA,OACE,IAAI,CAACH,IAAI,CAACI,QAAQ,GAAGN,IAAA,CAAA,IACrB,IAAI,CAACI,OAAO,CAACC,WAAW,CAAC,4CAA4C,UAAA,CACvE;EACF,CAAA;AAEAE,EAAAA,UAAA,GAAcP,IAAM,IAAsCA,IAAA,CAAKQ,QAAQ,KAAK,KAAA;AAE5E,EAAA;IAAAvB,oBAAA,CAAAC,kBAAA,CAAA,klBAAA,EAgCA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAqB,YAAA;QAAAC,gBAAA;AAAA1B,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;"}

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~~,2HAAA,~~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\n/** The footer of an EuiPopover (separated by a border). /\nexport interface EuiPopoverFooterSignature {\n Element: HTMLDivElement;\n Args: {\n /* Padding: `'none'`, `'s'`, `'m'` or `'l'`. Should match the popover's. /\n paddingSize?: keyof typeof paddingMapping;\n };\n Blocks: {\n /* E.g. a full width button. */\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":";;;;;AAkBA,MAAMA,gBAAwC,GAAAC,oBAAA,CAC5CC,kBAAA,CAAA,2HAAA,EAUA;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.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-popover-title.js","sources":["../../src/components/eui-popover-title.gts"],"sourcesContent":["import classNames from '../helpers/class-names.ts';\n\nimport type { paddingMapping } from '../utils/css-mappings/eui-popover-title.ts';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiPopoverTitleSignature {\n Element: HTMLDivElement;\n Args: {\n paddingSize?: keyof typeof paddingMapping;\n };\n Blocks: {\n default: [];\n };\n}\n\nconst EuiPopoverTitle: TemplateOnlyComponent<EuiPopoverTitleSignature> =\n <template>\n <div\n class={{classNames\n paddingSize=@paddingSize\n componentName=\"EuiPopoverTitle\"\n }}\n ...attributes\n >\n {{yield}}\n </div>\n </template>;\n\nexport default EuiPopoverTitle;\n"],"names":["EuiPopoverTitle","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","templateOnly"],"mappings":";;;;;~~AAeA~~,MAAMA,~~eACJ~~,GAAAC,oBAAA,~~CAAAC~~,kBAAA,~~CAUA~~,0HAAA,~~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-title.js","sources":["../../src/components/eui-popover-title.gts"],"sourcesContent":["import classNames from '../helpers/class-names.ts';\n\nimport type { paddingMapping } from '../utils/css-mappings/eui-popover-title.ts';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\n/** The title of an EuiPopover (separated by a border). /\nexport interface EuiPopoverTitleSignature {\n Element: HTMLDivElement;\n Args: {\n /* Padding: `'none'`, `'s'`, `'m'` or `'l'`. Should match the popover's. /\n paddingSize?: keyof typeof paddingMapping;\n };\n Blocks: {\n /* The title text. */\n default: [];\n };\n}\n\nconst EuiPopoverTitle: TemplateOnlyComponent<EuiPopoverTitleSignature> =\n <template>\n <div\n class={{classNames\n paddingSize=@paddingSize\n componentName=\"EuiPopoverTitle\"\n }}\n ...attributes\n >\n {{yield}}\n </div>\n </template>;\n\nexport default EuiPopoverTitle;\n"],"names":["EuiPopoverTitle","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","templateOnly"],"mappings":";;;;;AAkBA,MAAMA,eAAuC,GAAAC,oBAAA,CAC3CC,kBAAA,CAAA,0HAAA,EAUA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}