@ember-eui/core 14.1.4 → 16.0.0

package/dist/components/eui-table-header-cell.js.map

@@ -1 +1 @@
-{"version":3,"file":"eui-table-header-cell.js","sources":["../../src/components/eui-table-header-cell.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport didInsert from '@ember/render-modifiers/modifiers/did-insert';\nimport { on } from '@ember/modifier';\nimport { service } from '@ember/service';\n\nimport { element } from 'ember-element-helper';\n\nimport { alignClasses, widthStyle } from '../-private/table.ts';\nimport EuiIcon from './eui-icon.gts';\nimport EuiInnerText from './eui-inner-text.gts';\nimport EuiScreenReaderOnly from './eui-screen-reader-only.gts';\n\nimport type EuiI18n from '../services/eui-i18n';\nimport type { TableAlignment, TableMobileOptions } from '../-private/table.ts';\n\n/**\n * A column header of an `EuiTable`. With `@onSort` it is a button that\n * shows the sort direction (`@isSorted`, `@isSortAscending`).\n */\nexport interface EuiTableHeaderCellSignature {\n  Element: HTMLTableCellElement;\n  Args: {\n    /** `'left'`, `'right'` (numbers) or `'center'`. Defaults to `'left'`. */\n    align?: TableAlignment;\n    /** Makes the header a button sorting the column. */\n    onSort?: (event: MouseEvent) => void;\n    /** The table is sorted by this column: shows the direction. */\n    isSorted?: boolean;\n    /** Ascending order (arrow up); descending otherwise. */\n    isSortAscending?: boolean;\n    /** Shows the sort state without the button. */\n    readOnly?: boolean;\n    /** Width, e.g. `100` (px) or `'20%'`. */\n    width?: number | string;\n    /** More about the column, in its title and for screen readers. */\n    description?: string;\n    /** `scope` of the `<th>`. Defaults to `'col'`. */\n    scope?: string;\n    /** `{ show, only }` on small screens. */\n    mobileOptions?: TableMobileOptions;\n  };\n  Blocks: {\n    /** The column's name. */\n    default: [];\n  };\n}\n\nexport default class EuiTableHeaderCell extends Component<EuiTableHeaderCellSignature> {\n  @service declare euiI18n: EuiI18n;\n\n  get classes(): string {\n    const mobile = this.args.mobileOptions ?? {};\n\n    return [\n      'euiTableHeaderCell',\n      mobile.only && 'euiTableHeaderCell--hideForDesktop',\n      mobile.show === false && 'euiTableHeaderCell--hideForMobile'\n    ]\n      .filter(Boolean)\n      .join(' ');\n  }\n\n  get contentClasses(): string {\n    return ['euiTableCellContent', alignClasses(this.args.align)].filter(Boolean).join(' ');\n  }\n\n  get isSortable(): boolean {\n    return Boolean(this.args.onSort || this.args.isSorted);\n  }\n\n  get ariaSort(): string | undefined {\n    if (!this.isSortable) return undefined;\n    if (!this.args.isSorted) return 'none';\n\n    return this.args.isSortAscending ? 'ascending' : 'descending';\n  }\n\n  title = (innerText: string): string =>\n    this.args.description\n      ? this.euiI18n.lookupToken('euiTableHeaderCell.titleTextWithDesc', '{innerText}; {description}', {\n          innerText,\n          description: this.args.description\n        })\n      : innerText;\n\n  <template>\n    {{#let (element (if (has-block) \"th\" \"td\")) as |Cell|}}\n      <Cell\n        class={{this.classes}}\n        scope={{if (has-block) (if @scope @scope \"col\")}}\n        role=\"columnheader\"\n        aria-sort={{this.ariaSort}}\n        aria-live={{if this.isSortable \"polite\"}}\n        style={{widthStyle @width}}\n        ...attributes\n      >\n        {{#if (and2 @onSort (not2 @readOnly))}}\n          <button\n            type=\"button\"\n            class=\"euiTableHeaderButton {{if @isSorted 'euiTableHeaderButton-isSorted'}}\"\n            data-test-subj=\"tableHeaderSortButton\"\n            {{on \"click\" (sortHandler @onSort)}}\n          >\n            <span class={{this.contentClasses}}>\n              <EuiInnerText as |ref innerText|>\n                <span\n                  class=\"euiTableCellContent__text\"\n                  title={{this.title innerText}}\n                  {{didInsert ref}}\n                >{{yield}}</span>\n              </EuiInnerText>\n              {{#if @description}}\n                <EuiScreenReaderOnly>{{@description}}</EuiScreenReaderOnly>\n              {{/if}}\n              {{#if @isSorted}}\n                <EuiIcon\n                  class=\"euiTableSortIcon\"\n                  @type={{if @isSortAscending \"sortUp\" \"sortDown\"}}\n                  @size=\"m\"\n                />\n              {{/if}}\n            </span>\n          </button>\n        {{else}}\n          <span class={{this.contentClasses}}>\n            <EuiInnerText as |ref innerText|>\n              <span\n                class=\"euiTableCellContent__text\"\n                title={{this.title innerText}}\n                {{didInsert ref}}\n              >{{yield}}</span>\n            </EuiInnerText>\n            {{#if @description}}\n              <EuiScreenReaderOnly>{{@description}}</EuiScreenReaderOnly>\n            {{/if}}\n            {{#if (and2 this.isSortable @isSorted)}}\n              <EuiIcon\n                class=\"euiTableSortIcon\"\n                @type={{if @isSortAscending \"sortUp\" \"sortDown\"}}\n                @size=\"m\"\n              />\n            {{/if}}\n          </span>\n        {{/if}}\n      </Cell>\n    {{/let}}\n  </template>\n}\n\nfunction sortHandler(onSort?: (event: MouseEvent) => void): (event: MouseEvent) => void {\n  return (event) => onSort?.(event);\n}\n\nfunction and2(a: unknown, b: unknown): boolean {\n  return Boolean(a && b);\n}\n\nfunction not2(a: unknown): boolean {\n  return !a;\n}\n"],"names":["EuiTableHeaderCell","Component","g","prototype","service","i","classes","mobile","args","mobileOptions","only","show","filter","Boolean","join","contentClasses","alignClasses","align","isSortable","onSort","isSorted","ariaSort","undefined","isSortAscending","title","innerText","description","euiI18n","lookupToken","setComponentTemplate","precompileTemplate","strictMode","scope","element","widthStyle","and2","not2","on","sortHandler","EuiInnerText","didInsert","EuiScreenReaderOnly","EuiIcon","event","a","b"],"mappings":";;;;;;;;;;;;;AA+Ce,MAAMA,2BAA2BC,SAAA,CAAU;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,SAAA,EAAA,CACvDC,OAAA,CAAA,CAAA;AAAA;EAAA,QAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,SAAA,CAAA,EAAA,MAAA;EAED,IAAIC,OAAAA,GAAkB;IACpB,MAAMC,SAAS,IAAI,CAACC,IAAI,CAACC,aAAa,IAAI,EAAC;IAE3C,OAAO,CACL,oBAAA,EACAF,MAAA,CAAOG,IAAI,IAAI,oCAAA,EACfH,MAAA,CAAOI,IAAI,KAAK,KAAA,IAAS,mCAAA,CAC1B,CACEC,MAAM,CAACC,OAAA,CAAA,CACPC,IAAI,CAAC,GAAA,CAAA;AACV,EAAA;EAEA,IAAIC,cAAAA,GAAyB;IAC3B,OAAO,CAAC,qBAAA,EAAuBC,YAAA,CAAa,IAAI,CAACR,IAAI,CAACS,KAAK,CAAA,CAAE,CAACL,MAAM,CAACC,OAAA,CAAA,CAASC,IAAI,CAAC,GAAA,CAAA;AACrF,EAAA;EAEA,IAAII,UAAAA,GAAsB;AACxB,IAAA,OAAOL,OAAA,CAAQ,IAAI,CAACL,IAAI,CAACW,MAAM,IAAI,IAAI,CAACX,IAAI,CAACY,QAAQ,CAAA;AACvD,EAAA;EAEA,IAAIC,QAAAA,GAA+B;AACjC,IAAA,IAAI,CAAC,IAAI,CAACH,UAAU,EAAE,OAAOI,SAAA;IAC7B,IAAI,CAAC,IAAI,CAACd,IAAI,CAACY,QAAQ,EAAE,OAAO,MAAA;IAEhC,OAAO,IAAI,CAACZ,IAAI,CAACe,eAAe,GAAG,WAAA,GAAc,YAAA;AACnD,EAAA;AAEAC,EAAAA,KAAA,GAASC,SAAiB,IACxB,IAAI,CAACjB,IAAI,CAACkB,WAAW,GACjB,IAAI,CAACC,OAAO,CAACC,WAAW,CAAC,wCAAwC,4BAAA,EAA8B;IAC7FH,SAAA;AACAC,IAAAA,WAAA,EAAa,IAAI,CAAClB,IAAI,CAACkB;GACzB,CAAA,GACAD,SAAA;AAEN,EAAA;IAAAI,oBAAA,CAAAC,kBAAA,CAAA,+oDAAA,EA6DA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,OAAA;QAAAC,UAAA;QAAAC,IAAA;QAAAC,IAAA;QAAAC,EAAA;QAAAC,WAAA;sBAAAC,QAAA;QAAAC,SAAA;QAAAC,mBAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;AAEA,SAASJ,WAAAA,CAAYnB,MAAoC,EAA8B;AACrF,EAAA,OAAQwB,SAAUxB,MAAA,GAASwB,KAAA,CAAA;AAC7B;AAEA,SAASR,KAAKS,CAAU,EAAEC,CAAU,EAAU;AAC5C,EAAA,OAAOhC,QAAQ+B,CAAA,IAAKC,CAAA,CAAA;AACtB;AAEA,SAAST,IAAAA,CAAKQ,CAAU,EAAU;AAChC,EAAA,OAAO,CAACA,CAAA;AACV;;"}
+{"version":3,"file":"eui-table-header-cell.js","sources":["../../src/components/eui-table-header-cell.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached } from '@glimmer/tracking';\nimport didInsert from '@ember/render-modifiers/modifiers/did-insert';\nimport { on } from '@ember/modifier';\nimport { service } from '@ember/service';\n\nimport {\n  BOX_SIZING,\n  CELL_RESET,\n  StickyHeaderCellSync,\n  buttonReset,\n  cellContentStyles,\n  stickyHeaderCopy,\n  stickyHeaderOriginal,\n  tableContext,\n  widthStyle\n} from '../-private/table.ts';\nimport { getEuiThemeContext } from '../utils/emotion/consume.ts';\nimport { euiClass, useEuiBorealisStyles } from '../utils/eui/styles.ts';\nimport {\n  euiTableCellContentStyles,\n  euiTableHeaderFooterCellStyles,\n  euiTextTruncate\n} from '../utils/eui/styles.generated.ts';\nimport { euiTableStickyCellStyles } from '../utils/eui/table.ts';\nimport EuiIcon from './eui-icon.gts';\nimport EuiInnerText from './eui-inner-text.gts';\nimport EuiIconTip from './eui-icon-tip.gts';\nimport EuiScreenReaderOnly from './eui-screen-reader-only.gts';\nimport EuiToolTip from './eui-tool-tip.gts';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\nimport type { EuiIconTipSignature } from './eui-icon-tip';\nimport type EuiI18n from '../services/eui-i18n';\nimport type {\n  EuiTableContext,\n  TableAlignment,\n  TableMobileOptions\n} from '../-private/table.ts';\nimport type { EuiCss } from '../utils/eui/styles.ts';\nimport type { EuiTableStickyCellOptions } from '../utils/eui/table.ts';\n\n/** An icon with a tooltip next to the column name (upstream `tooltipProps`). */\nexport interface EuiTableHeaderCellTooltipProps {\n  /** The main content of the tooltip. */\n  content: string;\n  /** The icon type. Defaults to `'question'`. */\n  icon?: string;\n  /** Props of the icon: `{ className }`. */\n  iconProps?: EuiIconTipSignature['Args']['iconProps'];\n  /** More arguments of the tooltip. */\n  tooltipProps?: {\n    position?: 'top' | 'right' | 'bottom' | 'left';\n    title?: string;\n    delay?: 'regular' | 'long';\n    anchorClassName?: string;\n  };\n}\n\n/**\n * A column header of an `EuiTable`. With `@onSort` it is a button that\n * shows the sort direction (`@isSorted`, `@isSortAscending`), or a\n * \"sortable\" icon while the column is not sorted.\n */\nexport interface EuiTableHeaderCellSignature {\n  Element: HTMLTableCellElement;\n  Args: {\n    /** `'left'`, `'right'` (numbers) or `'center'`. Defaults to `'left'`. */\n    align?: TableAlignment;\n    /** Makes the header a button sorting the column. */\n    onSort?: (event: MouseEvent) => void;\n    /** The table is sorted by this column: shows the direction. */\n    isSorted?: boolean;\n    /** Ascending order (arrow up); descending otherwise. */\n    isSortAscending?: boolean;\n    /** Shows the sort state without the button. */\n    readOnly?: boolean;\n    /** Width, e.g. `100` (px) or `'20%'`. */\n    width?: number | string;\n    /** Min width, e.g. `100` (px). */\n    minWidth?: number | string;\n    /** Max width, e.g. `'30%'`. */\n    maxWidth?: number | string;\n    /** More about the column, in its title and for screen readers. */\n    description?: string;\n    /** `scope` of the `<th>`. Defaults to `'col'`. */\n    scope?: string;\n    /** `{ show, only }` for the cards layout. */\n    mobileOptions?: TableMobileOptions;\n    /**\n     * Adds an icon with a tooltip next to the name. In a sortable header\n     * the icon is plain and the tooltip shows on the whole sort button.\n     */\n    tooltipProps?: EuiTableHeaderCellTooltipProps;\n    /**\n     * Sticks the cell to a side of the table (`{ side: 'start' | 'end' }`)\n     * while it scrolls inline; only for the first or last column, and not\n     * in the cards layout. Upstream beta.\n     */\n    sticky?: EuiTableStickyCellOptions;\n  };\n  Blocks: {\n    /** The column's name. */\n    default: [];\n    /**\n     * Content after the cell's content (upstream `append`), e.g. the hidden\n     * tabular copy markers of `EuiBasicTable`.\n     */\n    append: [];\n  };\n}\n\n/** Shows the tooltip on the whole sort button (upstream wraps it in `EuiToolTip`). */\nconst MaybeTooltip: TemplateOnlyComponent<{\n  Args: { tooltipProps?: EuiTableHeaderCellTooltipProps };\n  Blocks: { default: [] };\n}> = <template>\n  {{#if @tooltipProps}}\n    <EuiToolTip\n      @content={{@tooltipProps.content}}\n      @position={{@tooltipProps.tooltipProps.position}}\n      @title={{@tooltipProps.tooltipProps.title}}\n      @delay={{@tooltipProps.tooltipProps.delay}}\n      @anchorClassName={{@tooltipProps.tooltipProps.anchorClassName}}\n      @display=\"block\"\n    >{{yield}}</EuiToolTip>\n  {{else}}\n    {{yield}}\n  {{/if}}\n</template>;\n\nconst TRUNCATE = euiTextTruncate();\n\nexport default class EuiTableHeaderCell extends Component<EuiTableHeaderCellSignature> {\n  @service declare euiI18n: EuiI18n;\n\n  stickySync = new StickyHeaderCellSync();\n\n  get table(): EuiTableContext {\n    return tableContext(this);\n  }\n\n  /** Where the sticky header copy renders (only with `@stickyHeader`). */\n  get stickyHeaderRow(): HTMLTableRowElement | undefined {\n    return this.table.stickyHeaderRow;\n  }\n\n  /** Sticky cells are not applied in the cards layout (upstream). */\n  get stickySide(): 'start' | 'end' | undefined {\n    return this.table.isResponsive ? undefined : this.args.sticky?.side;\n  }\n\n  /** Upstream renders nothing for cells hidden in the current layout. */\n  get isRendered(): boolean {\n    const mobile = this.args.mobileOptions ?? {};\n    return tableContext(this).isResponsive\n      ? mobile.show !== false\n      : !mobile.only;\n  }\n\n  get canSort(): boolean {\n    return Boolean(this.args.onSort && !this.args.readOnly);\n  }\n\n  /** Upstream: the sorted direction, `none` if sortable, else no attribute. */\n  get ariaSort(): string | undefined {\n    if (this.args.isSorted) {\n      return this.args.isSortAscending ? 'ascending' : 'descending';\n    }\n    return this.canSort ? 'none' : undefined;\n  }\n\n  get isSortable(): boolean {\n    return Boolean(this.args.onSort || this.args.isSorted);\n  }\n\n  @cached\n  get style() {\n    return widthStyle(this.args.width, this.args.minWidth, this.args.maxWidth);\n  }\n\n  @cached\n  get styles() {\n    const context = getEuiThemeContext(this);\n    const styles = useEuiBorealisStyles(context, euiTableHeaderFooterCellStyles);\n    const content = useEuiBorealisStyles(context, euiTableCellContentStyles);\n    return {\n      cell: euiClass(\n        context,\n        CELL_RESET,\n        styles.euiTableHeaderCell,\n        ...this.stickyStyles\n      ),\n      button: euiClass(\n        context,\n        buttonReset(context.upstream),\n        styles.euiTableHeaderCell__button\n      ),\n      content: euiClass(\n        context,\n        BOX_SIZING,\n        ...cellContentStyles(content, {\n          align: this.args.align,\n          // upstream passes `null`: neither truncates nor breaks words\n          truncateText: null,\n          isResponsive: tableContext(this).isResponsive\n        }),\n        styles.euiTableHeaderCell__content\n      ),\n      text: euiClass(context, TRUNCATE)\n    };\n  }\n\n  get stickyStyles(): EuiCss[] {\n    const side = this.stickySide;\n    if (!side) return [];\n    const styles = useEuiBorealisStyles(\n      getEuiThemeContext(this),\n      euiTableStickyCellStyles\n    );\n    return [styles.root, styles.side[side]];\n  }\n\n  title = (innerText: string): string =>\n    this.args.description\n      ? this.euiI18n.lookupToken(\n          'euiTableHeaderCell.titleTextWithDesc',\n          '{innerText}; {description}',\n          { innerText, description: this.args.description }\n        )\n      : innerText;\n\n  <template>\n    {{#if this.isRendered}}\n      {{#let (element (if (has-block) \"th\" \"td\")) as |Cell|}}\n        <Cell\n          class=\"euiTableHeaderCell {{this.styles.cell}}\"\n          scope={{if (has-block) (if @scope @scope \"col\")}}\n          role=\"columnheader\"\n          aria-sort={{this.ariaSort}}\n          aria-live={{if this.isSortable \"polite\"}}\n          style={{this.style}}\n          data-sticky={{this.stickySide}}\n          ...attributes\n          {{stickyHeaderOriginal this.stickySync (isPresent this.stickyHeaderRow)}}\n        >\n          <HeaderCellContents @cell={{this}}>{{yield}}</HeaderCellContents>\n          {{yield to=\"append\"~}}\n          {{#if this.stickyHeaderRow}}\n            {{! the copy in the table's sticky header (upstream renders the\n                registered cell again, with the same props) }}\n            {{#in-element this.stickyHeaderRow insertBefore=null}}<Cell\n                class=\"euiTableHeaderCell {{this.styles.cell}}\"\n                scope={{if (has-block) (if @scope @scope \"col\")}}\n                role=\"columnheader\"\n                aria-sort={{this.ariaSort}}\n                aria-live={{if this.isSortable \"polite\"}}\n                style={{this.style}}\n                data-sticky={{this.stickySide}}\n                ...attributes\n                {{stickyHeaderCopy this.stickySync this.table this.style}}\n              ><HeaderCellContents @cell={{this}}>{{yield}}</HeaderCellContents>{{yield\n                  to=\"append\"\n                }}</Cell>{{/in-element}}\n          {{/if}}\n        </Cell>\n      {{/let}}\n    {{/if}}\n  </template>\n}\n\nfunction isPresent(value: unknown): boolean {\n  return value != null;\n}\n\n/** The sort button or the plain content (shared by the cell and its sticky copy). */\nconst HeaderCellContents: TemplateOnlyComponent<{\n  Args: { cell: EuiTableHeaderCell };\n  Blocks: { default: [] };\n}> = <template>\n  {{#let @cell as |c|}}\n    {{#if c.canSort}}\n      <MaybeTooltip @tooltipProps={{c.args.tooltipProps}}>\n        <button\n          type=\"button\"\n          class=\"euiTableHeaderButton\n            {{if c.args.isSorted 'euiTableHeaderButton-isSorted'}}\n            {{c.styles.button}}\"\n          data-test-subj=\"tableHeaderSortButton\"\n          {{on \"click\" (sortHandler c.args.onSort)}}\n        >\n          <span class=\"euiTableCellContent {{c.styles.content}}\">\n            <EuiInnerText as |ref innerText|>\n              <span\n                class=\"eui-textTruncate {{c.styles.text}}\"\n                title={{c.title innerText}}\n                {{didInsert ref}}\n              >{{yield}}</span>\n            </EuiInnerText>\n            {{#if c.args.description}}\n              <EuiScreenReaderOnly><span>{{c.args.description}}</span></EuiScreenReaderOnly>\n            {{/if}}\n            {{#if c.args.tooltipProps}}\n              <EuiIcon\n                class=\"euiTableSortIcon\"\n                @type={{if c.args.tooltipProps.icon c.args.tooltipProps.icon \"question\"}}\n                @size=\"m\"\n                @color=\"subdued\"\n                @iconClasses={{c.args.tooltipProps.iconProps.className}}\n              />\n            {{/if}}\n            {{#if c.args.isSorted}}\n              <EuiIcon\n                class=\"euiTableSortIcon\"\n                @type={{if c.args.isSortAscending \"sortUp\" \"sortDown\"}}\n                @size=\"m\"\n              />\n            {{else}}\n              <EuiIcon\n                class=\"euiTableSortIcon euiTableSortIcon--sortable\"\n                @type=\"sortable\"\n                @size=\"m\"\n                @color=\"subdued\"\n              />\n            {{/if}}\n          </span>\n        </button>\n      </MaybeTooltip>\n    {{else}}\n      <div class=\"euiTableCellContent {{c.styles.content}}\">\n        <EuiInnerText as |ref innerText|>\n          <span\n            class=\"eui-textTruncate {{c.styles.text}}\"\n            title={{c.title innerText}}\n            {{didInsert ref}}\n          >{{yield}}</span>\n        </EuiInnerText>\n        {{#if c.args.description}}\n          <EuiScreenReaderOnly><span>{{c.args.description}}</span></EuiScreenReaderOnly>\n        {{/if}}\n        {{#if c.args.tooltipProps}}\n          <EuiIconTip\n            @content={{c.args.tooltipProps.content}}\n            @type={{if c.args.tooltipProps.icon c.args.tooltipProps.icon \"question\"}}\n            @position={{c.args.tooltipProps.tooltipProps.position}}\n            @title={{c.args.tooltipProps.tooltipProps.title}}\n            @delay={{c.args.tooltipProps.tooltipProps.delay}}\n            @anchorClassName={{c.args.tooltipProps.tooltipProps.anchorClassName}}\n            @iconProps={{c.args.tooltipProps.iconProps}}\n            @size=\"m\"\n            @color=\"subdued\"\n            @display=\"block\"\n          />\n        {{/if}}\n        {{#if c.args.isSorted}}\n          <EuiIcon\n            class=\"euiTableSortIcon\"\n            @type={{if c.args.isSortAscending \"sortUp\" \"sortDown\"}}\n            @size=\"m\"\n          />\n        {{/if}}\n      </div>\n    {{/if}}\n  {{/let}}\n</template>;\n\nfunction sortHandler(\n  onSort?: (event: MouseEvent) => void\n): (event: MouseEvent) => void {\n  return (event) => onSort?.(event);\n}\n"],"names":["MaybeTooltip","setComponentTemplate","precompileTemplate","strictMode","scope","EuiToolTip","templateOnly","TRUNCATE","euiTextTruncate","EuiTableHeaderCell","Component","g","prototype","service","i","stickySync","StickyHeaderCellSync","table","tableContext","stickyHeaderRow","stickySide","isResponsive","undefined","args","sticky","side","isRendered","mobile","mobileOptions","show","only","canSort","Boolean","onSort","readOnly","ariaSort","isSorted","isSortAscending","isSortable","style","widthStyle","width","minWidth","maxWidth","n","cached","styles","context","getEuiThemeContext","useEuiBorealisStyles","euiTableHeaderFooterCellStyles","content","euiTableCellContentStyles","cell","euiClass","CELL_RESET","euiTableHeaderCell","stickyStyles","button","buttonReset","upstream","euiTableHeaderCell__button","BOX_SIZING","cellContentStyles","align","truncateText","euiTableHeaderCell__content","text","euiTableStickyCellStyles","root","title","innerText","description","euiI18n","lookupToken","stickyHeaderOriginal","isPresent","HeaderCellContents","stickyHeaderCopy","value","on","sortHandler","EuiInnerText","didInsert","EuiScreenReaderOnly","EuiIcon","EuiIconTip","event"],"mappings":"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"}

package/dist/components/eui-table-header-mobile.js

@@ -1,14 +1,56 @@
+import Component from '@glimmer/component';
+import { tracked, cached } from '@glimmer/tracking';
+import { DEFAULT_TABLE_BREAKPOINT, minBreakpointQuery, isTableResponsive, BOX_SIZING, onMediaQueryChange } from '../-private/table.js';
+import { getEuiThemeContext } from '../utils/emotion/consume.js';
+import { useEuiBorealisStyles, euiClass } from '../utils/eui/styles.js';
+import { dv as euiTableHeaderMobileStyles } from '../styles.generated-SYAxYhey.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
-import templateOnly from '@ember/component/template-only';
+import { g, i, n } from 'decorator-transforms/runtime-esm';
 
-/**
- * A bar shown above a responsive `EuiTable` on small screens (where the
- * header row is hidden), e.g. with "select all" and `EuiTableSortMobile`.
- */
-const EuiTableHeaderMobile = setComponentTemplate(precompileTemplate("<div class=\"euiTableHeaderMobile\" ...attributes>{{yield}}</div>", {
-  strictMode: true
-}), templateOnly());
+class EuiTableHeaderMobile extends Component {
+  static {
+    g(this.prototype, "mediaVersion", [tracked], function () {
+      return 0;
+    });
+  }
+  #mediaVersion = (i(this, "mediaVersion"), void 0);
+  get breakpoint() {
+    return this.args.responsiveBreakpoint ?? DEFAULT_TABLE_BREAKPOINT;
+  }
+  get query() {
+    return minBreakpointQuery(getEuiThemeContext(this).upstream, this.breakpoint);
+  }
+  static {
+    n(this.prototype, "query", [cached]);
+  }
+  get isResponsive() {
+    void this.mediaVersion;
+    return isTableResponsive(this.breakpoint, this.query);
+  }
+  static {
+    n(this.prototype, "isResponsive", [cached]);
+  }
+  onBreakpointChange = () => {
+    this.mediaVersion++;
+  };
+  get classes() {
+    const context = getEuiThemeContext(this);
+    const styles = useEuiBorealisStyles(context, euiTableHeaderMobileStyles);
+    return euiClass(context, BOX_SIZING, styles.euiTableHeaderMobile);
+  }
+  static {
+    n(this.prototype, "classes", [cached]);
+  }
+  static {
+    setComponentTemplate(precompileTemplate("{{!-- while nothing is shown, a hidden marker keeps the breakpoint listener --}}\n{{#if this.isResponsive}}\n  <div class=\"euiTableHeaderMobile {{this.classes}}\" {{onMediaQueryChange this.query this.onBreakpointChange}} ...attributes>{{yield}}</div>\n{{else}}\n  <span hidden {{onMediaQueryChange this.query this.onBreakpointChange}}></span>\n{{/if}}", {
+      strictMode: true,
+      scope: () => ({
+        onMediaQueryChange
+      })
+    }), this);
+  }
+}
 
 export { EuiTableHeaderMobile as default };
 //# sourceMappingURL=eui-table-header-mobile.js.map

package/dist/components/eui-table-header-mobile.js.map

@@ -1 +1 @@
-{"version":3,"file":"eui-table-header-mobile.js","sources":["../../src/components/eui-table-header-mobile.gts"],"sourcesContent":["import type { TemplateOnlyComponent } from '@ember/component/template-only';\n\n/**\n * A bar shown above a responsive `EuiTable` on small screens (where the\n * header row is hidden), e.g. with \"select all\" and `EuiTableSortMobile`.\n */\nexport interface EuiTableHeaderMobileSignature {\n  Element: HTMLDivElement;\n  Blocks: {\n    /** The controls. */\n    default: [];\n  };\n}\n\nconst EuiTableHeaderMobile: TemplateOnlyComponent<EuiTableHeaderMobileSignature> = <template>\n  <div class=\"euiTableHeaderMobile\" ...attributes>{{yield}}</div>\n</template>;\n\nexport default EuiTableHeaderMobile;\n"],"names":["EuiTableHeaderMobile","setComponentTemplate","precompileTemplate","strictMode","templateOnly"],"mappings":";;;;AAEA;;;AAGC;AASD,MAAMA,oBAA4C,GAAAC,oBAAA,CAAiCC,kBAAA,CAAA,mEAAA,EAEnF;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}
+{"version":3,"file":"eui-table-header-mobile.js","sources":["../../src/components/eui-table-header-mobile.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached, tracked } from '@glimmer/tracking';\n\nimport {\n  BOX_SIZING,\n  DEFAULT_TABLE_BREAKPOINT,\n  isTableResponsive,\n  minBreakpointQuery,\n  onMediaQueryChange\n} from '../-private/table.ts';\nimport { getEuiThemeContext } from '../utils/emotion/consume.ts';\nimport { euiClass, useEuiBorealisStyles } from '../utils/eui/styles.ts';\nimport { euiTableHeaderMobileStyles } from '../utils/eui/styles.generated.ts';\n\nimport type { TableResponsiveBreakpoint } from '../-private/table.ts';\n\n/**\n * A bar shown above a responsive `EuiTable` on small screens (where the\n * header row is hidden), e.g. with \"select all\" and `EuiTableSortMobile`.\n * Like upstream it renders nothing while the table is not in cards.\n */\nexport interface EuiTableHeaderMobileSignature {\n  Element: HTMLDivElement;\n  Args: {\n    /**\n     * Same as the table's `@responsiveBreakpoint`: shown below this named\n     * theme breakpoint, always with `true`, never with `false`. Defaults to\n     * `'m'`.\n     */\n    responsiveBreakpoint?: TableResponsiveBreakpoint;\n  };\n  Blocks: {\n    /** The controls. */\n    default: [];\n  };\n}\n\nexport default class EuiTableHeaderMobile extends Component<EuiTableHeaderMobileSignature> {\n  @tracked private mediaVersion = 0;\n\n  get breakpoint(): TableResponsiveBreakpoint {\n    return this.args.responsiveBreakpoint ?? DEFAULT_TABLE_BREAKPOINT;\n  }\n\n  @cached\n  get query(): string | undefined {\n    return minBreakpointQuery(getEuiThemeContext(this).upstream, this.breakpoint);\n  }\n\n  @cached\n  get isResponsive(): boolean {\n    void this.mediaVersion;\n    return isTableResponsive(this.breakpoint, this.query);\n  }\n\n  onBreakpointChange = (): void => {\n    this.mediaVersion++;\n  };\n\n  @cached\n  get classes(): string {\n    const context = getEuiThemeContext(this);\n    const styles = useEuiBorealisStyles(context, euiTableHeaderMobileStyles);\n    return euiClass(context, BOX_SIZING, styles.euiTableHeaderMobile);\n  }\n\n  <template>\n    {{! while nothing is shown, a hidden marker keeps the breakpoint listener }}\n    {{#if this.isResponsive}}\n      <div\n        class=\"euiTableHeaderMobile {{this.classes}}\"\n        {{onMediaQueryChange this.query this.onBreakpointChange}}\n        ...attributes\n      >{{yield}}</div>\n    {{else}}\n      <span hidden {{onMediaQueryChange this.query this.onBreakpointChange}}></span>\n    {{/if}}\n  </template>\n}\n"],"names":["EuiTableHeaderMobile","Component","g","prototype","tracked","i","breakpoint","args","responsiveBreakpoint","DEFAULT_TABLE_BREAKPOINT","query","minBreakpointQuery","getEuiThemeContext","upstream","n","cached","isResponsive","mediaVersion","isTableResponsive","onBreakpointChange","classes","context","styles","useEuiBorealisStyles","euiTableHeaderMobileStyles","euiClass","BOX_SIZING","euiTableHeaderMobile","setComponentTemplate","precompileTemplate","strictMode","scope","onMediaQueryChange"],"mappings":";;;;;;;;;;AAqCe,MAAMA,6BAA6BC,SAAA,CAAU;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,cAAA,EAAA,CACzDC,OAAA,CAAA,EAAA,YAAA;AAAA,MAAA,OAA+B,CAAA;AAAA,IAAA,CAAA,CAAA;AAAA;EAAA,aAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,cAAA,CAAA,EAAA,MAAA;EAEhC,IAAIC,aAAwC;AAC1C,IAAA,OAAO,IAAI,CAACC,IAAI,CAACC,oBAAoB,IAAIC,wBAAA;AAC3C,EAAA;EAEA,IACIC,KAAAA,GAA4B;AAC9B,IAAA,OAAOC,kBAAA,CAAmBC,mBAAmB,IAAI,CAAA,CAAEC,QAAQ,EAAE,IAAI,CAACP,UAAU,CAAA;AAC9E,EAAA;AAAA,EAAA;IAAAQ,CAAA,CAAA,IAAA,CAAAX,SAAA,EAAA,OAAA,EAAA,CAHCY,MAAA,CAAA,CAAA;AAAA;EAKD,IACIC,YAAAA,GAAwB;IAC1B,KAAK,IAAI,CAACC,YAAY;IACtB,OAAOC,kBAAkB,IAAI,CAACZ,UAAU,EAAE,IAAI,CAACI,KAAK,CAAA;AACtD,EAAA;AAAA,EAAA;IAAAI,CAAA,CAAA,IAAA,CAAAX,SAAA,EAAA,cAAA,EAAA,CAJCY,MAAA,CAAA,CAAA;AAAA;EAMDI,kBAAA,GAAqBA,MAAQ;IAC3B,IAAI,CAACF,YAAY,EAAA;EACnB,CAAA;EAEA,IACIG,OAAAA,GAAkB;AACpB,IAAA,MAAMC,OAAA,GAAUT,mBAAmB,IAAI,CAAA;AACvC,IAAA,MAAMU,MAAA,GAASC,qBAAqBF,OAAA,EAASG,0BAAA,CAAA;IAC7C,OAAOC,QAAA,CAASJ,OAAA,EAASK,UAAA,EAAYJ,MAAA,CAAOK,oBAAoB,CAAA;AAClE,EAAA;AAAA,EAAA;IAAAb,CAAA,CAAA,IAAA,CAAAX,SAAA,EAAA,SAAA,EAAA,CALCY,MAAA,CAAA,CAAA;AAAA;AAOD,EAAA;IAAAa,oBAAA,CAAAC,kBAAA,CAAA,kWAAA,EAWA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;"}

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

@@ -11,6 +11,7 @@ import EuiFlexGroup from './eui-flex-group.js';
 import EuiFlexItem from './eui-flex-item.js';
 import EuiPaginationComponent from './eui-pagination.js';
 import EuiPopoverComponent from './eui-popover.js';
+import { euiTablePaginationDefaults } from '../-private/table-pagination-defaults.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { g, i, n } from 'decorator-transforms/runtime-esm';
@@ -26,16 +27,33 @@ class EuiTablePagination extends Component {
     });
   }
   #isPopoverOpen = (i(this, "isPopoverOpen"), void 0);
+  /** Upstream `euiTablePaginationDefaults` with the app's `componentDefaults`. */get defaults() {
+    return euiTablePaginationDefaults(this);
+  }
   get itemsPerPage() {
-    return this.args.itemsPerPage ?? 50;
+    return this.args.itemsPerPage ?? this.defaults.itemsPerPage;
   }
   get options() {
-    return this.args.itemsPerPageOptions ?? [10, 20, 50, 100];
+    return this.args.itemsPerPageOptions ?? this.defaults.itemsPerPageOptions;
+  }
+  get showPerPageOptions() {
+    if (this.args.showPerPageOptions !== undefined) {
+      return this.args.showPerPageOptions;
+    }
+    if (this.args.hidePerPageOptions) return false;
+    return this.defaults.showPerPageOptions;
+  }
+  get showPages() {
+    return this.itemsPerPage > 0;
   }
-  get rowsPerPage() {
-    return this.euiI18n.lookupToken('euiTablePagination.rowsPerPage', 'Rows per page');
+  get buttonLabel() {
+    if (this.itemsPerPage === 0) {
+      return this.euiI18n.lookupToken('euiTablePagination.allRows', 'Showing all rows');
+    }
+    const rows = this.euiI18n.lookupToken('euiTablePagination.rowsPerPage', 'Rows per page');
+    return `${rows}: ${this.itemsPerPage}`;
   }
-  optionLabel = rows => this.euiI18n.lookupToken('euiTablePagination.rowsPerPageOption', '{rowsPerPage} rows', {
+  optionLabel = rows => rows === 0 ? this.euiI18n.lookupToken('euiTablePagination.rowsPerPageOptionShowAllRows', 'Show all rows') : this.euiI18n.lookupToken('euiTablePagination.rowsPerPageOption', '{rowsPerPage} rows', {
     rowsPerPage: rows
   });
   isCurrent = rows => rows === this.itemsPerPage;
@@ -59,7 +77,7 @@ class EuiTablePagination extends Component {
     n(this.prototype, "choose", [action]);
   }
   static {
-    setComponentTemplate(precompileTemplate("<EuiFlexGroup @justifyContent=\"spaceBetween\" @alignItems=\"center\" @responsive={{false}} ...attributes>\n  <EuiFlexItem @grow={{false}}>\n    {{#unless @hidePerPageOptions}}\n      <EuiPopover @isOpen={{this.isPopoverOpen}} @closePopover={{this.close}} @panelPaddingSize=\"none\" @anchorPosition=\"upRight\">\n        <:button>\n          <EuiButtonEmpty @size=\"xs\" @color=\"text\" @iconType=\"arrowDown\" @iconSide=\"right\" data-test-subj=\"tablePaginationPopoverButton\" {{on \"click\" this.toggle}}>{{this.rowsPerPage}}: {{this.itemsPerPage}}</EuiButtonEmpty>\n        </:button>\n        <:content>\n          <EuiContextMenuPanel>\n            {{#each this.options as |rows|}}\n              <EuiContextMenuItem @icon={{if (this.isCurrent rows) \"check\" \"empty\"}} data-test-subj=\"tablePagination-{{rows}}-rows\" {{on \"click\" (fn this.choose rows)}}>{{this.optionLabel rows}}</EuiContextMenuItem>\n            {{/each}}\n          </EuiContextMenuPanel>\n        </:content>\n      </EuiPopover>\n    {{/unless}}\n  </EuiFlexItem>\n  <EuiFlexItem @grow={{false}}>\n    <EuiPagination @pageCount={{@pageCount}} @activePage={{@activePage}} @onPageClick={{@onChangePage}} @compressed={{@compressed}} />\n  </EuiFlexItem>\n</EuiFlexGroup>", {
+    setComponentTemplate(precompileTemplate("<EuiFlexGroup @justifyContent=\"spaceBetween\" @alignItems=\"center\" @responsive={{false}} @wrap={{true}} @gutterSize=\"s\" ...attributes>\n  <EuiFlexItem @grow={{false}}>\n    {{#if this.showPerPageOptions}}\n      <EuiPopover @isOpen={{this.isPopoverOpen}} @closePopover={{this.close}} @panelPaddingSize=\"none\" @anchorPosition=\"upRight\">\n        <:button>\n          <EuiButtonEmpty @size=\"xs\" @color=\"text\" @iconType=\"chevronSingleDown\" @iconSide=\"right\" data-test-subj=\"tablePaginationPopoverButton\" {{on \"click\" this.toggle}}>{{this.buttonLabel}}</EuiButtonEmpty>\n        </:button>\n        <:content>\n          <EuiContextMenuPanel data-test-subj=\"tablePaginationRowOptions\">\n            {{#each this.options as |rows|}}\n              <EuiContextMenuItem @icon={{if (this.isCurrent rows) \"check\" \"empty\"}} aria-current={{if (this.isCurrent rows) \"true\"}} data-test-subj=\"tablePagination-{{rows}}-rows\" {{on \"click\" (fn this.choose rows)}}>{{this.optionLabel rows}}</EuiContextMenuItem>\n            {{/each}}\n          </EuiContextMenuPanel>\n        </:content>\n      </EuiPopover>\n    {{/if}}\n  </EuiFlexItem>\n  <EuiFlexItem @grow={{false}}>\n    {{#if this.showPages}}\n      <EuiPagination @pageCount={{@pageCount}} @activePage={{@activePage}} @onPageClick={{@onChangePage}} @compressed={{@compressed}} @responsive={{@responsive}} @ariaControls={{@ariaControls}} aria-label={{@aria-label}} aria-labelledby={{@aria-labelledby}} />\n    {{/if}}\n  </EuiFlexItem>\n</EuiFlexGroup>", {
       strictMode: true,
       scope: () => ({
         EuiFlexGroup,

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

@@ -1 +1 @@
-{"version":3,"file":"eui-table-pagination.js","sources":["../../src/components/eui-table-pagination.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { fn } from '@ember/helper';\nimport { on } from '@ember/modifier';\nimport { action } from '@ember/object';\nimport { service } from '@ember/service';\n\nimport EuiButtonEmpty from './eui-button-empty.gts';\nimport EuiContextMenuItem from './eui-context-menu-item.gts';\nimport EuiContextMenuPanel from './eui-context-menu-panel.gts';\nimport EuiFlexGroup from './eui-flex-group.gts';\nimport EuiFlexItem from './eui-flex-item.gts';\nimport EuiPagination from './eui-pagination.gts';\nimport EuiPopover from './eui-popover.gts';\n\nimport type EuiI18n from '../services/eui-i18n';\n\n/**\n * The pagination under a table: a \"Rows per page\" menu on the left and\n * the page buttons on the right. You keep the page and the page size.\n */\nexport interface EuiTablePaginationSignature {\n  Element: HTMLDivElement | HTMLSpanElement;\n  Args: {\n    /** The current page, from `0`. */\n    activePage?: number;\n    /** Number of pages. */\n    pageCount?: number;\n    /** Called with the clicked page (from `0`). */\n    onChangePage?: (page: number) => void;\n    /** Rows per page. Defaults to `50`. */\n    itemsPerPage?: number;\n    /** Choices of rows per page. Defaults to `[10, 20, 50, 100]`. */\n    itemsPerPageOptions?: number[];\n    /** Called with the chosen rows per page. */\n    onChangeItemsPerPage?: (itemsPerPage: number) => void;\n    /** Hides the \"Rows per page\" menu. */\n    hidePerPageOptions?: boolean;\n    /** Smaller page buttons. */\n    compressed?: boolean;\n  };\n}\n\nexport default class EuiTablePagination extends Component<EuiTablePaginationSignature> {\n  @service declare euiI18n: EuiI18n;\n\n  @tracked isPopoverOpen = false;\n\n  get itemsPerPage(): number {\n    return this.args.itemsPerPage ?? 50;\n  }\n\n  get options(): number[] {\n    return this.args.itemsPerPageOptions ?? [10, 20, 50, 100];\n  }\n\n  get rowsPerPage(): string {\n    return this.euiI18n.lookupToken('euiTablePagination.rowsPerPage', 'Rows per page');\n  }\n\n  optionLabel = (rows: number): string =>\n    this.euiI18n.lookupToken('euiTablePagination.rowsPerPageOption', '{rowsPerPage} rows', {\n      rowsPerPage: rows\n    });\n\n  isCurrent = (rows: number): boolean => rows === this.itemsPerPage;\n\n  @action\n  toggle(): void {\n    this.isPopoverOpen = !this.isPopoverOpen;\n  }\n\n  @action\n  close(): void {\n    this.isPopoverOpen = false;\n  }\n\n  @action\n  choose(rows: number): void {\n    this.close();\n    this.args.onChangeItemsPerPage?.(rows);\n  }\n\n  <template>\n    <EuiFlexGroup\n      @justifyContent=\"spaceBetween\"\n      @alignItems=\"center\"\n      @responsive={{false}}\n      ...attributes\n    >\n      <EuiFlexItem @grow={{false}}>\n        {{#unless @hidePerPageOptions}}\n          <EuiPopover\n            @isOpen={{this.isPopoverOpen}}\n            @closePopover={{this.close}}\n            @panelPaddingSize=\"none\"\n            @anchorPosition=\"upRight\"\n          >\n            <:button>\n              <EuiButtonEmpty\n                @size=\"xs\"\n                @color=\"text\"\n                @iconType=\"arrowDown\"\n                @iconSide=\"right\"\n                data-test-subj=\"tablePaginationPopoverButton\"\n                {{on \"click\" this.toggle}}\n              >{{this.rowsPerPage}}: {{this.itemsPerPage}}</EuiButtonEmpty>\n            </:button>\n            <:content>\n              <EuiContextMenuPanel>\n                {{#each this.options as |rows|}}\n                  <EuiContextMenuItem\n                    @icon={{if (this.isCurrent rows) \"check\" \"empty\"}}\n                    data-test-subj=\"tablePagination-{{rows}}-rows\"\n                    {{on \"click\" (fn this.choose rows)}}\n                  >{{this.optionLabel rows}}</EuiContextMenuItem>\n                {{/each}}\n              </EuiContextMenuPanel>\n            </:content>\n          </EuiPopover>\n        {{/unless}}\n      </EuiFlexItem>\n      <EuiFlexItem @grow={{false}}>\n        <EuiPagination\n          @pageCount={{@pageCount}}\n          @activePage={{@activePage}}\n          @onPageClick={{@onChangePage}}\n          @compressed={{@compressed}}\n        />\n      </EuiFlexItem>\n    </EuiFlexGroup>\n  </template>\n}\n"],"names":["EuiTablePagination","Component","g","prototype","service","i","tracked","itemsPerPage","args","options","itemsPerPageOptions","rowsPerPage","euiI18n","lookupToken","optionLabel","rows","isCurrent","toggle","isPopoverOpen","n","action","close","choose","onChangeItemsPerPage","setComponentTemplate","precompileTemplate","strictMode","scope","EuiFlexGroup","EuiFlexItem","EuiPopover","EuiButtonEmpty","on","EuiContextMenuPanel","EuiContextMenuItem","fn","EuiPagination"],"mappings":";;;;;;;;;;;;;;;;;AA2Ce,MAAMA,2BAA2BC,SAAA,CAAU;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,SAAA,EAAA,CACvDC,OAAA,CAAA,CAAA;AAAA;EAAA,QAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,SAAA,CAAA,EAAA,MAAA;AAAA,EAAA;IAAAH,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,eAAA,EAAA,CAEAG,OAAA,CAAA,EAAA,YAAA;AAAA,MAAA,OAAwB,KAAA;AAAA,IAAA,CAAA,CAAA;AAAA;EAAA,cAAA,IAAAD,CAAA,CAAA,IAAA,EAAA,eAAA,CAAA,EAAA,MAAA;EAEzB,IAAIE,YAAAA,GAAuB;AACzB,IAAA,OAAO,IAAI,CAACC,IAAI,CAACD,YAAY,IAAI,EAAA;AACnC,EAAA;EAEA,IAAIE,OAAAA,GAAoB;AACtB,IAAA,OAAO,IAAI,CAACD,IAAI,CAACE,mBAAmB,IAAI,CAAC,EAAA,EAAI,EAAA,EAAI,EAAA,EAAI,GAAA,CAAI;AAC3D,EAAA;EAEA,IAAIC,WAAAA,GAAsB;IACxB,OAAO,IAAI,CAACC,OAAO,CAACC,WAAW,CAAC,gCAAA,EAAkC,eAAA,CAAA;AACpE,EAAA;AAEAC,EAAAA,WAAA,GAAeC,IAAY,IACzB,IAAI,CAACH,OAAO,CAACC,WAAW,CAAC,wCAAwC,oBAAA,EAAsB;AACrFF,IAAAA,WAAA,EAAaI;AACf,GAAA,CAAA;AAEFC,EAAAA,SAAA,GAAaD,IAAY,IAAcA,IAAA,KAAS,IAAI,CAACR,YAAY;AAGjEU,EAAAA,MAAAA,GAAe;AACb,IAAA,IAAI,CAACC,aAAa,GAAG,CAAC,IAAI,CAACA,aAAa;AAC1C,EAAA;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAhB,SAAA,EAAA,QAAA,EAAA,CAHCiB,MAAA,CAAA,CAAA;AAAA;AAMDC,EAAAA,KAAAA,GAAc;IACZ,IAAI,CAACH,aAAa,GAAG,KAAA;AACvB,EAAA;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAhB,SAAA,EAAA,OAAA,EAAA,CAHCiB,MAAA,CAAA,CAAA;AAAA;EAMDE,MAAAA,CAAOP,IAAY,EAAQ;IACzB,IAAI,CAACM,KAAK,EAAA;AACV,IAAA,IAAI,CAACb,IAAI,CAACe,oBAAoB,GAAGR,IAAA,CAAA;AACnC,EAAA;AAAA,EAAA;IAAAI,CAAA,CAAA,IAAA,CAAAhB,SAAA,EAAA,QAAA,EAAA,CAJCiB,MAAA,CAAA,CAAA;AAAA;AAMD,EAAA;IAAAI,oBAAA,CAAAC,kBAAA,CAAA,ouCAAA,EAgDA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,YAAA;QAAAC,WAAA;oBAAAC,mBAAA;QAAAC,cAAA;QAAAC,EAAA;QAAAC,mBAAA;4BAAAC,2BAAA;QAAAC,EAAA;AAAAC,uBAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;"}
+{"version":3,"file":"eui-table-pagination.js","sources":["../../src/components/eui-table-pagination.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { fn } from '@ember/helper';\nimport { on } from '@ember/modifier';\nimport { action } from '@ember/object';\nimport { service } from '@ember/service';\n\nimport EuiButtonEmpty from './eui-button-empty.gts';\nimport EuiContextMenuItem from './eui-context-menu-item.gts';\nimport EuiContextMenuPanel from './eui-context-menu-panel.gts';\nimport EuiFlexGroup from './eui-flex-group.gts';\nimport EuiFlexItem from './eui-flex-item.gts';\nimport EuiPagination from './eui-pagination.gts';\nimport EuiPopover from './eui-popover.gts';\n\nimport { euiTablePaginationDefaults } from '../-private/table-pagination-defaults.ts';\n\nimport type EuiI18n from '../services/eui-i18n';\nimport type { EuiPaginationSignature } from './eui-pagination.gts';\n\n/**\n * The pagination under a table: a \"Rows per page\" menu on the left and\n * the page buttons on the right. You keep the page and the page size.\n */\nexport interface EuiTablePaginationSignature {\n  Element: HTMLDivElement | HTMLSpanElement;\n  Args: {\n    /** The current page, from `0`. */\n    activePage?: number;\n    /** Number of pages. */\n    pageCount?: number;\n    /** Called with the clicked page (from `0`). */\n    onChangePage?: (page: number) => void;\n    /**\n     * Rows per page. Defaults to `10` (upstream), or the app's\n     * `componentDefaults.EuiTablePagination` in `euiConfig`. `0` means all\n     * rows: the menu reads \"Showing all rows\" and the pages are hidden.\n     */\n    itemsPerPage?: number;\n    /**\n     * Choices of rows per page. Defaults to `[10, 25, 50]` (upstream), or\n     * the app's `componentDefaults.EuiTablePagination`. `0` is the \"Show all\n     * rows\" choice.\n     */\n    itemsPerPageOptions?: number[];\n    /** Called with the chosen rows per page. */\n    onChangeItemsPerPage?: (itemsPerPage: number) => void;\n    /**\n     * Shows the \"Rows per page\" menu. Defaults to `true`, or the app's\n     * `componentDefaults.EuiTablePagination`.\n     */\n    showPerPageOptions?: boolean;\n    /** @deprecated Use `@showPerPageOptions={{false}}`. Hides the menu. */\n    hidePerPageOptions?: boolean;\n    /** Passed to `EuiPagination`: \"page of total\" with arrows. */\n    compressed?: boolean;\n    /** Passed to `EuiPagination`: breakpoints at which it is compressed. */\n    responsive?: EuiPaginationSignature['Args']['responsive'];\n    /** Passed to `EuiPagination`: id of the content the pages change. */\n    ariaControls?: string;\n    /**\n     * Accessible name of the pagination navigation (upstream\n     * `aria-label`), e.g. \"Pagination for table: Users\".\n     */\n    'aria-label'?: string;\n    /** Id of the element naming the pagination navigation. */\n    'aria-labelledby'?: string;\n  };\n}\n\n\nexport default class EuiTablePagination extends Component<EuiTablePaginationSignature> {\n  @service declare euiI18n: EuiI18n;\n\n  @tracked isPopoverOpen = false;\n\n  /** Upstream `euiTablePaginationDefaults` with the app's `componentDefaults`. */\n  get defaults() {\n    return euiTablePaginationDefaults(this);\n  }\n\n  get itemsPerPage(): number {\n    return this.args.itemsPerPage ?? this.defaults.itemsPerPage;\n  }\n\n  get options(): number[] {\n    return this.args.itemsPerPageOptions ?? this.defaults.itemsPerPageOptions;\n  }\n\n  get showPerPageOptions(): boolean {\n    if (this.args.showPerPageOptions !== undefined) {\n      return this.args.showPerPageOptions;\n    }\n    if (this.args.hidePerPageOptions) return false;\n    return this.defaults.showPerPageOptions;\n  }\n\n  get showPages(): boolean {\n    return this.itemsPerPage > 0;\n  }\n\n  get buttonLabel(): string {\n    if (this.itemsPerPage === 0) {\n      return this.euiI18n.lookupToken('euiTablePagination.allRows', 'Showing all rows');\n    }\n    const rows = this.euiI18n.lookupToken('euiTablePagination.rowsPerPage', 'Rows per page');\n    return `${rows}: ${this.itemsPerPage}`;\n  }\n\n  optionLabel = (rows: number): string =>\n    rows === 0\n      ? this.euiI18n.lookupToken(\n          'euiTablePagination.rowsPerPageOptionShowAllRows',\n          'Show all rows'\n        )\n      : this.euiI18n.lookupToken('euiTablePagination.rowsPerPageOption', '{rowsPerPage} rows', {\n          rowsPerPage: rows\n        });\n\n  isCurrent = (rows: number): boolean => rows === this.itemsPerPage;\n\n  @action\n  toggle(): void {\n    this.isPopoverOpen = !this.isPopoverOpen;\n  }\n\n  @action\n  close(): void {\n    this.isPopoverOpen = false;\n  }\n\n  @action\n  choose(rows: number): void {\n    this.close();\n    this.args.onChangeItemsPerPage?.(rows);\n  }\n\n  <template>\n    <EuiFlexGroup\n      @justifyContent=\"spaceBetween\"\n      @alignItems=\"center\"\n      @responsive={{false}}\n      @wrap={{true}}\n      @gutterSize=\"s\"\n      ...attributes\n    >\n      <EuiFlexItem @grow={{false}}>\n        {{#if this.showPerPageOptions}}\n          <EuiPopover\n            @isOpen={{this.isPopoverOpen}}\n            @closePopover={{this.close}}\n            @panelPaddingSize=\"none\"\n            @anchorPosition=\"upRight\"\n          >\n            <:button>\n              <EuiButtonEmpty\n                @size=\"xs\"\n                @color=\"text\"\n                @iconType=\"chevronSingleDown\"\n                @iconSide=\"right\"\n                data-test-subj=\"tablePaginationPopoverButton\"\n                {{on \"click\" this.toggle}}\n              >{{this.buttonLabel}}</EuiButtonEmpty>\n            </:button>\n            <:content>\n              <EuiContextMenuPanel data-test-subj=\"tablePaginationRowOptions\">\n                {{#each this.options as |rows|}}\n                  <EuiContextMenuItem\n                    @icon={{if (this.isCurrent rows) \"check\" \"empty\"}}\n                    aria-current={{if (this.isCurrent rows) \"true\"}}\n                    data-test-subj=\"tablePagination-{{rows}}-rows\"\n                    {{on \"click\" (fn this.choose rows)}}\n                  >{{this.optionLabel rows}}</EuiContextMenuItem>\n                {{/each}}\n              </EuiContextMenuPanel>\n            </:content>\n          </EuiPopover>\n        {{/if}}\n      </EuiFlexItem>\n      <EuiFlexItem @grow={{false}}>\n        {{#if this.showPages}}\n          <EuiPagination\n            @pageCount={{@pageCount}}\n            @activePage={{@activePage}}\n            @onPageClick={{@onChangePage}}\n            @compressed={{@compressed}}\n            @responsive={{@responsive}}\n            @ariaControls={{@ariaControls}}\n            aria-label={{@aria-label}}\n            aria-labelledby={{@aria-labelledby}}\n          />\n        {{/if}}\n      </EuiFlexItem>\n    </EuiFlexGroup>\n  </template>\n}\n"],"names":["EuiTablePagination","Component","g","prototype","service","i","tracked","defaults","euiTablePaginationDefaults","itemsPerPage","args","options","itemsPerPageOptions","showPerPageOptions","undefined","hidePerPageOptions","showPages","buttonLabel","euiI18n","lookupToken","rows","optionLabel","rowsPerPage","isCurrent","toggle","isPopoverOpen","n","action","close","choose","onChangeItemsPerPage","setComponentTemplate","precompileTemplate","strictMode","scope","EuiFlexGroup","EuiFlexItem","EuiPopover","EuiButtonEmpty","on","EuiContextMenuPanel","EuiContextMenuItem","fn","EuiPagination"],"mappings":"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"}

package/dist/components/eui-table-row-cell-checkbox.js

@@ -1,11 +1,28 @@
+import Component from '@glimmer/component';
+import { cached } from '@glimmer/tracking';
+import { tableContext, CELL_RESET } from '../-private/table.js';
+import { getEuiThemeContext } from '../utils/emotion/consume.js';
+import { useEuiBorealisStyles, euiClass } from '../utils/eui/styles.js';
+import { du as euiTableCellCheckboxStyles } 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';
 
-/** A row cell holding a checkbox, e.g. to select the row. */
-const EuiTableRowCellCheckbox = setComponentTemplate(precompileTemplate("<td class=\"euiTableRowCellCheckbox\" ...attributes>\n  <div class=\"euiTableCellContent\">{{yield}}</div>\n</td>", {
-  strictMode: true
-}), templateOnly());
+class EuiTableRowCellCheckbox extends Component {
+  get classes() {
+    const context = getEuiThemeContext(this);
+    const styles = useEuiBorealisStyles(context, euiTableCellCheckboxStyles);
+    return euiClass(context, CELL_RESET, styles.euiTableRowCellCheckbox, tableContext(this).isResponsive ? styles.mobile : styles.desktop);
+  }
+  static {
+    n(this.prototype, "classes", [cached]);
+  }
+  static {
+    setComponentTemplate(precompileTemplate("<td class=\"euiTableRowCellCheckbox {{this.classes}}\" ...attributes>\n  <div class=\"euiTableCellContent\">{{yield}}</div>\n  {{yield to=\"append\"~}}\n</td>", {
+      strictMode: true
+    }), this);
+  }
+}
 
 export { EuiTableRowCellCheckbox as default };
 //# sourceMappingURL=eui-table-row-cell-checkbox.js.map

package/dist/components/eui-table-row-cell-checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"eui-table-row-cell-checkbox.js","sources":["../../src/components/eui-table-row-cell-checkbox.gts"],"sourcesContent":["import type { TemplateOnlyComponent } from '@ember/component/template-only';\n\n/** A row cell holding a checkbox, e.g. to select the row. */\nexport interface EuiTableRowCellCheckboxSignature {\n  Element: HTMLTableCellElement;\n  Blocks: {\n    /** The checkbox. */\n    default: [];\n  };\n}\n\nconst EuiTableRowCellCheckbox: TemplateOnlyComponent<EuiTableRowCellCheckboxSignature> =\n  <template>\n    <td class=\"euiTableRowCellCheckbox\" ...attributes>\n      <div class=\"euiTableCellContent\">{{yield}}</div>\n    </td>\n  </template>;\n\nexport default EuiTableRowCellCheckbox;\n"],"names":["EuiTableRowCellCheckbox","setComponentTemplate","precompileTemplate","strictMode","templateOnly"],"mappings":";;;;AAEA;AASA,MAAMA,uBAA+C,GAAAC,oBAAA,CACnDC,kBAAA,CAAA,mHAAA,EAIA;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}
+{"version":3,"file":"eui-table-row-cell-checkbox.js","sources":["../../src/components/eui-table-row-cell-checkbox.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached } from '@glimmer/tracking';\n\nimport { CELL_RESET, tableContext } from '../-private/table.ts';\nimport { getEuiThemeContext } from '../utils/emotion/consume.ts';\nimport { euiClass, useEuiBorealisStyles } from '../utils/eui/styles.ts';\nimport { euiTableCellCheckboxStyles } from '../utils/eui/styles.generated.ts';\n\n/**\n * A row cell holding a checkbox, e.g. to select the row. In the cards\n * layout it sits in the card's top left corner (give the row\n * `@hasSelection` or `@isSelectable` to reserve room for it).\n */\nexport interface EuiTableRowCellCheckboxSignature {\n  Element: HTMLTableCellElement;\n  Blocks: {\n    /** The checkbox. */\n    default: [];\n    /** Content after the cell's content (upstream `append`). */\n    append: [];\n  };\n}\n\nexport default class EuiTableRowCellCheckbox extends Component<EuiTableRowCellCheckboxSignature> {\n  @cached\n  get classes(): string {\n    const context = getEuiThemeContext(this);\n    const styles = useEuiBorealisStyles(context, euiTableCellCheckboxStyles);\n    return euiClass(\n      context,\n      CELL_RESET,\n      styles.euiTableRowCellCheckbox,\n      tableContext(this).isResponsive ? styles.mobile : styles.desktop\n    );\n  }\n\n  <template>\n    <td class=\"euiTableRowCellCheckbox {{this.classes}}\" ...attributes>\n      <div class=\"euiTableCellContent\">{{yield}}</div>\n      {{yield to=\"append\"~}}\n    </td>\n  </template>\n}\n\n"],"names":["EuiTableRowCellCheckbox","Component","classes","context","getEuiThemeContext","styles","useEuiBorealisStyles","euiTableCellCheckboxStyles","euiClass","CELL_RESET","euiTableRowCellCheckbox","tableContext","isResponsive","mobile","desktop","n","prototype","cached","setComponentTemplate","precompileTemplate","strictMode"],"mappings":";;;;;;;;;;AAuBe,MAAMA,gCAAgCC,SAAA,CAAU;EAC7D,IACIC,OAAAA,GAAkB;AACpB,IAAA,MAAMC,OAAA,GAAUC,mBAAmB,IAAI,CAAA;AACvC,IAAA,MAAMC,MAAA,GAASC,qBAAqBH,OAAA,EAASI,0BAAA,CAAA;IAC7C,OAAOC,QAAA,CACLL,OAAA,EACAM,UAAA,EACAJ,MAAA,CAAOK,uBAAuB,EAC9BC,YAAA,CAAa,IAAI,CAAA,CAAEC,YAAY,GAAGP,MAAA,CAAOQ,MAAM,GAAGR,OAAOS,OAAO,CAAA;AAEpE,EAAA;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,SAAA,EAAA,CAVCC,MAAA,CAAA,CAAA;AAAA;AAYD,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,gKAAA,EAKA;MAAAC,UAAA,EAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;"}

package/dist/components/eui-table-row-cell.js

@@ -1,38 +1,155 @@
-import { widthStyle, alignClasses } from '../-private/table.js';
+import Component from '@glimmer/component';
+import { cached } from '@glimmer/tracking';
+import { htmlSafe } from '@ember/template';
+import { tableContext, widthStyle, CELL_RESET, BOX_SIZING, cellContentStyles } from '../-private/table.js';
+import { getEuiThemeContext } from '../utils/emotion/consume.js';
+import { useEuiBorealisStyles, euiClass } from '../utils/eui/styles.js';
+import { dx as euiTableRowCellStyles, dt as euiTableCellContentStyles } from '../styles.generated-SYAxYhey.js';
+import { euiTableStickyCellStyles } from '../utils/eui/table.js';
+import TableNode from '../-private/table-node.js';
+import cssStyle from '../-private/css-style.js';
+import EuiTextBlockTruncate from './eui-text-block-truncate.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';
 
-function cellClasses(hasActions, isExpander, mobile = {}, valign = 'middle') {
-  return ['euiTableRowCell', hasActions && 'euiTableRowCell--hasActions', isExpander && 'euiTableRowCell--isExpander', mobile.only && 'euiTableRowCell--hideForDesktop', mobile.enlarge && 'euiTableRowCell--enlargeForMobile', `euiTableRowCell--${valign}`, mobile.show === false && 'euiTableRowCell--hideForMobile'].filter(Boolean).join(' ');
+/** Ember's `@showOnHover` reveals its content on any row hover. */const SHOW_ON_HOVER = {
+  '.euiTableRow:hover &, &:focus-within': {
+    '.euiBasicTableAction-showOnHover': {
+      opacity: 1
+    }
+  }
+};
+class EuiTableRowCell extends Component {
+  get isResponsive() {
+    return tableContext(this).isResponsive;
+  }
+  get mobile() {
+    return this.args.mobileOptions ?? {};
+  }
+  /** Upstream renders nothing for hidden cells. */
+  get isRendered() {
+    return this.isResponsive ? this.mobile.show !== false : !this.mobile.only;
+  }
+  get tagName() {
+    return this.args.setScopeRow ? 'th' : 'td';
+  }
+  get mobileHeader() {
+    return this.isResponsive ? this.mobile.header : undefined;
+  }
+  get textOnly() {
+    const textOnly = this.args.textOnly ?? true;
+    return this.isResponsive ? this.mobile.textOnly ?? textOnly : textOnly;
+  }
+  get truncateText() {
+    const truncate = this.args.truncateText ?? false;
+    return this.isResponsive ? this.mobile.truncateText ?? truncate : truncate;
+  }
+  /** Lines of a multi-line clamp (`truncateText: { lines }`). */
+  get truncateLines() {
+    const truncate = this.truncateText;
+    return typeof truncate === 'object' && truncate?.lines ? truncate.lines : undefined;
+  }
+  get stickySide() {
+    return this.isResponsive ? undefined : this.args.sticky?.side;
+  }
+  get hasActionsOrExpander() {
+    return this.args.hasActions || Boolean(this.args.isExpander);
+  }
+  /** The text span (upstream renders it for text or truncated content). */
+  get wrapsContent() {
+    return this.textOnly || this.truncateText === true || Boolean(this.args.showOnHover);
+  }
+  get textClass() {
+    return [(this.textOnly || this.truncateText === true || this.truncateLines) && 'euiTableCellContent__text', this.args.showOnHover && 'euiBasicTableAction-showOnHover'].filter(Boolean).join(' ');
+  }
+  get style() {
+    const widths = this.widthStyle;
+    const base = this.args.style;
+    if (!base) return widths;
+    const baseText = typeof base === 'string' ? base : cssStyle(base)?.toString();
+    if (!baseText) return widths;
+    // upstream `resolveWidthPropsAsStyle(style, widths)`: widths win
+    return htmlSafe(widths ? `${baseText}; ${widths.toString()}` : baseText);
+  }
+  static {
+    n(this.prototype, "style", [cached]);
+  }
+  get widthStyle() {
+    const {
+      width,
+      minWidth,
+      maxWidth,
+      hasActions,
+      isExpander
+    } = this.args;
+    if (!this.isResponsive) return widthStyle(width, minWidth, maxWidth);
+    // In cards, actions are shifted to a right column via CSS
+    if (hasActions || isExpander) return undefined;
+    return widthStyle(this.mobile.width, this.mobile.minWidth, this.mobile.maxWidth);
+  }
+  get cellClass() {
+    const context = getEuiThemeContext(this);
+    const styles = useEuiBorealisStyles(context, euiTableRowCellStyles);
+    const {
+      setScopeRow,
+      isExpander,
+      hasActions,
+      showOnHover
+    } = this.args;
+    const valign = this.args.valign ?? 'middle';
+    // Same order as upstream's `cssStyles`.
+    const css = [CELL_RESET, styles.euiTableRowCell, setScopeRow ? styles.rowHeader : undefined, isExpander ? styles.isExpander : undefined, hasActions ? styles.hasActions : undefined, styles[valign], ...(this.isResponsive ? [styles.mobile.mobile, this.mobile.enlarge ? styles.mobile.enlarge : undefined, hasActions === 'custom' ? styles.mobile.customActions : undefined, hasActions === true ? styles.mobile.actions : undefined, isExpander ? styles.mobile.expander : undefined] : [styles.desktop.desktop, hasActions || showOnHover ? styles.desktop.actions : undefined, showOnHover ? SHOW_ON_HOVER : undefined, ...this.stickyStyles])];
+    return ['euiTableRowCell', hasActions && 'euiTableRowCell--hasActions', isExpander && 'euiTableRowCell--isExpander', euiClass(context, ...css)].filter(Boolean).join(' ');
+  }
+  static {
+    n(this.prototype, "cellClass", [cached]);
+  }
+  get stickyStyles() {
+    const {
+      sticky
+    } = this.args;
+    if (!sticky) return [];
+    const styles = useEuiBorealisStyles(getEuiThemeContext(this), euiTableStickyCellStyles);
+    return [styles.root, styles.side[sticky.side]];
+  }
+  get mobileHeaderClass() {
+    const context = getEuiThemeContext(this);
+    const styles = useEuiBorealisStyles(context, euiTableRowCellStyles);
+    return euiClass(context, BOX_SIZING, styles.euiTableRowCell__mobileHeader);
+  }
+  static {
+    n(this.prototype, "mobileHeaderClass", [cached]);
+  }
+  get contentClass() {
+    const context = getEuiThemeContext(this);
+    const styles = useEuiBorealisStyles(context, euiTableCellContentStyles);
+    const align = this.isResponsive ? this.mobile.align ?? 'left' : this.args.align;
+    return euiClass(context, BOX_SIZING, ...cellContentStyles(styles, {
+      align,
+      // upstream: `true` truncates, `false` breaks words, a clamp neither
+      truncateText: typeof this.truncateText === 'boolean' ? this.truncateText : null,
+      hasActions: this.hasActionsOrExpander,
+      isResponsive: this.isResponsive
+    }));
+  }
+  static {
+    n(this.prototype, "contentClass", [cached]);
+  }
+  static {
+    setComponentTemplate(precompileTemplate("{{#if this.isRendered}}\n  {{#let (element this.tagName) as |Cell|}}\n    <Cell class={{this.cellClass}} scope={{if @setScopeRow \"row\"}} style={{this.style}} data-sticky={{this.stickySide}} ...attributes>\n      {{#if this.mobileHeader}}\n        <div class=\"euiTableRowCell__mobileHeader {{this.mobileHeaderClass}}\"><TableNode @node={{this.mobileHeader}} /></div>\n      {{/if}}\n      <div class=\"euiTableCellContent {{this.contentClass}}\">\n        {{#if this.truncateLines}}\n          <EuiTextBlockTruncate @lines={{this.truncateLines}} @cloneElement={{true}} as |clamp|>\n            <span class={{this.textClass}} {{clamp}}>\n              {{~#if (useMobileBlock this.isResponsive (has-block \"mobile\"))~}}\n                {{yield to=\"mobile\"}}\n              {{~else~}}\n                {{yield}}\n              {{~/if~}}\n            </span>\n          </EuiTextBlockTruncate>\n        {{else if this.wrapsContent}}\n          <span class={{this.textClass}}>\n            {{~#if (useMobileBlock this.isResponsive (has-block \"mobile\"))~}}\n              {{yield to=\"mobile\"}}\n            {{~else~}}\n              {{yield}}\n            {{~/if~}}\n          </span>\n        {{else if (useMobileBlock this.isResponsive (has-block \"mobile\"))}}\n          {{yield to=\"mobile\"}}\n        {{else}}\n          {{yield}}\n        {{/if}}\n      </div>\n      {{yield to=\"append\"~}}\n    </Cell>\n  {{/let}}\n{{/if}}", {
+      strictMode: true,
+      scope: () => ({
+        TableNode,
+        EuiTextBlockTruncate,
+        useMobileBlock
+      })
+    }), this);
+  }
 }
-function contentClasses(align, showOnHover, truncateText, textOnly) {
-  return ['euiTableCellContent', alignClasses(align), showOnHover && 'euiTableCellContent--showOnHover', truncateText && 'euiTableCellContent--truncateText', textOnly === false && 'euiTableCellContent--overflowingContent'].filter(Boolean).join(' ');
+function useMobileBlock(isResponsive, hasMobileBlock) {
+  return isResponsive && hasMobileBlock;
 }
-function childClasses(textOnly, showOnHover) {
-  return [textOnly !== false && 'euiTableCellContent__text', showOnHover && 'euiTableCellContent__hoverItem'].filter(Boolean).join(' ');
-}
-function isShown(mobile = {}) {
-  return mobile.show !== false;
-}
-function mobileAlign(mobile = {}, align) {
-  return mobile.align ?? align;
-}
-function mobileTruncate(mobile = {}, truncateText) {
-  return mobile.truncateText ?? truncateText;
-}
-const EuiTableRowCell = setComponentTemplate(precompileTemplate("{{#let (contentClasses @align @showOnHover @truncateText @textOnly) (childClasses @textOnly @showOnHover) as |content child|}}\n  {{#if @setScopeRow}}\n    <th class={{cellClasses @hasActions @isExpander @mobileOptions @valign}} scope=\"row\" style={{widthStyle @width}} ...attributes>\n      {{#if (isShown @mobileOptions)}}\n        {{#if @mobileOptions.header}}\n          <div class=\"euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop\">{{@mobileOptions.header}}</div>\n        {{/if}}\n      {{/if}}\n      <div class={{content}}><span class={{child}}>{{yield}}</span></div>\n    </th>\n  {{else}}\n    <td class={{cellClasses @hasActions @isExpander @mobileOptions @valign}} style={{widthStyle @width}} ...attributes>\n      {{#if (isShown @mobileOptions)}}\n        {{#if @mobileOptions.header}}\n          <div class=\"euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop\">{{@mobileOptions.header}}</div>\n        {{/if}}\n        {{#if (has-block \"mobile\")}}\n          <div class=\"{{contentClasses (mobileAlign @mobileOptions @align) @showOnHover (mobileTruncate @mobileOptions @truncateText) @textOnly}} euiTableRowCell--hideForDesktop\"><span class={{child}}>{{yield to=\"mobile\"}}</span></div>\n          <div class=\"{{content}} euiTableRowCell--hideForMobile\"><span class={{child}}>{{yield}}</span></div>\n        {{else}}\n          <div class={{content}}><span class={{child}}>{{yield}}</span></div>\n        {{/if}}\n      {{else}}\n        <div class={{content}}><span class={{child}}>{{yield}}</span></div>\n      {{/if}}\n    </td>\n  {{/if}}\n{{/let}}", {
-  strictMode: true,
-  scope: () => ({
-    contentClasses,
-    childClasses,
-    cellClasses,
-    widthStyle,
-    isShown,
-    mobileAlign,
-    mobileTruncate
-  })
-}), templateOnly());
 
 export { EuiTableRowCell as default };
 //# sourceMappingURL=eui-table-row-cell.js.map

package/dist/components/eui-table-row-cell.js.map

@@ -1 +1 @@
-{"version":3,"file":"eui-table-row-cell.js","sources":["../../src/components/eui-table-row-cell.gts"],"sourcesContent":["import { alignClasses, widthStyle } from '../-private/table.ts';\n\nimport type { TableAlignment, TableMobileOptions } from '../-private/table.ts';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\n/** A cell of an `EuiTableRow`. */\nexport interface EuiTableRowCellSignature {\n  Element: HTMLTableCellElement;\n  Args: {\n    /** `'left'`, `'right'` (numbers) or `'center'`. Defaults to `'left'`. */\n    align?: TableAlignment;\n    /** Cuts long text with an ellipsis instead of wrapping it. */\n    truncateText?: boolean;\n    /**\n     * The content is only text (wrapped in a span that truncates or\n     * wraps). Set `false` for components. Defaults to `true`.\n     */\n    textOnly?: boolean;\n    /** Renders a `<th scope=\"row\">`: the row's header. */\n    setScopeRow?: boolean;\n    /** Shows the content only while the row is hovered. */\n    showOnHover?: boolean;\n    /** The cell holds the row's actions. */\n    hasActions?: boolean;\n    /** The cell holds the row's expand button. */\n    isExpander?: boolean;\n    /** Vertical alignment: `'top'`, `'middle'` or `'bottom'`. Defaults to `'middle'`. */\n    valign?: 'top' | 'middle' | 'bottom';\n    /** Width, e.g. `100` (px) or `'20%'`. */\n    width?: number | string;\n    /**\n     * On small screens: `{ show, only, header, enlarge, align,\n     * truncateText }`. `header` labels the value in the row's card; the\n     * `<:mobile>` block replaces the content there.\n     */\n    mobileOptions?: TableMobileOptions;\n  };\n  Blocks: {\n    /** The content. */\n    default: [];\n    /** Different content on small screens. */\n    mobile: [];\n  };\n}\n\nfunction cellClasses(\n  hasActions?: boolean,\n  isExpander?: boolean,\n  mobile: TableMobileOptions = {},\n  valign = 'middle'\n): string {\n  return [\n    'euiTableRowCell',\n    hasActions && 'euiTableRowCell--hasActions',\n    isExpander && 'euiTableRowCell--isExpander',\n    mobile.only && 'euiTableRowCell--hideForDesktop',\n    mobile.enlarge && 'euiTableRowCell--enlargeForMobile',\n    `euiTableRowCell--${valign}`,\n    mobile.show === false && 'euiTableRowCell--hideForMobile'\n  ]\n    .filter(Boolean)\n    .join(' ');\n}\n\nfunction contentClasses(\n  align?: TableAlignment,\n  showOnHover?: boolean,\n  truncateText?: boolean,\n  textOnly?: boolean\n): string {\n  return [\n    'euiTableCellContent',\n    alignClasses(align),\n    showOnHover && 'euiTableCellContent--showOnHover',\n    truncateText && 'euiTableCellContent--truncateText',\n    textOnly === false && 'euiTableCellContent--overflowingContent'\n  ]\n    .filter(Boolean)\n    .join(' ');\n}\n\nfunction childClasses(textOnly?: boolean, showOnHover?: boolean): string {\n  return [textOnly !== false && 'euiTableCellContent__text', showOnHover && 'euiTableCellContent__hoverItem']\n    .filter(Boolean)\n    .join(' ');\n}\n\nfunction isShown(mobile: TableMobileOptions = {}): boolean {\n  return mobile.show !== false;\n}\n\nfunction mobileAlign(mobile: TableMobileOptions = {}, align?: TableAlignment): TableAlignment | undefined {\n  return mobile.align ?? align;\n}\n\nfunction mobileTruncate(mobile: TableMobileOptions = {}, truncateText?: boolean): boolean | undefined {\n  return mobile.truncateText ?? truncateText;\n}\n\nconst EuiTableRowCell: TemplateOnlyComponent<EuiTableRowCellSignature> = <template>\n  {{#let\n    (contentClasses @align @showOnHover @truncateText @textOnly)\n    (childClasses @textOnly @showOnHover)\n    as |content child|\n  }}\n    {{#if @setScopeRow}}\n      <th\n        class={{cellClasses @hasActions @isExpander @mobileOptions @valign}}\n        scope=\"row\"\n        style={{widthStyle @width}}\n        ...attributes\n      >\n        {{#if (isShown @mobileOptions)}}\n          {{#if @mobileOptions.header}}\n            <div class=\"euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop\">{{@mobileOptions.header}}</div>\n          {{/if}}\n        {{/if}}\n        <div class={{content}}><span class={{child}}>{{yield}}</span></div>\n      </th>\n    {{else}}\n      <td\n        class={{cellClasses @hasActions @isExpander @mobileOptions @valign}}\n        style={{widthStyle @width}}\n        ...attributes\n      >\n        {{#if (isShown @mobileOptions)}}\n          {{#if @mobileOptions.header}}\n            <div class=\"euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop\">{{@mobileOptions.header}}</div>\n          {{/if}}\n          {{#if (has-block \"mobile\")}}\n            <div\n              class=\"{{contentClasses\n                  (mobileAlign @mobileOptions @align)\n                  @showOnHover\n                  (mobileTruncate @mobileOptions @truncateText)\n                  @textOnly\n                }} euiTableRowCell--hideForDesktop\"\n            ><span class={{child}}>{{yield to=\"mobile\"}}</span></div>\n            <div class=\"{{content}} euiTableRowCell--hideForMobile\"><span class={{child}}>{{yield}}</span></div>\n          {{else}}\n            <div class={{content}}><span class={{child}}>{{yield}}</span></div>\n          {{/if}}\n        {{else}}\n          <div class={{content}}><span class={{child}}>{{yield}}</span></div>\n        {{/if}}\n      </td>\n    {{/if}}\n  {{/let}}\n</template>;\n\nexport default EuiTableRowCell;\n"],"names":["cellClasses","hasActions","isExpander","mobile","valign","only","enlarge","show","filter","Boolean","join","contentClasses","align","showOnHover","truncateText","textOnly","alignClasses","childClasses","isShown","mobileAlign","mobileTruncate","EuiTableRowCell","setComponentTemplate","precompileTemplate","strictMode","scope","widthStyle","templateOnly"],"mappings":";;;;;AA6CA,SAASA,WAAAA,CACPC,UAAoB,EACpBC,UAAoB,EACpBC,MAAQ,GAAqB,EAAE,EAC/BC,MAAA,GAAS,QAAQ,EACV;EACP,OAAO,CACL,iBAAA,EACAH,UAAA,IAAc,6BAAA,EACdC,UAAA,IAAc,6BAAA,EACdC,MAAA,CAAOE,IAAI,IAAI,iCAAA,EACfF,MAAA,CAAOG,OAAO,IAAI,mCAAA,EAClB,CAAA,iBAAA,EAAoBF,MAAA,EAAQ,EAC5BD,MAAA,CAAOI,IAAI,KAAK,KAAA,IAAS,gCAAA,CAC1B,CACEC,MAAM,CAACC,OAAA,CAAA,CACPC,IAAI,CAAC,GAAA,CAAA;AACV;AAEA,SAASC,cAAAA,CACPC,KAAsB,EACtBC,WAAqB,EACrBC,YAAsB,EACtBC,QAAkB,EACX;AACP,EAAA,OAAO,CACL,qBAAA,EACAC,YAAA,CAAaJ,KAAA,CAAA,EACbC,WAAA,IAAe,kCAAA,EACfC,YAAA,IAAgB,mCAAA,EAChBC,QAAA,KAAa,KAAA,IAAS,yCAAA,CACvB,CACEP,MAAM,CAACC,OAAA,CAAA,CACPC,IAAI,CAAC,GAAA,CAAA;AACV;AAEA,SAASO,aAAaF,QAAkB,EAAEF,WAAqB,EAAS;EACtE,OAAO,CAACE,QAAA,KAAa,KAAA,IAAS,2BAAA,EAA6BF,WAAA,IAAe,gCAAA,CAAiC,CACxGL,MAAM,CAACC,OAAA,CAAA,CACPC,IAAI,CAAC,GAAA,CAAA;AACV;AAEA,SAASQ,QAAQf,MAAQ,GAAqB,EAAE,EAAU;AACxD,EAAA,OAAOA,MAAA,CAAOI,IAAI,KAAK,KAAA;AACzB;AAEA,SAASY,WAAAA,CAAYhB,MAAQ,GAAqB,EAAE,EAAES,KAAsB,EAA6B;AACvG,EAAA,OAAOT,MAAA,CAAOS,KAAK,IAAIA,KAAA;AACzB;AAEA,SAASQ,cAAAA,CAAejB,MAAQ,GAAqB,EAAE,EAAEW,YAAsB,EAAsB;AACnG,EAAA,OAAOX,MAAA,CAAOW,YAAY,IAAIA,YAAA;AAChC;AAEA,MAAMO,eAAuC,GAAAC,oBAAA,CAA4BC,kBAAA,CAAA,kkDAAA,EAiDzE;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAd,cAAA;IAAAM,YAAA;IAAAjB,WAAA;IAAA0B,UAAA;IAAAR,OAAA;IAAAC,WAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAO,YAAA,EAAA;;"}
+{"version":3,"file":"eui-table-row-cell.js","sources":["../../src/components/eui-table-row-cell.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached } from '@glimmer/tracking';\nimport { htmlSafe } from '@ember/template';\n\nimport {\n  BOX_SIZING,\n  CELL_RESET,\n  cellContentStyles,\n  tableContext,\n  widthStyle\n} from '../-private/table.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  euiTableCellContentStyles,\n  euiTableRowCellStyles\n} from '../utils/eui/styles.generated.ts';\nimport { euiTableStickyCellStyles } from '../utils/eui/table.ts';\nimport TableNode from '../-private/table-node.gts';\nimport cssStyle from '../-private/css-style.ts';\nimport EuiTextBlockTruncate from './eui-text-block-truncate.gts';\n\nimport type {\n  TableAlignment,\n  TableMobileOptions,\n  TableTruncateText\n} from '../-private/table.ts';\nimport type { EuiTableStickyCellOptions } from '../utils/eui/table.ts';\nimport type { EuiTableNode } from '../-private/table-node.gts';\nimport type { CSSObject } from '@emotion/css/create-instance';\n\n/** Inline styles of a cell: an object of CSS properties, or a string. */\nexport type EuiTableRowCellStyle =\n  | string\n  | Record<string, string | number | null | undefined>;\n\n/** A cell of an `EuiTableRow`. */\nexport interface EuiTableRowCellSignature {\n  Element: HTMLTableCellElement;\n  Args: {\n    /** `'left'`, `'right'` (numbers) or `'center'`. Defaults to `'left'`. */\n    align?: TableAlignment;\n    /**\n     * `true` cuts long text on one line with an ellipsis; `{ lines: n }`\n     * clamps it to `n` lines. Otherwise long words break (upstream\n     * default).\n     */\n    truncateText?: TableTruncateText;\n    /**\n     * The content is only text (wrapped in a span that truncates or\n     * wraps). Set `false` for components. Defaults to `true`.\n     */\n    textOnly?: boolean;\n    /** Renders a `<th scope=\"row\">`: the row's header. */\n    setScopeRow?: boolean;\n    /**\n     * Shows the content only while the row is hovered or the cell has\n     * focus (always shown in the cards layout). Upstream's\n     * `euiBasicTableAction-showOnHover`.\n     */\n    showOnHover?: boolean;\n    /**\n     * The cell holds the row's actions (`true`: icon actions in the cards\n     * layout's right column; `'custom'`: other content on its own line).\n     */\n    hasActions?: boolean | 'custom';\n    /** The cell holds the row's expand button. */\n    isExpander?: boolean;\n    /**\n     * Vertical alignment: `'top'`, `'middle'`, `'bottom'` or `'baseline'`.\n     * Defaults to `'middle'`.\n     */\n    valign?: 'top' | 'middle' | 'bottom' | 'baseline';\n    /** Width, e.g. `100` (px) or `'20%'`. */\n    width?: number | string;\n    /** Min width, e.g. `100` (px). */\n    minWidth?: number | string;\n    /** Max width, e.g. `'30%'`. */\n    maxWidth?: number | string;\n    /**\n     * Sticks the cell to a side of the table (`{ side: 'start' | 'end' }`)\n     * while it scrolls inline; only for the first or last column, and not\n     * in the cards layout. With `@hasBackground={{false}}` on the table,\n     * set `--euiTableCellStickyBackgroundColor` to the background behind\n     * it. Upstream beta.\n     */\n    sticky?: EuiTableStickyCellOptions;\n    /**\n     * In the cards layout: `{ show, only, header, enlarge, align,\n     * truncateText, textOnly, width, minWidth, maxWidth }`. `header`\n     * labels the value in the row's card; the `<:mobile>` block replaces\n     * the content there.\n     */\n    mobileOptions?: TableMobileOptions;\n    /**\n     * Inline styles merged under the cell's own width styles (upstream's\n     * `style` prop). A `style` attribute replaces them instead.\n     */\n    style?: EuiTableRowCellStyle;\n  };\n  Blocks: {\n    /** The content. */\n    default: [];\n    /** Different content in the cards layout. */\n    mobile: [];\n    /**\n     * Content after the cell's content wrapper (upstream `append`), e.g. the\n     * hidden tabular copy markers of `EuiBasicTable`.\n     */\n    append: [];\n  };\n}\n\n/** Ember's `@showOnHover` reveals its content on any row hover. */\nconst SHOW_ON_HOVER: CSSObject = {\n  '.euiTableRow:hover &, &:focus-within': {\n    '.euiBasicTableAction-showOnHover': { opacity: 1 }\n  }\n};\n\nexport default class EuiTableRowCell extends Component<EuiTableRowCellSignature> {\n  get isResponsive(): boolean {\n    return tableContext(this).isResponsive;\n  }\n\n  get mobile(): TableMobileOptions {\n    return this.args.mobileOptions ?? {};\n  }\n\n  /** Upstream renders nothing for hidden cells. */\n  get isRendered(): boolean {\n    return this.isResponsive\n      ? this.mobile.show !== false\n      : !this.mobile.only;\n  }\n\n  get tagName(): 'th' | 'td' {\n    return this.args.setScopeRow ? 'th' : 'td';\n  }\n\n  get mobileHeader(): EuiTableNode | boolean | undefined {\n    return this.isResponsive ? this.mobile.header : undefined;\n  }\n\n  get textOnly(): boolean {\n    const textOnly = this.args.textOnly ?? true;\n    return this.isResponsive ? (this.mobile.textOnly ?? textOnly) : textOnly;\n  }\n\n  get truncateText(): TableTruncateText {\n    const truncate = this.args.truncateText ?? false;\n    return this.isResponsive ? (this.mobile.truncateText ?? truncate) : truncate;\n  }\n\n  /** Lines of a multi-line clamp (`truncateText: { lines }`). */\n  get truncateLines(): number | undefined {\n    const truncate = this.truncateText;\n    return typeof truncate === 'object' && truncate?.lines\n      ? truncate.lines\n      : undefined;\n  }\n\n  get stickySide(): 'start' | 'end' | undefined {\n    return this.isResponsive ? undefined : this.args.sticky?.side;\n  }\n\n  get hasActionsOrExpander(): boolean | 'custom' {\n    return this.args.hasActions || Boolean(this.args.isExpander);\n  }\n\n  /** The text span (upstream renders it for text or truncated content). */\n  get wrapsContent(): boolean {\n    return (\n      this.textOnly ||\n      this.truncateText === true ||\n      Boolean(this.args.showOnHover)\n    );\n  }\n\n  get textClass(): string {\n    return [\n      (this.textOnly || this.truncateText === true || this.truncateLines) &&\n        'euiTableCellContent__text',\n      this.args.showOnHover && 'euiBasicTableAction-showOnHover'\n    ]\n      .filter(Boolean)\n      .join(' ');\n  }\n\n  @cached\n  get style() {\n    const widths = this.widthStyle;\n    const base = this.args.style;\n    if (!base) return widths;\n    const baseText = typeof base === 'string' ? base : cssStyle(base)?.toString();\n    if (!baseText) return widths;\n    // upstream `resolveWidthPropsAsStyle(style, widths)`: widths win\n    return htmlSafe(widths ? `${baseText}; ${widths.toString()}` : baseText);\n  }\n\n  get widthStyle() {\n    const { width, minWidth, maxWidth, hasActions, isExpander } = this.args;\n    if (!this.isResponsive) return widthStyle(width, minWidth, maxWidth);\n    // In cards, actions are shifted to a right column via CSS\n    if (hasActions || isExpander) return undefined;\n    return widthStyle(\n      this.mobile.width,\n      this.mobile.minWidth,\n      this.mobile.maxWidth\n    );\n  }\n\n  @cached\n  get cellClass(): string {\n    const context = getEuiThemeContext(this);\n    const styles = useEuiBorealisStyles(context, euiTableRowCellStyles);\n    const { setScopeRow, isExpander, hasActions, showOnHover } = this.args;\n    const valign = this.args.valign ?? 'middle';\n    // Same order as upstream's `cssStyles`.\n    const css = [\n      CELL_RESET,\n      styles.euiTableRowCell,\n      setScopeRow ? styles.rowHeader : undefined,\n      isExpander ? styles.isExpander : undefined,\n      hasActions ? styles.hasActions : undefined,\n      styles[valign],\n      ...(this.isResponsive\n        ? [\n            styles.mobile.mobile,\n            this.mobile.enlarge ? styles.mobile.enlarge : undefined,\n            hasActions === 'custom' ? styles.mobile.customActions : undefined,\n            hasActions === true ? styles.mobile.actions : undefined,\n            isExpander ? styles.mobile.expander : undefined\n          ]\n        : [\n            styles.desktop.desktop,\n            hasActions || showOnHover ? styles.desktop.actions : undefined,\n            showOnHover ? SHOW_ON_HOVER : undefined,\n            ...this.stickyStyles\n          ])\n    ];\n\n    return [\n      'euiTableRowCell',\n      hasActions && 'euiTableRowCell--hasActions',\n      isExpander && 'euiTableRowCell--isExpander',\n      euiClass(context, ...css)\n    ]\n      .filter(Boolean)\n      .join(' ');\n  }\n\n  get stickyStyles(): EuiCss[] {\n    const { sticky } = this.args;\n    if (!sticky) return [];\n    const styles = useEuiBorealisStyles(\n      getEuiThemeContext(this),\n      euiTableStickyCellStyles\n    );\n    return [styles.root, styles.side[sticky.side]];\n  }\n\n  @cached\n  get mobileHeaderClass(): string {\n    const context = getEuiThemeContext(this);\n    const styles = useEuiBorealisStyles(context, euiTableRowCellStyles);\n    return euiClass(context, BOX_SIZING, styles.euiTableRowCell__mobileHeader);\n  }\n\n  @cached\n  get contentClass(): string {\n    const context = getEuiThemeContext(this);\n    const styles = useEuiBorealisStyles(context, euiTableCellContentStyles);\n    const align = this.isResponsive\n      ? (this.mobile.align ?? 'left')\n      : this.args.align;\n    return euiClass(\n      context,\n      BOX_SIZING,\n      ...cellContentStyles(styles, {\n        align,\n        // upstream: `true` truncates, `false` breaks words, a clamp neither\n        truncateText:\n          typeof this.truncateText === 'boolean' ? this.truncateText : null,\n        hasActions: this.hasActionsOrExpander,\n        isResponsive: this.isResponsive\n      })\n    );\n  }\n\n  <template>\n    {{#if this.isRendered}}\n      {{#let (element this.tagName) as |Cell|}}\n        <Cell\n          class={{this.cellClass}}\n          scope={{if @setScopeRow \"row\"}}\n          style={{this.style}}\n          data-sticky={{this.stickySide}}\n          ...attributes\n        >\n          {{#if this.mobileHeader}}\n            <div\n              class=\"euiTableRowCell__mobileHeader {{this.mobileHeaderClass}}\"\n            ><TableNode @node={{this.mobileHeader}} /></div>\n          {{/if}}\n          <div class=\"euiTableCellContent {{this.contentClass}}\">\n            {{#if this.truncateLines}}\n              <EuiTextBlockTruncate\n                @lines={{this.truncateLines}}\n                @cloneElement={{true}}\n                as |clamp|\n              >\n                <span class={{this.textClass}} {{clamp}}>\n                  {{~#if (useMobileBlock this.isResponsive (has-block \"mobile\"))~}}\n                    {{yield to=\"mobile\"}}\n                  {{~else~}}\n                    {{yield}}\n                  {{~/if~}}\n                </span>\n              </EuiTextBlockTruncate>\n            {{else if this.wrapsContent}}\n              <span class={{this.textClass}}>\n                {{~#if (useMobileBlock this.isResponsive (has-block \"mobile\"))~}}\n                  {{yield to=\"mobile\"}}\n                {{~else~}}\n                  {{yield}}\n                {{~/if~}}\n              </span>\n            {{else if (useMobileBlock this.isResponsive (has-block \"mobile\"))}}\n              {{yield to=\"mobile\"}}\n            {{else}}\n              {{yield}}\n            {{/if}}\n          </div>\n          {{yield to=\"append\"~}}\n        </Cell>\n      {{/let}}\n    {{/if}}\n  </template>\n}\n\nfunction useMobileBlock(isResponsive: boolean, hasMobileBlock: boolean): boolean {\n  return isResponsive && hasMobileBlock;\n}\n"],"names":["SHOW_ON_HOVER","opacity","EuiTableRowCell","Component","isResponsive","tableContext","mobile","args","mobileOptions","isRendered","show","only","tagName","setScopeRow","mobileHeader","header","undefined","textOnly","truncateText","truncate","truncateLines","lines","stickySide","sticky","side","hasActionsOrExpander","hasActions","Boolean","isExpander","wrapsContent","showOnHover","textClass","filter","join","style","widths","widthStyle","base","baseText","cssStyle","toString","htmlSafe","n","prototype","cached","width","minWidth","maxWidth","cellClass","context","getEuiThemeContext","styles","useEuiBorealisStyles","euiTableRowCellStyles","valign","css","CELL_RESET","euiTableRowCell","rowHeader","enlarge","customActions","actions","expander","desktop","stickyStyles","euiClass","euiTableStickyCellStyles","root","mobileHeaderClass","BOX_SIZING","euiTableRowCell__mobileHeader","contentClass","euiTableCellContentStyles","align","cellContentStyles","setComponentTemplate","precompileTemplate","strictMode","scope","TableNode","EuiTextBlockTruncate","useMobileBlock","hasMobileBlock"],"mappings":"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"}