@ember-eui/core 14.1.4 → 16.0.0

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

@@ -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. 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 (pageIndex < 0 || pageIndex >= this.pageCount) {\n      return;\n    }\n\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                    &hellip;\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                    &hellip;\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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"}
+{"version":3,"file":"eui-pagination.js","sources":["../../src/components/eui-pagination.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached, tracked } from '@glimmer/tracking';\nimport { fn } from '@ember/helper';\nimport { throttle } from '@ember/runloop';\nimport { service } from '@ember/service';\nimport type Owner from '@ember/owner';\n\nimport onWindowResize from '../-private/window-resize.ts';\nimport { getBreakpoint } from '../utils/breakpoint.ts';\nimport { getEuiThemeContext } from '../utils/emotion/consume.ts';\nimport { euiClass, useEuiBorealisStyles } from '../utils/eui/styles.ts';\nimport type { EuiCss } from '../utils/eui/styles.ts';\nimport {\n  euiPaginationStyles,\n  euiScreenReaderOnly\n} from '../utils/eui/styles.generated.ts';\nimport ArrowButton from './eui-pagination/arrow-button.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 EuiI18nService from '../services/eui-i18n.ts';\nimport type { EuiBreakpointSize } from '../utils/breakpoint.ts';\n\nexport type PageClickHandler = (pageIndex: number) => void;\nexport type SafeClickHandler = (pageIndex: number, event?: Event) => 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   * Shows \"page of total\" text with first/previous/next/last arrows instead\n   * of page numbers.\n   */\n  compressed?: boolean;\n\n  /**\n   * Breakpoints at which it is automatically `compressed`. Defaults to\n   * `['xs', 's']`, as upstream; `false` turns this off.\n   */\n  responsive?: false | EuiBreakpointSize[];\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); the buttons then link to it.\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);\nconst BOX_SIZING = { boxSizing: 'border-box' } as const;\n// Scoped stand-in for React's global list reset.\nconst LIST_RESET = { margin: 0, padding: 0, listStyle: 'none' } as const;\nconst SCREEN_READER_ONLY = euiScreenReaderOnly();\nconst RESPONSIVE_DEFAULT: EuiBreakpointSize[] = ['xs', 's'];\n\ntype Ellipsis = { ellipsis: string };\ntype PageButton = { pageIndex: number };\n\nconst hasEllipsis = (page: PageButton | Ellipsis): page is Ellipsis =>\n  'ellipsis' in page;\nconst ellipsisLabel = (page: PageButton | Ellipsis) =>\n  'ellipsis' in page ? page.ellipsis : undefined;\nconst pageIndexOf = (page: PageButton | Ellipsis) =>\n  'pageIndex' in page ? page.pageIndex : 0;\nconst lastIndex = (pageCount: number) => pageCount - 1;\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  @service declare euiI18n: EuiI18nService;\n  @tracked currentBreakpoint: EuiBreakpointSize | undefined;\n\n  constructor(owner: Owner, args: Args) {\n    super(owner, args);\n    this.currentBreakpoint = getBreakpoint(\n      typeof window === 'undefined' ? Infinity : window.innerWidth\n    );\n  }\n\n  updateBreakpoint = () => {\n    const breakpoint = getBreakpoint(window.innerWidth);\n    if (breakpoint !== this.currentBreakpoint) {\n      this.currentBreakpoint = breakpoint;\n    }\n  };\n\n  onResize = () => {\n    throttle(this, this.updateBreakpoint, 50);\n  };\n\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 compressed(): boolean {\n    if (this.args.compressed) return true;\n    const responsive = this.args.responsive ?? RESPONSIVE_DEFAULT;\n    return Boolean(\n      responsive &&\n        this.currentBreakpoint &&\n        responsive.includes(this.currentBreakpoint)\n    );\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  get pages(): PageButton[] {\n    const pages = [];\n    for (let i = this.firstPageInRange; i < this.lastPageInRange; i++) {\n      pages.push({ pageIndex: i });\n    }\n    return pages;\n  }\n\n  get firstPageButtons(): (PageButton | Ellipsis)[] {\n    const buttons: (PageButton | Ellipsis)[] = [];\n    const first = this.firstPageInRange;\n\n    if (first > 0) {\n      buttons.push({ pageIndex: 0 });\n\n      if (first > 1 && first !== 2) {\n        buttons.push({\n          ellipsis: this.euiI18n.lookupToken(\n            'euiPagination.firstRangeAriaLabel',\n            'Skipping pages 2 to {lastPage}',\n            { lastPage: first }\n          )\n        });\n      } else if (first === 2) {\n        buttons.push({ pageIndex: 1 });\n      }\n    }\n\n    return buttons;\n  }\n\n  get lastPageButtons(): (PageButton | Ellipsis)[] {\n    const buttons: (PageButton | Ellipsis)[] = [];\n    const pageCount = this.pageCount;\n    const last = this.lastPageInRange;\n\n    if (last < pageCount) {\n      if (last + 1 === pageCount - 1) {\n        buttons.push({ pageIndex: last });\n      } else if (last < pageCount - 1) {\n        buttons.push({\n          ellipsis: this.euiI18n.lookupToken(\n            'euiPagination.lastRangeAriaLabel',\n            'Skipping pages {firstPage} to {lastPage}',\n            { firstPage: last + 1, lastPage: pageCount - 1 }\n          )\n        });\n      }\n\n      buttons.push({ pageIndex: pageCount - 1 });\n    }\n\n    return buttons;\n  }\n\n  get allPageButtons(): (PageButton | Ellipsis)[] {\n    return [...this.firstPageButtons, ...this.pages, ...this.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 isFirstDisabled(): boolean {\n    return this.activePage <= 0;\n  }\n\n  get isLastDisabled(): boolean {\n    return this.activePage >= this.pageCount - 1;\n  }\n\n  get prevPageButtonProps() {\n    return {\n      disabled: this.isFirstDisabled,\n      'aria-controls': this.ariaControls\n    };\n  }\n\n  get nextPageButtonProps() {\n    return {\n      disabled: this.isLastDisabled,\n      'aria-controls': this.ariaControls\n    };\n  }\n\n  /** \"{page} of {total}\" split around its two numbers (upstream spans). */\n  get compressedParts(): { text: string; number: boolean }[] {\n    const page = { value: String(this.activePage + 1) };\n    const total = { value: String(this.pageCount) };\n    const parts = this.euiI18n._lookupToken({\n      token: 'euiPagination.pageOfTotalCompressed',\n      valueDefault: '{page} of {total}',\n      values: { page, total }\n    }) as unknown as string | (string | { value: string })[];\n    return (Array.isArray(parts) ? parts : [parts]).map((part) =>\n      typeof part === 'string'\n        ? { text: part, number: false }\n        : { text: part.value, number: true }\n    );\n  }\n\n  /** Upstream's screen reader status, e.g. \"Page 2 of 5\". */\n  get accessiblePageCount(): string {\n    const lookup = (token: string, fallback: string) =>\n      this.euiI18n.lookupToken(`euiPagination.${token}`, fallback);\n    const total =\n      this.pageCount === 0\n        ? lookup('collection', 'collection')\n        : String(this.pageCount);\n    return `${lookup('page', 'Page')} ${this.activePage + 1} ${lookup('of', 'of')} ${total}`;\n  }\n\n  @cached\n  get rootClass(): string {\n    const context = getEuiThemeContext(this);\n    const styles = useEuiBorealisStyles(context, euiPaginationStyles);\n    return `euiPagination ${euiClass(context, BOX_SIZING, styles.euiPagination)}`;\n  }\n\n  @cached\n  get listClass(): string {\n    const context = getEuiThemeContext(this);\n    const styles = useEuiBorealisStyles(context, euiPaginationStyles);\n    return `euiPagination__list ${euiClass(context, LIST_RESET, styles.euiPagination__list)}`;\n  }\n\n  @cached\n  get ellipsisClass(): string {\n    const context = getEuiThemeContext(this);\n    const styles = useEuiBorealisStyles(context, euiPaginationStyles);\n    return `euiPagination__item ${euiClass(context, styles.euiPagination__ellipsis)}`;\n  }\n\n  // Read lazily where EuiText splats it, so it is inserted after EuiText's own class.\n  @cached\n  get compressedTextCss(): EuiCss {\n    const context = getEuiThemeContext(this);\n    return useEuiBorealisStyles(context, euiPaginationStyles)\n      .euiPagination__compressedText;\n  }\n\n  @cached\n  get screenReaderOnlyClass(): string {\n    return euiClass(getEuiThemeContext(this), SCREEN_READER_ONLY);\n  }\n\n  safeClick: SafeClickHandler = (pageIndex, event) => {\n    // Buttons may link to `#aria-controls`; the page change happens here.\n    event?.preventDefault();\n\n    if (pageIndex < 0 || pageIndex >= this.pageCount) {\n      return;\n    }\n\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  <template>\n    {{!template-lint-disable no-duplicate-landmark-elements}}\n    <nav class={{this.rootClass}} {{onWindowResize this.onResize}} ...attributes>\n      <span class={{this.screenReaderOnlyClass}}>\n        <span aria-atomic=\"true\" aria-relevant=\"additions text\" role=\"status\">\n          {{this.accessiblePageCount}}\n        </span>\n      </span>\n      {{#if this.compressed}}\n        <ArrowButton\n          @type=\"first\"\n          @disabled={{this.isFirstDisabled}}\n          @ariaControls={{this.ariaControls}}\n          @onClick={{fn this.safeClick 0}}\n        />\n      {{/if}}\n      <PreviousButton\n        @activePage={{this.activePage}}\n        @safeClick={{this.safeClick}}\n        @props={{this.prevPageButtonProps}}\n      />\n      {{#if this.compressed}}\n        <EuiText\n          @size=\"s\"\n          class=\"euiPagination__compressedText\"\n          @css={{this.compressedTextCss}}\n        >\n          {{#each this.compressedParts as |part|}}\n            {{#if part.number}}<span>{{part.text}}</span>{{else}}{{part.text}}{{/if}}\n          {{/each}}\n        </EuiText>\n      {{else if this.pageCount}}\n        <ul class={{this.listClass}}>\n          {{#each this.allPageButtons as |page|}}\n            {{#if (hasEllipsis page)}}\n              <li aria-label={{ellipsisLabel page}} class={{this.ellipsisClass}}>\n                &hellip;\n              </li>\n            {{else}}\n              <ButtonWrapper\n                @pageIndex={{pageIndexOf page}}\n                @props={{this.sharedButtonProps}}\n              />\n            {{/if}}\n          {{/each}}\n        </ul>\n      {{/if}}\n      <NextButton\n        @activePage={{this.activePage}}\n        @safeClick={{this.safeClick}}\n        @props={{this.nextPageButtonProps}}\n        @pageCount={{this.pageCount}}\n      />\n      {{#if this.compressed}}\n        <ArrowButton\n          @type=\"last\"\n          @disabled={{this.isLastDisabled}}\n          @ariaControls={{this.ariaControls}}\n          @onClick={{fn this.safeClick (lastIndex this.pageCount)}}\n        />\n      {{/if}}\n    </nav>\n  </template>\n}\n\n"],"names":["MAX_VISIBLE_PAGES","NUMBER_SURROUNDING_PAGES","Math","floor","BOX_SIZING","boxSizing","LIST_RESET","margin","padding","listStyle","SCREEN_READER_ONLY","euiScreenReaderOnly","RESPONSIVE_DEFAULT","hasEllipsis","page","ellipsisLabel","ellipsis","undefined","pageIndexOf","pageIndex","lastIndex","pageCount","EuiPaginationComponent","Component","g","prototype","service","i","tracked","constructor","owner","args","currentBreakpoint","getBreakpoint","window","Infinity","innerWidth","updateBreakpoint","breakpoint","onResize","throttle","activePage","ariaControls","compressed","responsive","Boolean","includes","firstPageInRange","max","min","lastPageInRange","pages","push","firstPageButtons","buttons","first","euiI18n","lookupToken","lastPage","lastPageButtons","last","firstPage","allPageButtons","sharedButtonProps","safeClick","isFirstDisabled","isLastDisabled","prevPageButtonProps","disabled","nextPageButtonProps","compressedParts","value","String","total","parts","_lookupToken","token","valueDefault","values","Array","isArray","map","part","text","number","accessiblePageCount","lookup","fallback","rootClass","context","getEuiThemeContext","styles","useEuiBorealisStyles","euiPaginationStyles","euiClass","euiPagination","n","cached","listClass","euiPagination__list","ellipsisClass","euiPagination__ellipsis","compressedTextCss","euiPagination__compressedText","screenReaderOnlyClass","event","preventDefault","controlledElement","document","getElementById","focus","onPageClick","setComponentTemplate","precompileTemplate","strictMode","scope","onWindowResize","ArrowButton","fn","PreviousButton","EuiText","ButtonWrapper","NextButton"],"mappings":"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"}

package/dist/components/eui-panel.js

@@ -1,11 +1,14 @@
+import Component from '@glimmer/component';
+import { cached } from '@glimmer/tracking';
 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';
-import classNames from '../helpers/class-names.js';
+import { eq } from 'ember-truth-helpers';
+import { getEuiThemeContext } from '../utils/emotion/consume.js';
+import { useEuiBorealisStyles, euiClass } from '../utils/eui/styles.js';
+import { e as euiBorderColor, i as euiBackgroundColor, j as euiPaddingSize, k as euiPanelStyles } from '../styles.generated-SYAxYhey.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
-import templateOnly from '@ember/component/template-only';
+import { n } from 'decorator-transforms/runtime-esm';
 
 /**
  * Enter and Space activate a clickable panel, like a native button. Keys
@@ -19,20 +22,59 @@ function activateOnKey(onClick, event) {
     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 (or (not canHaveShadow) (eq hasShadow false)) \"euiPanel--noShadow\") (if (and canHaveBorder (eq @hasBorder true)) \"euiPanel--hasBorder\") (if (or (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 (or (not canHaveShadow) (eq hasShadow false)) \"euiPanel--noShadow\") (if (and canHaveBorder (eq @hasBorder true)) \"euiPanel--hasBorder\") (if (or (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,
-    eq,
-    or,
-    classNames,
-    and,
-    not,
-    on,
-    fn,
-    activateOnKey
-  })
-}), templateOnly());
+/** Borealis surface styles composed directly from the latest upstream factory. */
+class EuiPanel extends Component {
+  get classes() {
+    const context = getEuiThemeContext(this);
+    const upstream = context.upstream;
+    const styles = useEuiBorealisStyles(context, euiPanelStyles);
+    const color = this.args.color ?? 'plain';
+    const hasBorder = this.args.hasBorder ?? true;
+    const hasShadow = this.args.hasShadow ?? false;
+    const canHaveBorder = color === 'plain' || color === 'transparent';
+    const shadow = !hasBorder && color === 'plain' && !upstream.highContrastMode && hasShadow;
+    const clickable = !!this.args.onClick && (this.args.isClickable ?? true);
+    const padding = this.args.paddingSize ?? 'm';
+    const generated = euiClass(context, {
+      boxSizing: 'border-box',
+      display: 'block',
+      padding: 0,
+      border: 'none',
+      borderRadius: 0,
+      boxShadow: 'none',
+      font: 'inherit',
+      color: upstream.euiTheme.colors.textParagraph,
+      textAlign: 'start'
+    }, styles.euiPanel, (this.args.grow ?? true) && styles.grow, styles.radius[this.args.borderRadius ?? 'm'], {
+      padding: euiPaddingSize(upstream, padding) ?? 0,
+      backgroundColor: euiBackgroundColor(upstream, color)
+    }, shadow && styles.hasShadow, canHaveBorder && hasBorder && styles.hasBorder, upstream.highContrastMode && !(color === 'transparent' && !hasBorder) && {
+      border: upstream.euiTheme.border.thin,
+      borderColor: euiBorderColor(upstream, color)
+    }, clickable && styles.isClickable, clickable && {
+      cursor: 'pointer',
+      outlineOffset: '2px',
+      '&:focus-visible': {
+        outline: `${upstream.euiTheme.focus.width} solid ${upstream.euiTheme.focus.color}`
+      }
+    }, this.args.css);
+    return ['euiPanelBorealis', `euiPanel--${color}`, generated].join(' ');
+  }
+  static {
+    n(this.prototype, "classes", [cached]);
+  }
+  static {
+    setComponentTemplate(precompileTemplate("{{#if @onClick}}\n  {{#if (eq @element \"button\")}}\n    <button type=\"button\" data-eui-panel class={{this.classes}} {{on \"click\" @onClick}} {{!--@glint-expect-error--}} ...attributes>\n      {{yield}}\n    </button>\n  {{else}}\n    <div role=\"button\" data-eui-panel class={{this.classes}} tabindex=\"0\" {{on \"click\" @onClick}} {{on \"keydown\" (fn activateOnKey @onClick)}} ...attributes>\n      {{yield}}\n    </div>\n  {{/if}}\n{{else}}\n  <div data-eui-panel class={{this.classes}} ...attributes>{{yield}}</div>\n{{/if}}", {
+      strictMode: true,
+      scope: () => ({
+        eq,
+        on,
+        fn,
+        activateOnKey
+      })
+    }), this);
+  }
+}
 
 export { EuiPanel as default };
 //# sourceMappingURL=eui-panel.js.map

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

@@ -1 +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\n} 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              (or (not canHaveShadow) (eq hasShadow false)) \"euiPanel--noShadow\"\n            )\n            (if (and canHaveBorder (eq @hasBorder true)) \"euiPanel--hasBorder\")\n            (if\n              (or (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              (or (not canHaveShadow) (eq hasShadow false)) \"euiPanel--noShadow\"\n            )\n            (if (and canHaveBorder (eq @hasBorder true)) \"euiPanel--hasBorder\")\n            (if\n              (or (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":";;;;;;;;;AA8DA;;;;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,iiDAAA,EA+D3D;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;;"}
+{"version":3,"file":"eui-panel.js","sources":["../../src/components/eui-panel.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached } from '@glimmer/tracking';\nimport { fn } from '@ember/helper';\nimport { on } from '@ember/modifier';\nimport { eq } from 'ember-truth-helpers';\nimport { getEuiThemeContext } from '../utils/emotion/consume.ts';\nimport { useEuiBorealisStyles, euiClass } from '../utils/eui/styles.ts';\nimport type { EuiCss } from '../utils/eui/styles.ts';\nimport {\n  euiPanelStyles,\n  euiBackgroundColor,\n  euiPaddingSize,\n  euiBorderColor\n} from '../utils/eui/styles.generated.ts';\n\n/** A box grouping content, with background, padding, border and shadow options. */\nexport interface EuiPanelSignature {\n  Element: HTMLDivElement;\n  Args: {\n    /**\n     * Tag of a panel with `@onClick`. `'div'` (default) renders a\n     * `<div role=\"button\" tabindex=\"0\">` that also reacts to Enter and Space;\n     * `'button'` renders a native `<button type=\"button\">` like upstream\n     * (upstream's own default, kept as `'div'` here so existing panels\n     * keep their markup). Ignored without `@onClick`.\n     */\n    element?: 'div' | 'button';\n    /**\n     * Extra styles composed last into this component's class (like upstream's\n     * `css` prop). Prefer this to an extra class when styling it from a parent.\n     */\n    css?: EuiCss;\n    /**\n     * Adds a box shadow (plain panels without a border only). Defaults to `false`.\n     */\n    hasShadow?: boolean;\n    /**\n     * Adds a border (plain and transparent panels only). Defaults to `true`.\n     */\n    hasBorder?: boolean;\n    /**\n     * Padding: `'none'`, `'s'`, `'m'` or `'l'`. Defaults to `'m'`.\n     */\n    paddingSize?: 'none' | 's' | 'm' | 'l';\n    /**\n     * `'none'` or `'m'`. Defaults to `'m'`.\n     */\n    borderRadius?: 'none' | 'm';\n    /**\n     * Background: `'plain'`, `'transparent'`, `'subdued'`, `'accent'`,\n     * `'primary'`, `'success'`, `'warning'` or `'danger'`.\n     * Defaults to `'plain'`.\n     */\n    color?:\n      | 'transparent'\n      | 'plain'\n      | 'subdued'\n      | 'accent'\n      | 'primary'\n      | 'success'\n      | 'warning'\n      | 'danger';\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\n/** Borealis surface styles composed directly from the latest upstream factory. */\nexport default class EuiPanel extends Component<EuiPanelSignature> {\n  @cached\n  get classes() {\n    const context = getEuiThemeContext(this);\n    const upstream = context.upstream;\n    const styles = useEuiBorealisStyles(context, euiPanelStyles);\n    const color = this.args.color ?? 'plain';\n    const hasBorder = this.args.hasBorder ?? true;\n    const hasShadow = this.args.hasShadow ?? false;\n    const canHaveBorder = color === 'plain' || color === 'transparent';\n    const shadow =\n      !hasBorder &&\n      color === 'plain' &&\n      !upstream.highContrastMode &&\n      hasShadow;\n    const clickable = !!this.args.onClick && (this.args.isClickable ?? true);\n    const padding = this.args.paddingSize ?? 'm';\n    const generated = euiClass(\n      context,\n      {\n        boxSizing: 'border-box',\n        display: 'block',\n        padding: 0,\n        border: 'none',\n        borderRadius: 0,\n        boxShadow: 'none',\n        font: 'inherit',\n        color: upstream.euiTheme.colors.textParagraph,\n        textAlign: 'start'\n      },\n      styles.euiPanel,\n      (this.args.grow ?? true) && styles.grow,\n      styles.radius[this.args.borderRadius ?? 'm'],\n      {\n        padding: euiPaddingSize(upstream, padding) ?? 0,\n        backgroundColor: euiBackgroundColor(upstream, color)\n      },\n      shadow && styles.hasShadow,\n      canHaveBorder && hasBorder && styles.hasBorder,\n      upstream.highContrastMode &&\n        !(color === 'transparent' && !hasBorder) && {\n          border: upstream.euiTheme.border.thin,\n          borderColor: euiBorderColor(upstream, color)\n        },\n      clickable && styles.isClickable,\n      clickable && {\n        cursor: 'pointer',\n        outlineOffset: '2px',\n        '&:focus-visible': {\n          outline: `${upstream.euiTheme.focus.width} solid ${upstream.euiTheme.focus.color}`\n        }\n      },\n      this.args.css\n    );\n    return ['euiPanelBorealis', `euiPanel--${color}`, generated].join(' ');\n  }\n\n  <template>\n    {{#if @onClick}}\n      {{#if (eq @element \"button\")}}\n        <button\n          type=\"button\"\n          data-eui-panel\n          class={{this.classes}}\n          {{on \"click\" @onClick}}\n          {{!@glint-expect-error}}\n          ...attributes\n        >\n          {{yield}}\n        </button>\n      {{else}}\n        <div\n          role=\"button\"\n          data-eui-panel\n          class={{this.classes}}\n          tabindex=\"0\"\n          {{on \"click\" @onClick}}\n          {{on \"keydown\" (fn activateOnKey @onClick)}}\n          ...attributes\n        >\n          {{yield}}\n        </div>\n      {{/if}}\n    {{else}}\n      <div data-eui-panel class={{this.classes}} ...attributes>{{yield}}</div>\n    {{/if}}\n  </template>\n}\n"],"names":["activateOnKey","onClick","event","target","currentTarget","key","preventDefault","EuiPanel","Component","classes","context","getEuiThemeContext","upstream","styles","useEuiBorealisStyles","euiPanelStyles","color","args","hasBorder","hasShadow","canHaveBorder","shadow","highContrastMode","clickable","isClickable","padding","paddingSize","generated","euiClass","boxSizing","display","border","borderRadius","boxShadow","font","euiTheme","colors","textParagraph","textAlign","euiPanel","grow","radius","euiPaddingSize","backgroundColor","euiBackgroundColor","thin","borderColor","euiBorderColor","cursor","outlineOffset","outline","focus","width","css","join","n","prototype","cached","setComponentTemplate","precompileTemplate","strictMode","scope","eq","on","fn"],"mappings":"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"}

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

@@ -1,23 +1,17 @@
 import Component from '@glimmer/component';
-import { fn } from '@ember/helper';
-import { on } from '@ember/modifier';
+import { cached } from '@glimmer/tracking';
 import { service } from '@ember/service';
-import EuiButtonIcon from './eui-button-icon.js';
+import { getEuiThemeContext } from '../utils/emotion/consume.js';
+import { useEuiBorealisStyles } from '../utils/eui/styles.js';
+import { cv as euiPinnableListGroupItemExtraActionStyles } from '../styles.generated-SYAxYhey.js';
 import EuiListGroup from './eui-list-group.js';
 import EuiListGroupItem from './eui-list-group-item.js';
+import spreadAttributes from '../-private/eui-spread-attributes.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';
+import { g, i, n } 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());
+/** Item keys that are `EuiListGroupItem` args (the rest become attributes). */const ITEM_ARGS = ['label', 'href', 'onClick', 'iconType', 'icon', 'iconProps', 'isActive', 'isDisabled', 'hasAriaDisabled', 'pinned', 'pinnable', 'target', 'rel', 'external', 'wrapText', 'extraAction', 'color', 'showToolTip', 'toolTipText', 'toolTipProps', 'size'];
 class EuiPinnableListGroup extends Component {
   static {
     g(this.prototype, "euiI18n", [service]);
@@ -29,14 +23,49 @@ class EuiPinnableListGroup extends Component {
     }
     return this.args.pinTitle?.(item) ?? this.euiI18n.lookupToken('euiPinnableListGroup.pinExtraActionLabel', 'Pin item');
   };
-  isPinnable = item => item.pinnable !== false;
+  /** Pin button styles (upstream rotation, pinned color). */
+  get pinCss() {
+    const styles = useEuiBorealisStyles(getEuiThemeContext(this), euiPinnableListGroupItemExtraActionStyles);
+    const base = styles.euiPinnableListGroup__itemExtraAction;
+    return {
+      pinned: [base, styles.pinned],
+      unpinned: base
+    };
+  }
+  /** Upstream passes items as `listItems`, so the list's `wrapText` reaches them. */
+  static {
+    n(this.prototype, "pinCss", [cached]);
+  }
+  itemWrapText = item => {
+    return item.wrapText ?? this.args.wrapText;
+  };
+  /**
+  * Upstream adds the pin action unless the item is not pinnable or brings
+  * its own `extraAction`.
+  */
+  extraAction = item => {
+    if (item.extraAction) return item.extraAction;
+    if (item.pinnable === false) return undefined;
+    const title = this.title(item);
+    return {
+      iconType: 'pinFill',
+      iconSize: 's',
+      className: 'euiPinnableListGroup__itemExtraAction',
+      css: item.pinned ? this.pinCss.pinned : this.pinCss.unpinned,
+      alwaysShow: Boolean(item.pinned),
+      'aria-label': title,
+      title,
+      onClick: () => this.args.onPinClick(item)
+    };
+  };
   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>", {
+    setComponentTemplate(precompileTemplate("<EuiListGroup class=\"euiPinnableListGroup\" @bordered={{@bordered}} @maxWidth={{@maxWidth}} @color={{@color}} @wrapText={{@wrapText}} @showToolTips={{@showToolTips}} @ariaLabelledby={{@ariaLabelledby}} ...attributes>\n  {{#each @listItems as |item|}}\n    <EuiListGroupItem class=\"euiPinnableListGroup__item {{item.className}}\" @label={{item.label}} @href={{item.href}} @target={{item.target}} @rel={{item.rel}} @external={{item.external}} @onClick={{item.onClick}} @iconType={{item.iconType}} @icon={{item.icon}} @iconProps={{item.iconProps}} @isActive={{item.isActive}} @isDisabled={{item.isDisabled}} @hasAriaDisabled={{item.hasAriaDisabled}} @wrapText={{this.itemWrapText item}} @extraAction={{this.extraAction item}} @color={{item.color}} @showToolTip={{item.showToolTip}} @toolTipText={{item.toolTipText}} @toolTipProps={{item.toolTipProps}} {{spreadAttributes item ITEM_ARGS}} />\n  {{/each}}\n</EuiListGroup>", {
       strictMode: true,
       scope: () => ({
         EuiListGroup,
         EuiListGroupItem,
-        PinButton
+        spreadAttributes,
+        ITEM_ARGS
       })
     }), this);
   }

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

@@ -1 +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;;"}
+{"version":3,"file":"eui-pinnable-list-group.js","sources":["../../src/components/eui-pinnable-list-group.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached } from '@glimmer/tracking';\nimport { service } from '@ember/service';\n\nimport { getEuiThemeContext } from '../utils/emotion/consume.ts';\nimport { useEuiBorealisStyles } from '../utils/eui/styles.ts';\nimport { euiPinnableListGroupItemExtraActionStyles } from '../utils/eui/styles.generated.ts';\nimport EuiListGroup from './eui-list-group.gts';\nimport EuiListGroupItem from './eui-list-group-item.gts';\nimport spreadAttributes from '../-private/eui-spread-attributes.ts';\n\nimport type EuiI18n from '../services/eui-i18n';\nimport type { EuiIconSignature } from './eui-icon';\nimport type { EuiListGroupSignature } from './eui-list-group';\nimport type {\n  EuiListGroupItemColor,\n  EuiListGroupItemExtraActionProps,\n  EuiListGroupItemSignature\n} from './eui-list-group-item';\nimport type { CSSInterpolation } from '@emotion/css/create-instance';\nimport type { ComponentLike } from '@glint/template';\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  /** Target of the link. */\n  target?: string;\n  /** Wraps long text instead of truncating it. */\n  wrapText?: boolean;\n  /** Class for the item. */\n  className?: string;\n  /** `rel` of the link. */\n  rel?: string;\n  /** Shows the external link icon; defaults to `true` for `_blank`. */\n  external?: boolean;\n  /** Custom icon component, see `EuiListGroupItem`'s `@icon`. */\n  icon?: EuiListGroupItemSignature['Args']['icon'];\n  /** Args of the icon, see `EuiListGroupItem`'s `@iconProps`. */\n  iconProps?: EuiListGroupItemSignature['Args']['iconProps'];\n  /** Keeps a disabled item focusable with `aria-disabled`. */\n  hasAriaDisabled?: boolean;\n  /** Color of the item; defaults to the list's `@color`. */\n  color?: EuiListGroupItemSignature['Args']['color'];\n  /** Shows a tooltip; defaults to the list's `@showToolTips`. */\n  showToolTip?: boolean;\n  /** Text of the tooltip; defaults to the label. */\n  toolTipText?: string;\n  /** `EuiToolTip` args for the tooltip. */\n  toolTipProps?: EuiListGroupItemSignature['Args']['toolTipProps'];\n  /**\n   * The item's own extra action; when set, no pin button is added (as\n   * upstream).\n   */\n  extraAction?: ComponentLike | EuiListGroupItemExtraActionProps;\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    /** @deprecated Has no effect: latest EUI lists have no padding. */\n    flush?: boolean;\n    /** @deprecated Has no effect: latest EUI lists have no item gutters. */\n    gutterSize?: EuiListGroupSignature['Args']['gutterSize'];\n    /**\n     * Limits the list's width: `true` for EUI's default (400px), `false` for\n     * none, or a CSS width. Defaults to `true`.\n     */\n    maxWidth?: EuiListGroupSignature['Args']['maxWidth'];\n    /** @deprecated Has no effect: latest EUI list items have one size. */\n    size?: 'xs' | 's' | 'm' | 'l';\n    /** Color of the items: `'text'`, `'primary'` or `'subdued'`. Defaults to `'text'`. */\n    color?: EuiListGroupItemColor;\n    /** Wraps long item text instead of truncating it. */\n    wrapText?: boolean;\n    /** Shows a tooltip with the label on every item. */\n    showToolTips?: boolean;\n    /** Id of the element labelling the list (its `aria-labelledby`). */\n    ariaLabelledby?: string;\n  };\n}\n\n/** Item keys that are `EuiListGroupItem` args (the rest become attributes). */\nconst ITEM_ARGS = [\n  'label',\n  'href',\n  'onClick',\n  'iconType',\n  'icon',\n  'iconProps',\n  'isActive',\n  'isDisabled',\n  'hasAriaDisabled',\n  'pinned',\n  'pinnable',\n  'target',\n  'rel',\n  'external',\n  'wrapText',\n  'extraAction',\n  'color',\n  'showToolTip',\n  'toolTipText',\n  'toolTipProps',\n  'size'\n] as const;\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(\n          'euiPinnableListGroup.pinnedExtraActionLabel',\n          'Unpin item'\n        )\n      );\n    }\n\n    return (\n      this.args.pinTitle?.(item) ??\n      this.euiI18n.lookupToken(\n        'euiPinnableListGroup.pinExtraActionLabel',\n        'Pin item'\n      )\n    );\n  };\n\n  /** Pin button styles (upstream rotation, pinned color). */\n  @cached\n  get pinCss(): { pinned: CSSInterpolation; unpinned: CSSInterpolation } {\n    const styles = useEuiBorealisStyles(\n      getEuiThemeContext(this),\n      euiPinnableListGroupItemExtraActionStyles\n    );\n    const base = styles.euiPinnableListGroup__itemExtraAction;\n    return { pinned: [base, styles.pinned], unpinned: base };\n  }\n\n  /** Upstream passes items as `listItems`, so the list's `wrapText` reaches them. */\n  itemWrapText = (item: EuiPinnableListGroupItem): boolean | undefined => {\n    return item.wrapText ?? this.args.wrapText;\n  };\n\n  /**\n   * Upstream adds the pin action unless the item is not pinnable or brings\n   * its own `extraAction`.\n   */\n  extraAction = (\n    item: EuiPinnableListGroupItem\n  ): ComponentLike | EuiListGroupItemExtraActionProps | undefined => {\n    if (item.extraAction) return item.extraAction;\n    if (item.pinnable === false) return undefined;\n    const title = this.title(item);\n    return {\n      iconType: 'pinFill',\n      iconSize: 's',\n      className: 'euiPinnableListGroup__itemExtraAction',\n      css: item.pinned ? this.pinCss.pinned : this.pinCss.unpinned,\n      alwaysShow: Boolean(item.pinned),\n      'aria-label': title,\n      title,\n      onClick: () => this.args.onPinClick(item)\n    };\n  };\n\n  <template>\n    <EuiListGroup\n      class=\"euiPinnableListGroup\"\n      @bordered={{@bordered}}\n      @maxWidth={{@maxWidth}}\n      @color={{@color}}\n      @wrapText={{@wrapText}}\n      @showToolTips={{@showToolTips}}\n      @ariaLabelledby={{@ariaLabelledby}}\n      ...attributes\n    >\n      {{#each @listItems as |item|}}\n        <EuiListGroupItem\n          class=\"euiPinnableListGroup__item {{item.className}}\"\n          @label={{item.label}}\n          @href={{item.href}}\n          @target={{item.target}}\n          @rel={{item.rel}}\n          @external={{item.external}}\n          @onClick={{item.onClick}}\n          @iconType={{item.iconType}}\n          @icon={{item.icon}}\n          @iconProps={{item.iconProps}}\n          @isActive={{item.isActive}}\n          @isDisabled={{item.isDisabled}}\n          @hasAriaDisabled={{item.hasAriaDisabled}}\n          @wrapText={{this.itemWrapText item}}\n          @extraAction={{this.extraAction item}}\n          @color={{item.color}}\n          @showToolTip={{item.showToolTip}}\n          @toolTipText={{item.toolTipText}}\n          @toolTipProps={{item.toolTipProps}}\n          {{spreadAttributes item ITEM_ARGS}}\n        />\n      {{/each}}\n    </EuiListGroup>\n  </template>\n}\n"],"names":["ITEM_ARGS","EuiPinnableListGroup","Component","g","prototype","service","i","title","item","pinned","args","unpinTitle","euiI18n","lookupToken","pinTitle","pinCss","styles","useEuiBorealisStyles","getEuiThemeContext","euiPinnableListGroupItemExtraActionStyles","base","euiPinnableListGroup__itemExtraAction","unpinned","n","cached","itemWrapText","wrapText","extraAction","pinnable","undefined","iconType","iconSize","className","css","alwaysShow","Boolean","onClick","onPinClick","setComponentTemplate","precompileTemplate","strictMode","scope","EuiListGroup","EuiListGroupItem","spreadAttributes"],"mappings":";;;;;;;;;;;;;AA+GA,+EACA,MAAMA,SAAA,GAAY,CAChB,OAAA,EACA,MAAA,EACA,SAAA,EACA,UAAA,EACA,MAAA,EACA,WAAA,EACA,UAAA,EACA,YAAA,EACA,iBAAA,EACA,QAAA,EACA,UAAA,EACA,QAAA,EACA,KAAA,EACA,UAAA,EACA,UAAA,EACA,aAAA,EACA,OAAA,EACA,aAAA,EACA,aAAA,EACA,cAAA,EACA,MAAA,CACD;AAEc,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,CACtB,+CACA,YAAA,CAEJ;AACF,IAAA;AAEA,IAAA,OACE,IAAI,CAACH,IAAI,CAACI,QAAQ,GAAGN,IAAA,CAAA,IACrB,IAAI,CAACI,OAAO,CAACC,WAAW,CACtB,4CACA,UAAA,CAEJ;EACF,CAAA;AAEA;EACA,IACIE,MAAAA,GAAmE;IACrE,MAAMC,MAAA,GAASC,oBAAA,CACbC,kBAAA,CAAmB,IAAI,CAAA,EACvBC,yCAAA,CAAA;AAEF,IAAA,MAAMC,IAAA,GAAOJ,OAAOK,qCAAqC;IACzD,OAAO;AAAEZ,MAAAA,MAAA,EAAQ,CAACW,IAAA,EAAMJ,MAAA,CAAOP,MAAM,CAAC;AAAEa,MAAAA,QAAA,EAAUF;KAAK;AACzD,EAAA;AAEA;AAAA,EAAA;IAAAG,CAAA,CAAA,IAAA,CAAAnB,SAAA,EAAA,QAAA,EAAA,CAVCoB,MAAA,CAAA,CAAA;AAAA;EAWDC,YAAA,GAAgBjB,IAAM,IAA8C;IAClE,OAAOA,KAAKkB,QAAQ,IAAI,IAAI,CAAChB,IAAI,CAACgB,QAAQ;EAC5C,CAAA;AAEA;;;AAGC;EACDC,cACEnB,IAAM,IACuD;AAC7D,IAAA,IAAIA,IAAA,CAAKmB,WAAW,EAAE,OAAOnB,KAAKmB,WAAW;AAC7C,IAAA,IAAInB,IAAA,CAAKoB,QAAQ,KAAK,KAAA,EAAO,OAAOC,SAAA;AACpC,IAAA,MAAMtB,KAAA,GAAQ,IAAI,CAACA,KAAK,CAACC,IAAA,CAAA;IACzB,OAAO;AACLsB,MAAAA,QAAA,EAAU,SAAA;AACVC,MAAAA,QAAA,EAAU,GAAA;AACVC,MAAAA,SAAA,EAAW,uCAAA;AACXC,MAAAA,GAAA,EAAKzB,IAAA,CAAKC,MAAM,GAAG,IAAI,CAACM,MAAM,CAACN,MAAM,GAAG,IAAI,CAACM,MAAM,CAACO,QAAQ;AAC5DY,MAAAA,UAAA,EAAYC,OAAA,CAAQ3B,KAAKC,MAAM,CAAA;AAC/B,MAAA,YAAA,EAAcF,KAAA;MACdA,KAAA;MACA6B,OAAA,EAASA,MAAM,IAAI,CAAC1B,IAAI,CAAC2B,UAAU,CAAC7B,IAAA;KACtC;EACF,CAAA;AAEA,EAAA;IAAA8B,oBAAA,CAAAC,kBAAA,CAAA,y5BAAA,EAoCA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,YAAA;QAAAC,gBAAA;QAAAC,gBAAA;AAAA5C,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;"}

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

@@ -1,14 +1,36 @@
-import classNames from '../helpers/class-names.js';
+import Component from '@glimmer/component';
+import { cached } from '@glimmer/tracking';
+import { euiPopoverPanelPadding } from '../-private/eui-popover-panel-context.js';
+import { getEuiThemeContext } from '../utils/emotion/consume.js';
+import { useEuiBorealisStyles, euiClass } from '../utils/eui/styles.js';
+import { j as euiPaddingSize, B as euiPopoverFooterStyles } from '../styles.generated-SYAxYhey.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
-import templateOnly from '@ember/component/template-only';
+import { n } from 'decorator-transforms/runtime-esm';
 
-const EuiPopoverFooter = setComponentTemplate(precompileTemplate("<div class={{classNames paddingSize=@paddingSize componentName=\"EuiPopoverFooter\"}} ...attributes>\n  {{yield}}\n</div>", {
-  strictMode: true,
-  scope: () => ({
-    classNames
-  })
-}), templateOnly());
+class EuiPopoverFooter extends Component {
+  /**
+  * Upstream: small text, top border and bottom radius; negative
+  * margins cover the panel's padding.
+  */
+  get classes() {
+    const context = getEuiThemeContext(this);
+    const styles = useEuiBorealisStyles(context, euiPopoverFooterStyles);
+    const panelPadding = euiPopoverPanelPadding(this);
+    const padding = euiPaddingSize(context.upstream, this.args.paddingSize ?? panelPadding);
+    return `euiPopoverFooter ${euiClass(context, styles.euiPopoverFooter, styles.panelPaddingSizes[panelPadding], padding && {
+      padding
+    }, this.args.css)}`;
+  }
+  static {
+    n(this.prototype, "classes", [cached]);
+  }
+  static {
+    setComponentTemplate(precompileTemplate("<div class={{this.classes}} ...attributes>\n  {{yield}}\n</div>", {
+      strictMode: true
+    }), this);
+  }
+}
 
 export { EuiPopoverFooter as default };
 //# sourceMappingURL=eui-popover-footer.js.map

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

@@ -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\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;;"}
+{"version":3,"file":"eui-popover-footer.js","sources":["../../src/components/eui-popover-footer.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached } from '@glimmer/tracking';\n\nimport { euiPopoverPanelPadding } from '../-private/eui-popover-panel-context.ts';\nimport { getEuiThemeContext } from '../utils/emotion/consume.ts';\nimport { euiClass, useEuiBorealisStyles } from '../utils/eui/styles.ts';\nimport type { EuiCss } from '../utils/eui/styles.ts';\nimport {\n  euiPaddingSize,\n  euiPopoverFooterStyles\n} from '../utils/eui/styles.generated.ts';\n\nimport type { EuiPopoverPanelPaddingSize } from '../-private/eui-popover-panel-context.ts';\n\n/** The footer of an EuiPopover (separated by a border). */\nexport interface EuiPopoverFooterSignature {\n  Element: HTMLDivElement;\n  Args: {\n    /**\n     * Padding: `'none'`, `'s'`, `'m'` or `'l'`. Defaults to the containing\n     * EuiPopover's `@panelPaddingSize`.\n     */\n    paddingSize?: EuiPopoverPanelPaddingSize;\n    /**\n     * Extra styles composed last into this component's class (like upstream's\n     * `css` prop). Prefer this to an extra class when styling it from a parent.\n     */\n    css?: EuiCss;\n  };\n  Blocks: {\n    /** E.g. a full width button. */\n    default: [];\n  };\n}\n\nexport default class EuiPopoverFooter extends Component<EuiPopoverFooterSignature> {\n  /**\n   * Upstream: small text, top border and bottom radius; negative\n   * margins cover the panel's padding.\n   */\n  @cached\n  get classes(): string {\n    const context = getEuiThemeContext(this);\n    const styles = useEuiBorealisStyles(context, euiPopoverFooterStyles);\n    const panelPadding = euiPopoverPanelPadding(this);\n    const padding = euiPaddingSize(\n      context.upstream,\n      this.args.paddingSize ?? panelPadding\n    );\n\n    return `euiPopoverFooter ${euiClass(\n      context,\n      styles.euiPopoverFooter,\n      styles.panelPaddingSizes[panelPadding],\n      padding && { padding },\n      this.args.css\n    )}`;\n  }\n\n  <template>\n    <div class={{this.classes}} ...attributes>\n      {{yield}}\n    </div>\n  </template>\n}\n"],"names":["EuiPopoverFooter","Component","classes","context","getEuiThemeContext","styles","useEuiBorealisStyles","euiPopoverFooterStyles","panelPadding","euiPopoverPanelPadding","padding","euiPaddingSize","upstream","args","paddingSize","euiClass","euiPopoverFooter","panelPaddingSizes","css","n","prototype","cached","setComponentTemplate","precompileTemplate","strictMode"],"mappings":";;;;;;;;;;AAmCe,MAAMA,yBAAyBC,SAAA,CAAU;AACtD;;;AAGC;EACD,IACIC,OAAAA,GAAkB;AACpB,IAAA,MAAMC,OAAA,GAAUC,mBAAmB,IAAI,CAAA;AACvC,IAAA,MAAMC,MAAA,GAASC,qBAAqBH,OAAA,EAASI,sBAAA,CAAA;AAC7C,IAAA,MAAMC,YAAA,GAAeC,uBAAuB,IAAI,CAAA;AAChD,IAAA,MAAMC,OAAA,GAAUC,cAAA,CACdR,OAAA,CAAQS,QAAQ,EAChB,IAAI,CAACC,IAAI,CAACC,WAAW,IAAIN,YAAA,CAAA;AAG3B,IAAA,OAAO,oBAAoBO,QAAA,CACzBZ,OAAA,EACAE,MAAA,CAAOW,gBAAgB,EACvBX,MAAA,CAAOY,iBAAiB,CAACT,YAAA,CAAa,EACtCE,OAAA,IAAW;AAAEA,MAAAA;AAAQ,KAAA,EACrB,IAAI,CAACG,IAAI,CAACK,GAAG,CAAA,CAAA,CACZ;AACL,EAAA;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,SAAA,EAAA,CAjBCC,MAAA,CAAA,CAAA;AAAA;AAmBD,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,iEAAA,EAIA;MAAAC,UAAA,EAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;"}

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

@@ -1,14 +1,36 @@
-import classNames from '../helpers/class-names.js';
+import Component from '@glimmer/component';
+import { cached } from '@glimmer/tracking';
+import { euiPopoverPanelPadding } from '../-private/eui-popover-panel-context.js';
+import { getEuiThemeContext } from '../utils/emotion/consume.js';
+import { useEuiBorealisStyles, euiClass } from '../utils/eui/styles.js';
+import { j as euiPaddingSize, C as euiPopoverTitleStyles } from '../styles.generated-SYAxYhey.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
-import templateOnly from '@ember/component/template-only';
+import { n } from 'decorator-transforms/runtime-esm';
 
-const EuiPopoverTitle = setComponentTemplate(precompileTemplate("<div class={{classNames paddingSize=@paddingSize componentName=\"EuiPopoverTitle\"}} ...attributes>\n  {{yield}}\n</div>", {
-  strictMode: true,
-  scope: () => ({
-    classNames
-  })
-}), templateOnly());
+class EuiPopoverTitle extends Component {
+  /**
+  * Upstream: title type (xxs), bottom border and top radius; negative
+  * margins cover the panel's padding.
+  */
+  get classes() {
+    const context = getEuiThemeContext(this);
+    const styles = useEuiBorealisStyles(context, euiPopoverTitleStyles);
+    const panelPadding = euiPopoverPanelPadding(this);
+    const padding = euiPaddingSize(context.upstream, this.args.paddingSize ?? panelPadding);
+    return `euiPopoverTitle ${euiClass(context, styles.euiPopoverTitle, styles.panelPaddingSizes[panelPadding], padding && {
+      padding
+    }, this.args.css)}`;
+  }
+  static {
+    n(this.prototype, "classes", [cached]);
+  }
+  static {
+    setComponentTemplate(precompileTemplate("<div class={{this.classes}} ...attributes>\n  {{yield}}\n</div>", {
+      strictMode: true
+    }), this);
+  }
+}
 
 export { EuiPopoverTitle as default };
 //# sourceMappingURL=eui-popover-title.js.map

package/dist/components/eui-popover-title.js.map

@@ -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\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;;"}
+{"version":3,"file":"eui-popover-title.js","sources":["../../src/components/eui-popover-title.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached } from '@glimmer/tracking';\n\nimport { euiPopoverPanelPadding } from '../-private/eui-popover-panel-context.ts';\nimport { getEuiThemeContext } from '../utils/emotion/consume.ts';\nimport { euiClass, useEuiBorealisStyles } from '../utils/eui/styles.ts';\nimport type { EuiCss } from '../utils/eui/styles.ts';\nimport {\n  euiPaddingSize,\n  euiPopoverTitleStyles\n} from '../utils/eui/styles.generated.ts';\n\nimport type { EuiPopoverPanelPaddingSize } from '../-private/eui-popover-panel-context.ts';\n\n/** The title of an EuiPopover (separated by a border). */\nexport interface EuiPopoverTitleSignature {\n  Element: HTMLDivElement;\n  Args: {\n    /**\n     * Padding: `'none'`, `'s'`, `'m'` or `'l'`. Defaults to the containing\n     * EuiPopover's `@panelPaddingSize`.\n     */\n    paddingSize?: EuiPopoverPanelPaddingSize;\n    /**\n     * Extra styles composed last into this component's class (like upstream's\n     * `css` prop). Prefer this to an extra class when styling it from a parent.\n     */\n    css?: EuiCss;\n  };\n  Blocks: {\n    /** The title text. */\n    default: [];\n  };\n}\n\nexport default class EuiPopoverTitle extends Component<EuiPopoverTitleSignature> {\n  /**\n   * Upstream: title type (xxs), bottom border and top radius; negative\n   * margins cover the panel's padding.\n   */\n  @cached\n  get classes(): string {\n    const context = getEuiThemeContext(this);\n    const styles = useEuiBorealisStyles(context, euiPopoverTitleStyles);\n    const panelPadding = euiPopoverPanelPadding(this);\n    const padding = euiPaddingSize(\n      context.upstream,\n      this.args.paddingSize ?? panelPadding\n    );\n\n    return `euiPopoverTitle ${euiClass(\n      context,\n      styles.euiPopoverTitle,\n      styles.panelPaddingSizes[panelPadding],\n      padding && { padding },\n      this.args.css\n    )}`;\n  }\n\n  <template>\n    <div class={{this.classes}} ...attributes>\n      {{yield}}\n    </div>\n  </template>\n}\n"],"names":["EuiPopoverTitle","Component","classes","context","getEuiThemeContext","styles","useEuiBorealisStyles","euiPopoverTitleStyles","panelPadding","euiPopoverPanelPadding","padding","euiPaddingSize","upstream","args","paddingSize","euiClass","euiPopoverTitle","panelPaddingSizes","css","n","prototype","cached","setComponentTemplate","precompileTemplate","strictMode"],"mappings":";;;;;;;;;;AAmCe,MAAMA,wBAAwBC,SAAA,CAAU;AACrD;;;AAGC;EACD,IACIC,OAAAA,GAAkB;AACpB,IAAA,MAAMC,OAAA,GAAUC,mBAAmB,IAAI,CAAA;AACvC,IAAA,MAAMC,MAAA,GAASC,qBAAqBH,OAAA,EAASI,qBAAA,CAAA;AAC7C,IAAA,MAAMC,YAAA,GAAeC,uBAAuB,IAAI,CAAA;AAChD,IAAA,MAAMC,OAAA,GAAUC,cAAA,CACdR,OAAA,CAAQS,QAAQ,EAChB,IAAI,CAACC,IAAI,CAACC,WAAW,IAAIN,YAAA,CAAA;AAG3B,IAAA,OAAO,mBAAmBO,QAAA,CACxBZ,OAAA,EACAE,MAAA,CAAOW,eAAe,EACtBX,MAAA,CAAOY,iBAAiB,CAACT,YAAA,CAAa,EACtCE,OAAA,IAAW;AAAEA,MAAAA;AAAQ,KAAA,EACrB,IAAI,CAACG,IAAI,CAACK,GAAG,CAAA,CAAA,CACZ;AACL,EAAA;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,SAAA,EAAA,CAjBCC,MAAA,CAAA,CAAA;AAAA;AAmBD,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,iEAAA,EAIA;MAAAC,UAAA,EAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;"}