@ember-eui/core 16.0.3 → 16.0.5

package/dist/components/eui-table/sticky-scrollbar.js

@@ -5,10 +5,10 @@ import { modifier } from 'ember-modifier';
 import { BOX_SIZING } from '../../-private/table.js';
 import { getEuiThemeContext } from '../../utils/emotion/consume.js';
 import { useEuiBorealisStyles, euiClass } from '../../utils/eui/styles.js';
-import { eC as euiTableStickyScrollbarStyles } from '../../styles.generated-SYAxYhey.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { g, i, n } from 'decorator-transforms/runtime-esm';
+import { euiTableStickyScrollbarStyles } from '../../utils/eui/styles.generated/components/table/sticky_scrollbar/sticky_scrollbar.styles.js';
 
 class StickyScrollbarState {
   static {

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

@@ -3,11 +3,12 @@ import { cached } from '@glimmer/tracking';
 import { tableContext, CELL_RESET, cellContentStyles, BOX_SIZING, widthStyle } from '../-private/table.js';
 import { getEuiThemeContext } from '../utils/emotion/consume.js';
 import { useEuiBorealisStyles, euiClass } from '../utils/eui/styles.js';
-import { ds as euiTableHeaderFooterCellStyles, dt as euiTableCellContentStyles } from '../styles.generated-SYAxYhey.js';
 import { euiTableStickyCellStyles } from '../utils/eui/table.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { n } from 'decorator-transforms/runtime-esm';
+import { euiTableHeaderFooterCellStyles } from '../utils/eui/styles.generated/components/table/table_cells_shared.styles.js';
+import { euiTableCellContentStyles } from '../utils/eui/styles.generated/components/table/_table_cell_content.styles.js';
 
 class EuiTableFooterCell extends Component {
   /** Sticky cells are not applied in the cards layout (upstream). */get stickySide() {

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

@@ -1 +1 @@
-{"version":3,"file":"eui-table-footer-cell.js","sources":["../../src/components/eui-table-footer-cell.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached } from '@glimmer/tracking';\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 {\n  euiTableCellContentStyles,\n  euiTableHeaderFooterCellStyles\n} from '../utils/eui/styles.generated.ts';\nimport { euiTableStickyCellStyles } from '../utils/eui/table.ts';\n\nimport type { TableAlignment } from '../-private/table.ts';\nimport type { EuiTableStickyCellOptions } from '../utils/eui/table.ts';\n\n/** A cell of an `EuiTableFooter`, e.g. a column's total. */\nexport interface EuiTableFooterCellSignature {\n  Element: HTMLTableCellElement;\n  Args: {\n    /** `'left'`, `'right'` (numbers) or `'center'`. Defaults to `'left'`. */\n    align?: TableAlignment;\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. Upstream beta.\n     */\n    sticky?: EuiTableStickyCellOptions;\n  };\n  Blocks: {\n    /** The content (truncated to one line, as upstream). */\n    default: [];\n  };\n}\n\nexport default class EuiTableFooterCell extends Component<EuiTableFooterCellSignature> {\n  /** Sticky cells are not applied in the cards layout (upstream). */\n  get stickySide(): 'start' | 'end' | undefined {\n    return tableContext(this).isResponsive ? undefined : this.args.sticky?.side;\n  }\n\n  @cached\n  get classes(): string {\n    const context = getEuiThemeContext(this);\n    const styles = useEuiBorealisStyles(context, euiTableHeaderFooterCellStyles);\n    const side = this.stickySide;\n    const sticky = side\n      ? useEuiBorealisStyles(context, euiTableStickyCellStyles)\n      : undefined;\n    return euiClass(\n      context,\n      CELL_RESET,\n      styles.euiTableFooterCell.euiTableFooterCell,\n      tableContext(this).hasBackground\n        ? styles.euiTableFooterCell.hasBackground\n        : undefined,\n      sticky?.root,\n      side ? sticky?.side[side] : undefined\n    );\n  }\n\n  @cached\n  get contentClass(): string {\n    const context = getEuiThemeContext(this);\n    const styles = useEuiBorealisStyles(context, euiTableCellContentStyles);\n    return euiClass(\n      context,\n      BOX_SIZING,\n      ...cellContentStyles(styles, {\n        align: this.args.align,\n        truncateText: true,\n        isResponsive: tableContext(this).isResponsive\n      })\n    );\n  }\n\n  @cached\n  get style() {\n    return widthStyle(this.args.width, this.args.minWidth, this.args.maxWidth);\n  }\n\n  <template>\n    <td\n      class=\"euiTableFooterCell {{this.classes}}\"\n      style={{this.style}}\n      data-sticky={{this.stickySide}}\n      ...attributes\n    >\n      <div class=\"euiTableCellContent {{this.contentClass}}\">\n        <span class=\"euiTableCellContent__text\">{{yield}}</span>\n      </div>\n    </td>\n  </template>\n}\n"],"names":["EuiTableFooterCell","Component","stickySide","tableContext","isResponsive","undefined","args","sticky","side","classes","context","getEuiThemeContext","styles","useEuiBorealisStyles","euiTableHeaderFooterCellStyles","euiTableStickyCellStyles","euiClass","CELL_RESET","euiTableFooterCell","hasBackground","root","n","prototype","cached","contentClass","euiTableCellContentStyles","BOX_SIZING","cellContentStyles","align","truncateText","style","widthStyle","width","minWidth","maxWidth","setComponentTemplate","precompileTemplate","strictMode"],"mappings":";;;;;;;;;;;AA8Ce,MAAMA,2BAA2BC,SAAA,CAAU;qEAExD,IAAIC,UAAAA,GAA0C;AAC5C,IAAA,OAAOC,YAAA,CAAa,IAAI,CAAA,CAAEC,YAAY,GAAGC,SAAA,GAAY,IAAI,CAACC,IAAI,CAACC,MAAM,EAAEC,IAAA;AACzE,EAAA;EAEA,IACIC,OAAAA,GAAkB;AACpB,IAAA,MAAMC,OAAA,GAAUC,mBAAmB,IAAI,CAAA;AACvC,IAAA,MAAMC,MAAA,GAASC,qBAAqBH,OAAA,EAASI,8BAAA,CAAA;AAC7C,IAAA,MAAMN,IAAA,GAAO,IAAI,CAACN,UAAU;IAC5B,MAAMK,MAAA,GAASC,IAAA,GACXK,oBAAA,CAAqBH,OAAA,EAASK,wBAAA,CAAA,GAC9BV,SAAA;AACJ,IAAA,OAAOW,QAAA,CACLN,OAAA,EACAO,UAAA,EACAL,MAAA,CAAOM,kBAAkB,CAACA,kBAAkB,EAC5Cf,YAAA,CAAa,IAAI,CAAA,CAAEgB,aAAa,GAC5BP,OAAOM,kBAAkB,CAACC,aAAa,GACvCd,SAAA,EACJE,MAAA,EAAQa,IAAA,EACRZ,IAAA,GAAOD,MAAA,EAAQC,IAAI,CAACA,IAAA,CAAK,GAAGH,SAAA,CAAA;AAEhC,EAAA;AAAA,EAAA;IAAAgB,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,SAAA,EAAA,CAlBCC,MAAA,CAAA,CAAA;AAAA;EAoBD,IACIC,YAAAA,GAAuB;AACzB,IAAA,MAAMd,OAAA,GAAUC,mBAAmB,IAAI,CAAA;AACvC,IAAA,MAAMC,MAAA,GAASC,qBAAqBH,OAAA,EAASe,yBAAA,CAAA;IAC7C,OAAOT,QAAA,CACLN,OAAA,EACAgB,UAAA,EAAA,GACGC,iBAAA,CAAkBf,MAAA,EAAQ;AAC3BgB,MAAAA,KAAA,EAAO,IAAI,CAACtB,IAAI,CAACsB,KAAK;AACtBC,MAAAA,YAAA,EAAc,IAAA;AACdzB,MAAAA,YAAA,EAAcD,YAAA,CAAa,IAAI,CAAA,CAAEC;AACnC,KAAA,CAAA,CAAA;AAEJ,EAAA;AAAA,EAAA;IAAAiB,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,cAAA,EAAA,CAbCC,MAAA,CAAA,CAAA;AAAA;EAeD,IACIO,KAAAA,GAAQ;AACV,IAAA,OAAOC,WAAW,IAAI,CAACzB,IAAI,CAAC0B,KAAK,EAAE,IAAI,CAAC1B,IAAI,CAAC2B,QAAQ,EAAE,IAAI,CAAC3B,IAAI,CAAC4B,QAAQ,CAAA;AAC3E,EAAA;AAAA,EAAA;IAAAb,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,OAAA,EAAA,CAHCC,MAAA,CAAA,CAAA;AAAA;AAKD,EAAA;IAAAY,oBAAA,CAAAC,kBAAA,CAAA,qQAAA,EAWA;MAAAC,UAAA,EAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;"}
+{"version":3,"file":"eui-table-footer-cell.js","sources":["../../src/components/eui-table-footer-cell.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached } from '@glimmer/tracking';\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 {\n  euiTableCellContentStyles,\n  euiTableHeaderFooterCellStyles\n} from '../utils/eui/styles.generated.ts';\nimport { euiTableStickyCellStyles } from '../utils/eui/table.ts';\n\nimport type { TableAlignment } from '../-private/table.ts';\nimport type { EuiTableStickyCellOptions } from '../utils/eui/table.ts';\n\n/** A cell of an `EuiTableFooter`, e.g. a column's total. */\nexport interface EuiTableFooterCellSignature {\n  Element: HTMLTableCellElement;\n  Args: {\n    /** `'left'`, `'right'` (numbers) or `'center'`. Defaults to `'left'`. */\n    align?: TableAlignment;\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. Upstream beta.\n     */\n    sticky?: EuiTableStickyCellOptions;\n  };\n  Blocks: {\n    /** The content (truncated to one line, as upstream). */\n    default: [];\n  };\n}\n\nexport default class EuiTableFooterCell extends Component<EuiTableFooterCellSignature> {\n  /** Sticky cells are not applied in the cards layout (upstream). */\n  get stickySide(): 'start' | 'end' | undefined {\n    return tableContext(this).isResponsive ? undefined : this.args.sticky?.side;\n  }\n\n  @cached\n  get classes(): string {\n    const context = getEuiThemeContext(this);\n    const styles = useEuiBorealisStyles(context, euiTableHeaderFooterCellStyles);\n    const side = this.stickySide;\n    const sticky = side\n      ? useEuiBorealisStyles(context, euiTableStickyCellStyles)\n      : undefined;\n    return euiClass(\n      context,\n      CELL_RESET,\n      styles.euiTableFooterCell.euiTableFooterCell,\n      tableContext(this).hasBackground\n        ? styles.euiTableFooterCell.hasBackground\n        : undefined,\n      sticky?.root,\n      side ? sticky?.side[side] : undefined\n    );\n  }\n\n  @cached\n  get contentClass(): string {\n    const context = getEuiThemeContext(this);\n    const styles = useEuiBorealisStyles(context, euiTableCellContentStyles);\n    return euiClass(\n      context,\n      BOX_SIZING,\n      ...cellContentStyles(styles, {\n        align: this.args.align,\n        truncateText: true,\n        isResponsive: tableContext(this).isResponsive\n      })\n    );\n  }\n\n  @cached\n  get style() {\n    return widthStyle(this.args.width, this.args.minWidth, this.args.maxWidth);\n  }\n\n  <template>\n    <td\n      class=\"euiTableFooterCell {{this.classes}}\"\n      style={{this.style}}\n      data-sticky={{this.stickySide}}\n      ...attributes\n    >\n      <div class=\"euiTableCellContent {{this.contentClass}}\">\n        <span class=\"euiTableCellContent__text\">{{yield}}</span>\n      </div>\n    </td>\n  </template>\n}\n"],"names":["EuiTableFooterCell","Component","stickySide","tableContext","isResponsive","undefined","args","sticky","side","classes","context","getEuiThemeContext","styles","useEuiBorealisStyles","euiTableHeaderFooterCellStyles","euiTableStickyCellStyles","euiClass","CELL_RESET","euiTableFooterCell","hasBackground","root","n","prototype","cached","contentClass","euiTableCellContentStyles","BOX_SIZING","cellContentStyles","align","truncateText","style","widthStyle","width","minWidth","maxWidth","setComponentTemplate","precompileTemplate","strictMode"],"mappings":";;;;;;;;;;;;AA8Ce,MAAMA,2BAA2BC,SAAA,CAAU;qEAExD,IAAIC,UAAAA,GAA0C;AAC5C,IAAA,OAAOC,YAAA,CAAa,IAAI,CAAA,CAAEC,YAAY,GAAGC,SAAA,GAAY,IAAI,CAACC,IAAI,CAACC,MAAM,EAAEC,IAAA;AACzE,EAAA;EAEA,IACIC,OAAAA,GAAkB;AACpB,IAAA,MAAMC,OAAA,GAAUC,mBAAmB,IAAI,CAAA;AACvC,IAAA,MAAMC,MAAA,GAASC,qBAAqBH,OAAA,EAASI,8BAAA,CAAA;AAC7C,IAAA,MAAMN,IAAA,GAAO,IAAI,CAACN,UAAU;IAC5B,MAAMK,MAAA,GAASC,IAAA,GACXK,oBAAA,CAAqBH,OAAA,EAASK,wBAAA,CAAA,GAC9BV,SAAA;AACJ,IAAA,OAAOW,QAAA,CACLN,OAAA,EACAO,UAAA,EACAL,MAAA,CAAOM,kBAAkB,CAACA,kBAAkB,EAC5Cf,YAAA,CAAa,IAAI,CAAA,CAAEgB,aAAa,GAC5BP,OAAOM,kBAAkB,CAACC,aAAa,GACvCd,SAAA,EACJE,MAAA,EAAQa,IAAA,EACRZ,IAAA,GAAOD,MAAA,EAAQC,IAAI,CAACA,IAAA,CAAK,GAAGH,SAAA,CAAA;AAEhC,EAAA;AAAA,EAAA;IAAAgB,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,SAAA,EAAA,CAlBCC,MAAA,CAAA,CAAA;AAAA;EAoBD,IACIC,YAAAA,GAAuB;AACzB,IAAA,MAAMd,OAAA,GAAUC,mBAAmB,IAAI,CAAA;AACvC,IAAA,MAAMC,MAAA,GAASC,qBAAqBH,OAAA,EAASe,yBAAA,CAAA;IAC7C,OAAOT,QAAA,CACLN,OAAA,EACAgB,UAAA,EAAA,GACGC,iBAAA,CAAkBf,MAAA,EAAQ;AAC3BgB,MAAAA,KAAA,EAAO,IAAI,CAACtB,IAAI,CAACsB,KAAK;AACtBC,MAAAA,YAAA,EAAc,IAAA;AACdzB,MAAAA,YAAA,EAAcD,YAAA,CAAa,IAAI,CAAA,CAAEC;AACnC,KAAA,CAAA,CAAA;AAEJ,EAAA;AAAA,EAAA;IAAAiB,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,cAAA,EAAA,CAbCC,MAAA,CAAA,CAAA;AAAA;EAeD,IACIO,KAAAA,GAAQ;AACV,IAAA,OAAOC,WAAW,IAAI,CAACzB,IAAI,CAAC0B,KAAK,EAAE,IAAI,CAAC1B,IAAI,CAAC2B,QAAQ,EAAE,IAAI,CAAC3B,IAAI,CAAC4B,QAAQ,CAAA;AAC3E,EAAA;AAAA,EAAA;IAAAb,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,OAAA,EAAA,CAHCC,MAAA,CAAA,CAAA;AAAA;AAKD,EAAA;IAAAY,oBAAA,CAAAC,kBAAA,CAAA,qQAAA,EAWA;MAAAC,UAAA,EAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;"}

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

@@ -4,12 +4,13 @@ import didInsert from '@ember/render-modifiers/modifiers/did-insert';
 import { buttonReset } from '../-private/table.js';
 import { getEuiThemeContext } from '../utils/emotion/consume.js';
 import { useEuiBorealisStyles, euiClass } from '../utils/eui/styles.js';
-import { az as euiTextTruncate, ds as euiTableHeaderFooterCellStyles } from '../styles.generated-SYAxYhey.js';
 import EuiIcon from './eui-icon.js';
 import EuiImage$1 from './eui-inner-text.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { n } from 'decorator-transforms/runtime-esm';
+import { euiTextTruncate } from '../utils/eui/styles.generated/shared/OM62WJTY.js';
+import { euiTableHeaderFooterCellStyles } from '../utils/eui/styles.generated/components/table/table_cells_shared.styles.js';
 
 const TRUNCATE = euiTextTruncate();
 const LAYOUT = {

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

@@ -1 +1 @@
-{"version":3,"file":"eui-table-header-button.js","sources":["../../src/components/eui-table-header-button.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached } from '@glimmer/tracking';\nimport didInsert from '@ember/render-modifiers/modifiers/did-insert';\n\nimport { buttonReset } from '../-private/table.ts';\nimport { getEuiThemeContext } from '../utils/emotion/consume.ts';\nimport { euiClass, useEuiBorealisStyles } from '../utils/eui/styles.ts';\nimport {\n  euiTableHeaderFooterCellStyles,\n  euiTextTruncate\n} from '../utils/eui/styles.generated.ts';\nimport EuiIcon from './eui-icon.gts';\nimport EuiInnerText from './eui-inner-text.gts';\n\nimport type { EuiIconSignature } from './eui-icon';\n\n/**\n * A button in a header cell, e.g. a column that opens a menu. Upstream\n * removed this component; it uses the header sort button's styles\n * (full width, primary underline on hover and focus).\n */\nexport interface EuiTableHeaderButtonSignature {\n  Element: HTMLButtonElement;\n  Args: {\n    /** Icon after the text, any `EuiIcon` type. */\n    iconType?: EuiIconSignature['Args']['type'];\n  };\n  Blocks: {\n    /** The text. */\n    default: [];\n  };\n}\n\nconst TRUNCATE = euiTextTruncate();\nconst LAYOUT = {\n  display: 'inline-flex',\n  alignItems: 'center',\n  maxInlineSize: '100%'\n} as const;\n\nexport default class EuiTableHeaderButton extends Component<EuiTableHeaderButtonSignature> {\n  @cached\n  get styles() {\n    const context = getEuiThemeContext(this);\n    const styles = useEuiBorealisStyles(context, euiTableHeaderFooterCellStyles);\n    return {\n      button: euiClass(\n        context,\n        buttonReset(context.upstream),\n        styles.euiTableHeaderCell__button,\n        LAYOUT,\n        styles.euiTableHeaderCell__content\n      ),\n      text: euiClass(context, TRUNCATE)\n    };\n  }\n\n  <template>\n    <button\n      type=\"button\"\n      class=\"euiTableHeaderButton {{this.styles.button}}\"\n      ...attributes\n    >\n      <EuiInnerText as |ref innerText|>\n        <span\n          class={{this.styles.text}}\n          title={{innerText}}\n          {{didInsert ref}}\n        >{{yield}}</span>\n      </EuiInnerText>\n      {{#if @iconType}}\n        <EuiIcon\n          class=\"euiTableHeaderButton__icon\"\n          @type={{@iconType}}\n          @size=\"m\"\n          aria-hidden=\"true\"\n        />\n      {{/if}}\n    </button>\n  </template>\n}\n"],"names":["TRUNCATE","euiTextTruncate","LAYOUT","display","alignItems","maxInlineSize","EuiTableHeaderButton","Component","styles","context","getEuiThemeContext","useEuiBorealisStyles","euiTableHeaderFooterCellStyles","button","euiClass","buttonReset","upstream","euiTableHeaderCell__button","euiTableHeaderCell__content","text","n","prototype","cached","setComponentTemplate","precompileTemplate","strictMode","scope","EuiInnerText","didInsert","EuiIcon"],"mappings":";;;;;;;;;;;;;AAiCA,MAAMA,QAAA,GAAWC,eAAA,EAAA;AACjB,MAAMC,MAAA,GAAS;AACbC,EAAAA,OAAA,EAAS,aAAA;AACTC,EAAAA,UAAA,EAAY,QAAA;AACZC,EAAAA,aAAA,EAAe;AACjB,CAAA;AAEe,MAAMC,6BAA6BC,SAAA,CAAU;EAC1D,IACIC,MAAAA,GAAS;AACX,IAAA,MAAMC,OAAA,GAAUC,mBAAmB,IAAI,CAAA;AACvC,IAAA,MAAMF,MAAA,GAASG,qBAAqBF,OAAA,EAASG,8BAAA,CAAA;IAC7C,OAAO;MACLC,MAAA,EAAQC,QAAA,CACNL,OAAA,EACAM,WAAA,CAAYN,OAAA,CAAQO,QAAQ,CAAA,EAC5BR,MAAA,CAAOS,0BAA0B,EACjCf,MAAA,EACAM,MAAA,CAAOU,2BAA2B,CAAA;AAEpCC,MAAAA,IAAA,EAAML,SAASL,OAAA,EAAST,QAAA;KAC1B;AACF,EAAA;AAAA,EAAA;IAAAoB,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,QAAA,EAAA,CAdCC,MAAA,CAAA,CAAA;AAAA;AAgBD,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,yYAAA,EAsBA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;sBAAAC,UAAA;QAAAC,SAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;"}
+{"version":3,"file":"eui-table-header-button.js","sources":["../../src/components/eui-table-header-button.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached } from '@glimmer/tracking';\nimport didInsert from '@ember/render-modifiers/modifiers/did-insert';\n\nimport { buttonReset } from '../-private/table.ts';\nimport { getEuiThemeContext } from '../utils/emotion/consume.ts';\nimport { euiClass, useEuiBorealisStyles } from '../utils/eui/styles.ts';\nimport {\n  euiTableHeaderFooterCellStyles,\n  euiTextTruncate\n} from '../utils/eui/styles.generated.ts';\nimport EuiIcon from './eui-icon.gts';\nimport EuiInnerText from './eui-inner-text.gts';\n\nimport type { EuiIconSignature } from './eui-icon';\n\n/**\n * A button in a header cell, e.g. a column that opens a menu. Upstream\n * removed this component; it uses the header sort button's styles\n * (full width, primary underline on hover and focus).\n */\nexport interface EuiTableHeaderButtonSignature {\n  Element: HTMLButtonElement;\n  Args: {\n    /** Icon after the text, any `EuiIcon` type. */\n    iconType?: EuiIconSignature['Args']['type'];\n  };\n  Blocks: {\n    /** The text. */\n    default: [];\n  };\n}\n\nconst TRUNCATE = euiTextTruncate();\nconst LAYOUT = {\n  display: 'inline-flex',\n  alignItems: 'center',\n  maxInlineSize: '100%'\n} as const;\n\nexport default class EuiTableHeaderButton extends Component<EuiTableHeaderButtonSignature> {\n  @cached\n  get styles() {\n    const context = getEuiThemeContext(this);\n    const styles = useEuiBorealisStyles(context, euiTableHeaderFooterCellStyles);\n    return {\n      button: euiClass(\n        context,\n        buttonReset(context.upstream),\n        styles.euiTableHeaderCell__button,\n        LAYOUT,\n        styles.euiTableHeaderCell__content\n      ),\n      text: euiClass(context, TRUNCATE)\n    };\n  }\n\n  <template>\n    <button\n      type=\"button\"\n      class=\"euiTableHeaderButton {{this.styles.button}}\"\n      ...attributes\n    >\n      <EuiInnerText as |ref innerText|>\n        <span\n          class={{this.styles.text}}\n          title={{innerText}}\n          {{didInsert ref}}\n        >{{yield}}</span>\n      </EuiInnerText>\n      {{#if @iconType}}\n        <EuiIcon\n          class=\"euiTableHeaderButton__icon\"\n          @type={{@iconType}}\n          @size=\"m\"\n          aria-hidden=\"true\"\n        />\n      {{/if}}\n    </button>\n  </template>\n}\n"],"names":["TRUNCATE","euiTextTruncate","LAYOUT","display","alignItems","maxInlineSize","EuiTableHeaderButton","Component","styles","context","getEuiThemeContext","useEuiBorealisStyles","euiTableHeaderFooterCellStyles","button","euiClass","buttonReset","upstream","euiTableHeaderCell__button","euiTableHeaderCell__content","text","n","prototype","cached","setComponentTemplate","precompileTemplate","strictMode","scope","EuiInnerText","didInsert","EuiIcon"],"mappings":";;;;;;;;;;;;;;AAiCA,MAAMA,QAAA,GAAWC,eAAA,EAAA;AACjB,MAAMC,MAAA,GAAS;AACbC,EAAAA,OAAA,EAAS,aAAA;AACTC,EAAAA,UAAA,EAAY,QAAA;AACZC,EAAAA,aAAA,EAAe;AACjB,CAAA;AAEe,MAAMC,6BAA6BC,SAAA,CAAU;EAC1D,IACIC,MAAAA,GAAS;AACX,IAAA,MAAMC,OAAA,GAAUC,mBAAmB,IAAI,CAAA;AACvC,IAAA,MAAMF,MAAA,GAASG,qBAAqBF,OAAA,EAASG,8BAAA,CAAA;IAC7C,OAAO;MACLC,MAAA,EAAQC,QAAA,CACNL,OAAA,EACAM,WAAA,CAAYN,OAAA,CAAQO,QAAQ,CAAA,EAC5BR,MAAA,CAAOS,0BAA0B,EACjCf,MAAA,EACAM,MAAA,CAAOU,2BAA2B,CAAA;AAEpCC,MAAAA,IAAA,EAAML,SAASL,OAAA,EAAST,QAAA;KAC1B;AACF,EAAA;AAAA,EAAA;IAAAoB,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,QAAA,EAAA,CAdCC,MAAA,CAAA,CAAA;AAAA;AAgBD,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,yYAAA,EAsBA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;sBAAAC,UAAA;QAAAC,SAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;"}

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

@@ -3,10 +3,10 @@ import { cached } from '@glimmer/tracking';
 import { StickyHeaderCellSync, tableContext, CELL_RESET, widthStyle, stickyHeaderCopy, stickyHeaderOriginal } 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 { n } from 'decorator-transforms/runtime-esm';
+import { euiTableCellCheckboxStyles } from '../utils/eui/styles.generated/components/table/table_cells_shared.styles.js';
 
 class EuiTableHeaderCellCheckbox extends Component {
   stickySync = new StickyHeaderCellSync();

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

@@ -6,7 +6,6 @@ import { service } from '@ember/service';
 import { StickyHeaderCellSync, tableContext, widthStyle, cellContentStyles, BOX_SIZING, buttonReset, CELL_RESET, stickyHeaderCopy, stickyHeaderOriginal } from '../-private/table.js';
 import { getEuiThemeContext } from '../utils/emotion/consume.js';
 import { useEuiBorealisStyles, euiClass } from '../utils/eui/styles.js';
-import { az as euiTextTruncate, ds as euiTableHeaderFooterCellStyles, dt as euiTableCellContentStyles } from '../styles.generated-SYAxYhey.js';
 import { euiTableStickyCellStyles } from '../utils/eui/table.js';
 import EuiIcon from './eui-icon.js';
 import EuiImage$1 from './eui-inner-text.js';
@@ -17,6 +16,9 @@ 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';
+import { euiTextTruncate } from '../utils/eui/styles.generated/shared/OM62WJTY.js';
+import { euiTableHeaderFooterCellStyles } from '../utils/eui/styles.generated/components/table/table_cells_shared.styles.js';
+import { euiTableCellContentStyles } from '../utils/eui/styles.generated/components/table/_table_cell_content.styles.js';
 
 /** Shows the tooltip on the whole sort button (upstream wraps it in `EuiToolTip`). */const MaybeTooltip = setComponentTemplate(precompileTemplate("{{#if @tooltipProps}}\n  <EuiToolTip @content={{@tooltipProps.content}} @position={{@tooltipProps.tooltipProps.position}} @title={{@tooltipProps.tooltipProps.title}} @delay={{@tooltipProps.tooltipProps.delay}} @anchorClassName={{@tooltipProps.tooltipProps.anchorClassName}} @display=\"block\">{{yield}}</EuiToolTip>\n{{else}}\n  {{yield}}\n{{/if}}", {
   strictMode: true,

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 { 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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"}
+{"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

@@ -3,10 +3,10 @@ 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 { g, i, n } from 'decorator-transforms/runtime-esm';
+import { euiTableHeaderMobileStyles } from '../utils/eui/styles.generated/components/table/mobile/table_header_mobile.styles.js';
 
 class EuiTableHeaderMobile extends Component {
   static {

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

@@ -3,10 +3,10 @@ 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 { n } from 'decorator-transforms/runtime-esm';
+import { euiTableCellCheckboxStyles } from '../utils/eui/styles.generated/components/table/table_cells_shared.styles.js';
 
 class EuiTableRowCellCheckbox extends Component {
   get classes() {

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

@@ -4,7 +4,6 @@ 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';
@@ -12,6 +11,8 @@ import EuiTextBlockTruncate from './eui-text-block-truncate.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { n } from 'decorator-transforms/runtime-esm';
+import { euiTableRowCellStyles } from '../utils/eui/styles.generated/components/table/table_row_cell.styles.js';
+import { euiTableCellContentStyles } from '../utils/eui/styles.generated/components/table/_table_cell_content.styles.js';
 
 /** Ember's `@showOnHover` reveals its content on any row hover. */const SHOW_ON_HOVER = {
   '.euiTableRow:hover &, &:focus-within': {

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 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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"}
+{"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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"}

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

@@ -4,10 +4,10 @@ import { on } from '@ember/modifier';
 import { tableContext } from '../-private/table.js';
 import { getEuiThemeContext } from '../utils/emotion/consume.js';
 import { useEuiBorealisStyles, euiClass } from '../utils/eui/styles.js';
-import { dw as euiTableRowStyles } from '../styles.generated-SYAxYhey.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { n } from 'decorator-transforms/runtime-esm';
+import { euiTableRowStyles } from '../utils/eui/styles.generated/components/table/table_row.styles.js';
 
 // Space would scroll the page: prevent it, and click on key up
 function onKeyDown(onClick) {

package/dist/components/eui-table.js

@@ -6,12 +6,14 @@ import { provide } from 'ember-provide-consume-context';
 import { EUI_TABLE_CONTEXT, DEFAULT_TABLE_BREAKPOINT, minBreakpointQuery, isTableResponsive, TABLE_RESET, onMediaQueryChange } from '../-private/table.js';
 import { getEuiThemeContext } from '../utils/emotion/consume.js';
 import { useEuiBorealisStyles, euiClass } from '../utils/eui/styles.js';
-import { dp as euiContainerCSS, dq as EUI_TABLE_CSS_CONTAINER_NAME, dr as euiTableStyles } from '../styles.generated-SYAxYhey.js';
 import EuiTableStickyHeader from './eui-table/sticky-header.js';
 import EuiTableStickyScrollbar, { StickyScrollbarState } from './eui-table/sticky-scrollbar.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { g, i, n } from 'decorator-transforms/runtime-esm';
+import { euiContainerCSS } from '../utils/eui/styles.generated/shared/ITO4GMBL.js';
+import { EUI_TABLE_CSS_CONTAINER_NAME } from '../utils/eui/styles.generated/shared/UMXTDMKT.js';
+import { euiTableStyles } from '../utils/eui/styles.generated/shared/AK7JHATO.js';
 
 /**
  * The sticky header row of each table, created once: the sticky header

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

@@ -1 +1 @@
-{"version":3,"file":"eui-table.js","sources":["../../src/components/eui-table.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached, tracked } from '@glimmer/tracking';\nimport { schedule } from '@ember/runloop';\n\nimport { modifier } from 'ember-modifier';\nimport { provide } from 'ember-provide-consume-context';\n\nimport {\n  DEFAULT_TABLE_BREAKPOINT,\n  EUI_TABLE_CONTEXT,\n  TABLE_RESET,\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 type { EuiCss } from '../utils/eui/styles.ts';\nimport {\n  EUI_TABLE_CSS_CONTAINER_NAME,\n  euiContainerCSS,\n  euiTableStyles\n} from '../utils/eui/styles.generated.ts';\nimport EuiTableStickyHeader from './eui-table/sticky-header.gts';\nimport EuiTableStickyScrollbar, {\n  StickyScrollbarState\n} from './eui-table/sticky-scrollbar.gts';\n\nimport type {\n  EuiTableContext,\n  StickyHeaderCellSync,\n  TableResponsiveBreakpoint\n} from '../-private/table.ts';\nimport type { StickyHeaderHost } from './eui-table/sticky-header.gts';\n\n/**\n * A styled `<table>`, built from `EuiTableHeader`, `EuiTableHeaderCell`,\n * `EuiTableBody`, `EuiTableRow` and `EuiTableRowCell`. These components\n * only render the markup: sorting, selection and pagination stay yours\n * (or come from a headless table library).\n *\n * Like upstream, the table is wrapped in a `div.euiTable__wrapper`;\n * attributes go to the `<table>`. `@stickyHeader` renders a copy of the\n * header before the wrapper, and `@stickyScrollbar` a scrollbar after it.\n */\nexport interface EuiTableSignature {\n  Element: HTMLTableElement;\n  Args: {\n    /**\n     * Extra styles composed last into the `<table>`'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    /** Smaller text and padding (not applied to the cards layout). */\n    compressed?: boolean;\n    /**\n     * `'fixed'` (columns share the width, text wraps or truncates) or\n     * `'auto'` (columns fit their content). Defaults to `'fixed'`.\n     */\n    tableLayout?: 'fixed' | 'auto';\n    /**\n     * Rows become cards below `@responsiveBreakpoint`. Defaults to `true`;\n     * `false` never collapses (same as `@responsiveBreakpoint={{false}}`).\n     */\n    responsive?: boolean;\n    /**\n     * Named theme breakpoint below which rows become cards; `true` always\n     * renders cards, `false` never. Defaults to `'m'` (upstream). Takes\n     * precedence over `@responsive`.\n     */\n    responsiveBreakpoint?: TableResponsiveBreakpoint;\n    /** The table's plain background. Defaults to `true`. */\n    hasBackground?: boolean;\n    /**\n     * Lets the table grow wider than its container and scroll inline.\n     * Use with `@tableLayout=\"auto\"`. Upstream beta.\n     */\n    scrollableInline?: boolean;\n    /**\n     * Shows a horizontal scrollbar sticking to the bottom of the viewport\n     * while the table's own one is out of view (long tables). Requires\n     * `@scrollableInline`. Upstream beta.\n     */\n    stickyScrollbar?: boolean;\n    /**\n     * Keeps the header at the top of the viewport while the user scrolls\n     * through a long table (not in the cards layout). Offset it with the\n     * `--euiTableStickyHeaderOffsetTop` CSS variable (e.g. below a fixed\n     * header) and layer it with `--euiTableStickyHeaderZIndex`. Upstream\n     * beta.\n     */\n    stickyHeader?: boolean;\n  };\n  Blocks: {\n    /** The header, body and footer. */\n    default: [];\n  };\n}\n\n/**\n * The sticky header row of each table, created once: the sticky header\n * attaches it and header cells render their copies into it.\n */\nconst STICKY_ROWS = new WeakMap<object, HTMLTableRowElement>();\nfunction stickyRowOf(table: object): HTMLTableRowElement {\n  let row = STICKY_ROWS.get(table);\n  if (!row) STICKY_ROWS.set(table, (row = document.createElement('tr')));\n  return row;\n}\n\nconst WRAPPER_CONTAINER = euiContainerCSS(\n  'normal',\n  EUI_TABLE_CSS_CONTAINER_NAME,\n  true\n);\n\nexport default class EuiTable\n  extends Component<EuiTableSignature>\n  implements EuiTableContext, StickyHeaderHost\n{\n  /** Bumped when the breakpoint query starts or stops matching. */\n  @tracked private mediaVersion = 0;\n\n  // Elements of the sticky header and scrollbar (DOM refs, not state).\n  tableElement?: HTMLTableElement;\n  stickyContainer?: HTMLElement;\n  stickyTable?: HTMLTableElement;\n  private stickyCells = new Set<StickyHeaderCellSync>();\n  private reorderScheduled = false;\n  stickyScrollbar = new StickyScrollbarState();\n\n  @provide(EUI_TABLE_CONTEXT)\n  get tableContext(): EuiTableContext {\n    return this;\n  }\n\n  get responsiveBreakpoint(): TableResponsiveBreakpoint {\n    const { responsiveBreakpoint, responsive } = this.args;\n    if (responsiveBreakpoint !== undefined) return responsiveBreakpoint;\n    return responsive === false ? false : DEFAULT_TABLE_BREAKPOINT;\n  }\n\n  @cached\n  get query(): string | undefined {\n    return minBreakpointQuery(\n      getEuiThemeContext(this).upstream,\n      this.responsiveBreakpoint\n    );\n  }\n\n  @cached\n  get isResponsive(): boolean {\n    // consumed so the media query listener can invalidate this getter\n    void this.mediaVersion;\n    return isTableResponsive(this.responsiveBreakpoint, this.query);\n  }\n\n  get hasBackground(): boolean {\n    return this.args.hasBackground ?? true;\n  }\n\n  onBreakpointChange = (): void => {\n    this.mediaVersion++;\n  };\n\n  /** Upstream renders the sticky header only outside the cards layout. */\n  get showStickyHeader(): boolean {\n    return Boolean(this.args.stickyHeader) && !this.isResponsive;\n  }\n\n  get showStickyScrollbar(): boolean {\n    return Boolean(this.args.scrollableInline && this.args.stickyScrollbar);\n  }\n\n  get stickyHeaderRow(): HTMLTableRowElement | undefined {\n    if (!this.showStickyHeader || typeof document === 'undefined') {\n      return undefined;\n    }\n    return stickyRowOf(this);\n  }\n\n  private get stickyRow(): HTMLTableRowElement | undefined {\n    return STICKY_ROWS.get(this);\n  }\n\n  registerStickyHeaderCell = (cell: StickyHeaderCellSync): (() => void) => {\n    this.stickyCells.add(cell);\n    this.scheduleStickyReorder();\n    return () => {\n      this.stickyCells.delete(cell);\n    };\n  };\n\n  /**\n   * Copies are appended in render order; put them back in the order of\n   * their header cells after cells are added or moved (upstream renders\n   * the store's columns in order).\n   */\n  scheduleStickyReorder(): void {\n    if (this.reorderScheduled) return;\n    this.reorderScheduled = true;\n    schedule('afterRender', () => {\n      this.reorderScheduled = false;\n      const row = this.stickyRow;\n      if (!row || this.isDestroying || this.isDestroyed) return;\n      const cells = [...this.stickyCells].filter(\n        (cell) => cell.original?.isConnected && cell.copy?.parentNode === row\n      );\n      cells.sort((a, b) =>\n        a.original!.compareDocumentPosition(b.original!) &\n        Node.DOCUMENT_POSITION_FOLLOWING\n          ? -1\n          : 1\n      );\n      cells.forEach((cell, index) => {\n        if (row.children[index] !== cell.copy) {\n          row.insertBefore(cell.copy!, row.children[index] ?? null);\n        }\n      });\n    });\n  }\n\n  /**\n   * On the `<table>`: syncs the sticky header's inline scroll and width\n   * with the table (upstream does it in `EuiTableStickyHeader`), watches\n   * header cells moving, and observes the scrolling wrapper for the\n   * sticky scrollbar.\n   */\n  setupTable = modifier(\n    (\n      table: HTMLTableElement,\n      [scrollableInline, stickyHeader, stickyScrollbar]: [\n        boolean | undefined,\n        boolean,\n        boolean\n      ]\n    ) => {\n      this.tableElement = table;\n      const wrapper = table.parentElement!;\n      const cleanups: Array<() => void> = [];\n\n      if (stickyHeader && typeof MutationObserver !== 'undefined') {\n        // header cells moved by their parent (e.g. reordered columns)\n        const observer = new MutationObserver((records) => {\n          if (\n            records.some((record) =>\n              (record.target as Element).closest?.('thead')\n            )\n          ) {\n            this.scheduleStickyReorder();\n          }\n        });\n        observer.observe(table, { childList: true, subtree: true });\n        cleanups.push(() => observer.disconnect());\n      }\n\n      if (stickyHeader && scrollableInline) {\n        const onScroll = () => {\n          if (this.stickyContainer) {\n            this.stickyContainer.scrollLeft = wrapper.scrollLeft;\n          }\n        };\n        if (this.stickyTable) {\n          this.stickyTable.style.minWidth = `${table.getBoundingClientRect().width}px`;\n        }\n        wrapper.addEventListener('scroll', onScroll, { passive: true });\n        cleanups.push(() => wrapper.removeEventListener('scroll', onScroll));\n        if (typeof ResizeObserver !== 'undefined') {\n          const observer = new ResizeObserver((entries) => {\n            const element = entries[0]?.target;\n            if (element && this.stickyTable) {\n              this.stickyTable.style.minWidth = `${element.clientWidth}px`;\n            }\n          });\n          observer.observe(table);\n          cleanups.push(() => observer.disconnect());\n        }\n      }\n\n      if (stickyScrollbar) {\n        cleanups.push(this.stickyScrollbar.observe(wrapper));\n      }\n\n      return () => {\n        cleanups.forEach((cleanup) => cleanup());\n        if (this.tableElement === table) this.tableElement = undefined;\n      };\n    }\n  );\n\n  @cached\n  get wrapperClass(): string {\n    const context = getEuiThemeContext(this);\n    const styles = useEuiBorealisStyles(context, euiTableStyles);\n    return euiClass(\n      context,\n      WRAPPER_CONTAINER,\n      this.args.scrollableInline ? styles.scrollableWrapper : undefined\n    );\n  }\n\n  @cached\n  get tableClass(): string {\n    const context = getEuiThemeContext(this);\n    const styles = useEuiBorealisStyles(context, euiTableStyles);\n    const { compressed, scrollableInline, tableLayout } = this.args;\n    const responsive = this.isResponsive;\n    // Same order as upstream's `tableStyles`.\n    return euiClass(\n      context,\n      TABLE_RESET,\n      styles.euiTable,\n      scrollableInline ? styles.euiTableScrollableInline : undefined,\n      styles.layout[tableLayout === 'auto' ? 'auto' : 'fixed'],\n      !compressed || responsive ? styles.uncompressed : undefined,\n      compressed && !responsive ? styles.compressed : undefined,\n      this.hasBackground ? styles.hasBackground : undefined,\n      responsive ? styles.mobile : styles.desktop,\n      this.args.css\n    );\n  }\n\n  <template>\n    {{#if this.showStickyHeader}}\n      <EuiTableStickyHeader\n        @table={{this}}\n        @compressed={{@compressed}}\n        @scrollableInline={{@scrollableInline}}\n      />\n    {{/if}}\n    <div\n      class=\"euiTable__wrapper {{this.wrapperClass}}\"\n      {{onMediaQueryChange this.query this.onBreakpointChange}}\n    >\n      <table\n        tabindex=\"-1\"\n        class=\"euiTable {{this.tableClass}}\"\n        ...attributes\n        {{this.setupTable\n          @scrollableInline\n          this.showStickyHeader\n          this.showStickyScrollbar\n        }}\n      >{{yield}}</table>\n    </div>\n    {{#if this.showStickyScrollbar}}\n      <EuiTableStickyScrollbar @state={{this.stickyScrollbar}} />\n    {{/if}}\n  </template>\n}\n"],"names":["STICKY_ROWS","WeakMap","stickyRowOf","table","row","get","set","document","createElement","WRAPPER_CONTAINER","euiContainerCSS","EUI_TABLE_CSS_CONTAINER_NAME","EuiTable","Component","g","prototype","tracked","i","tableElement","stickyContainer","stickyTable","stickyCells","Set","reorderScheduled","stickyScrollbar","StickyScrollbarState","tableContext","n","provide","EUI_TABLE_CONTEXT","responsiveBreakpoint","responsive","args","undefined","DEFAULT_TABLE_BREAKPOINT","query","minBreakpointQuery","getEuiThemeContext","upstream","cached","isResponsive","mediaVersion","isTableResponsive","hasBackground","onBreakpointChange","showStickyHeader","Boolean","stickyHeader","showStickyScrollbar","scrollableInline","stickyHeaderRow","stickyRow","registerStickyHeaderCell","cell","add","scheduleStickyReorder","delete","schedule","isDestroying","isDestroyed","cells","filter","original","isConnected","copy","parentNode","sort","a","b","compareDocumentPosition","Node","DOCUMENT_POSITION_FOLLOWING","forEach","index","children","insertBefore","setupTable","modifier","wrapper","parentElement","cleanups","MutationObserver","observer","records","some","record","target","closest","observe","childList","subtree","push","disconnect","onScroll","scrollLeft","style","minWidth","getBoundingClientRect","width","addEventListener","passive","removeEventListener","ResizeObserver","entries","element","clientWidth","cleanup","wrapperClass","context","styles","useEuiBorealisStyles","euiTableStyles","euiClass","scrollableWrapper","tableClass","compressed","tableLayout","TABLE_RESET","euiTable","euiTableScrollableInline","layout","uncompressed","mobile","desktop","css","setComponentTemplate","precompileTemplate","strictMode","scope","EuiTableStickyHeader","onMediaQueryChange","EuiTableStickyScrollbar"],"mappings":";;;;;;;;;;;;;;;AAmGA;;;AAGC;AACD,MAAMA,WAAA,GAAc,IAAIC,OAAA,EAAgB;AACxC,SAASC,WAAAA,CAAYC,KAAa,EAAG;AACnC,EAAA,IAAIC,GAAA,GAAMJ,WAAA,CAAYK,GAAG,CAACF,KAAA,CAAA;AAC1B,EAAA,IAAI,CAACC,GAAA,EAAKJ,WAAA,CAAYM,GAAG,CAACH,KAAA,EAAQC,GAAA,GAAMG,QAAA,CAASC,aAAa,CAAC,IAAA,CAAK,CAAA;AACpE,EAAA,OAAOJ,GAAA;AACT;AAEA,MAAMK,iBAAA,GAAoBC,eAAA,CACxB,QAAA,EACAC,4BAAA,EACA,IAAA,CAAA;AAGa,MAAMC,QAAA,SACXC,SAAA,CACoB;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,cAAA,EAAA,CAG3BC,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;AADhC;AAGA;EACAC,YAAA;EACAC,eAAA;EACAC,WAAA;AACQC,EAAAA,WAAA,GAAc,IAAIC,GAAA,EAAI;AACtBC,EAAAA,mBAAmB,KAAA;AAC3BC,EAAAA,eAAA,GAAkB,IAAIC,oBAAA,EAAA;EAEtB,IACIC,eAAgC;AAClC,IAAA,OAAO,IAAI;AACb,EAAA;AAAA,EAAA;AAAAC,IAAAA,CAAA,MAAAZ,SAAA,EAAA,cAAA,EAAA,CAHCa,OAAA,CAAQC,iBAAA,CAAA,CAAA,CAAA;AAAA;EAKT,IAAIC,uBAAkD;IACpD,MAAM;MAAEA,oBAAoB;AAAEC,MAAAA;KAAY,GAAG,IAAI,CAACC,IAAI;AACtD,IAAA,IAAIF,oBAAA,KAAyBG,WAAW,OAAOH,oBAAA;AAC/C,IAAA,OAAOC,UAAA,KAAe,QAAQ,KAAA,GAAQG,wBAAA;AACxC,EAAA;EAEA,IACIC,KAAAA,GAA4B;AAC9B,IAAA,OAAOC,kBAAA,CACLC,mBAAmB,IAAI,CAAA,CAAEC,QAAQ,EACjC,IAAI,CAACR,oBAAoB,CAAA;AAE7B,EAAA;AAAA,EAAA;IAAAH,CAAA,CAAA,IAAA,CAAAZ,SAAA,EAAA,OAAA,EAAA,CANCwB,MAAA,CAAA,CAAA;AAAA;EAQD,IACIC,YAAAA,GAAwB;AAC1B;IACA,KAAK,IAAI,CAACC,YAAY;IACtB,OAAOC,kBAAkB,IAAI,CAACZ,oBAAoB,EAAE,IAAI,CAACK,KAAK,CAAA;AAChE,EAAA;AAAA,EAAA;IAAAR,CAAA,CAAA,IAAA,CAAAZ,SAAA,EAAA,cAAA,EAAA,CALCwB,MAAA,CAAA,CAAA;AAAA;EAOD,IAAII,aAAAA,GAAyB;AAC3B,IAAA,OAAO,IAAI,CAACX,IAAI,CAACW,aAAa,IAAI,IAAA;AACpC,EAAA;EAEAC,kBAAA,GAAqBA,MAAQ;IAC3B,IAAI,CAACH,YAAY,EAAA;EACnB,CAAA;AAEA;EACA,IAAII,gBAAAA,GAA4B;AAC9B,IAAA,OAAOC,OAAA,CAAQ,IAAI,CAACd,IAAI,CAACe,YAAY,CAAA,IAAK,CAAC,IAAI,CAACP,YAAY;AAC9D,EAAA;EAEA,IAAIQ,mBAAAA,GAA+B;AACjC,IAAA,OAAOF,OAAA,CAAQ,IAAI,CAACd,IAAI,CAACiB,gBAAgB,IAAI,IAAI,CAACjB,IAAI,CAACR,eAAe,CAAA;AACxE,EAAA;EAEA,IAAI0B,eAAAA,GAAmD;IACrD,IAAI,CAAC,IAAI,CAACL,gBAAgB,IAAI,OAAOtC,aAAa,WAAA,EAAa;AAC7D,MAAA,OAAO0B,SAAA;AACT,IAAA;IACA,OAAO/B,YAAY,IAAI,CAAA;AACzB,EAAA;EAEA,IAAYiD,SAAAA,GAA6C;AACvD,IAAA,OAAOnD,WAAA,CAAYK,GAAG,CAAC,IAAI,CAAA;AAC7B,EAAA;EAEA+C,wBAAA,GAA4BC,IAAM,IAAkC;AAClE,IAAA,IAAI,CAAChC,WAAW,CAACiC,GAAG,CAACD,IAAA,CAAA;IACrB,IAAI,CAACE,qBAAqB,EAAA;AAC1B,IAAA,OAAO,MAAA;AACL,MAAA,IAAI,CAAClC,WAAW,CAACmC,MAAM,CAACH,IAAA,CAAA;IAC1B,CAAA;EACF,CAAA;AAEA;;;;;AAKAE,EAAAA,qBAAAA,GAA8B;IAC5B,IAAI,IAAI,CAAChC,gBAAgB,EAAE;IAC3B,IAAI,CAACA,gBAAgB,GAAG,IAAA;IACxBkC,QAAA,CAAS,aAAA,EAAe,MAAA;MACtB,IAAI,CAAClC,gBAAgB,GAAG,KAAA;AACxB,MAAA,MAAMnB,GAAA,GAAM,IAAI,CAAC+C,SAAS;MAC1B,IAAI,CAAC/C,OAAO,IAAI,CAACsD,YAAY,IAAI,IAAI,CAACC,WAAW,EAAE;MACnD,MAAMC,KAAA,GAAQ,CAAI,GAAA,IAAI,CAACvC,WAAW,CAAC,CAACwC,MAAM,CACvCR,IAAA,IAASA,IAAA,CAAKS,QAAQ,EAAEC,WAAA,IAAeV,IAAA,CAAKW,IAAI,EAAEC,UAAA,KAAe7D,GAAA,CAAA;MAEpEwD,KAAA,CAAMM,IAAI,CAAC,CAACC,CAAA,EAAGC,CAAA,KACbD,EAAEL,QAAQ,CAAEO,uBAAuB,CAACD,EAAEN,QAAQ,CAAA,GAC9CQ,KAAKC,2BAA2B,GAC5B,EAAC,GACD,CAAA,CAAA;AAENX,MAAAA,KAAA,CAAMY,OAAO,CAAC,CAACnB,IAAA,EAAMoB,KAAA,KAAA;QACnB,IAAIrE,IAAIsE,QAAQ,CAACD,MAAM,KAAKpB,IAAA,CAAKW,IAAI,EAAE;AACrC5D,UAAAA,GAAA,CAAIuE,YAAY,CAACtB,IAAA,CAAKW,IAAI,EAAG5D,GAAA,CAAIsE,QAAQ,CAACD,KAAA,CAAM,IAAI,IAAA,CAAA;AACtD,QAAA;AACF,MAAA,CAAA,CAAA;AACF,IAAA,CAAA,CAAA;AACF,EAAA;AAEA;;;;;AAKC;AACDG,EAAAA,aAAaC,QAAA,CACX,CACE1E,KAAO,EACP,CAAC8C,gBAAA,EAAkBF,YAAA,EAAcvB,eAAA,CAIhC,KAAA;IAED,IAAI,CAACN,YAAY,GAAGf,KAAA;AACpB,IAAA,MAAM2E,OAAA,GAAU3E,MAAM4E,aAAa;IACnC,MAAMC,QAA0B,GAAI,EAAE;AAEtC,IAAA,IAAIjC,YAAA,IAAgB,OAAOkC,gBAAA,KAAqB,WAAA,EAAa;AAC3D;AACA,MAAA,MAAMC,QAAA,GAAW,IAAID,gBAAA,CAAkBE,OAAA,IAAA;AACrC,QAAA,IACEA,OAAA,CAAQC,IAAI,CAAEC,MAAA,IACXA,MAAA,CAAOC,MAAM,CAAaC,OAAO,GAAG,OAAA,CAAA,CAAA,EAEvC;UACA,IAAI,CAAChC,qBAAqB,EAAA;AAC5B,QAAA;AACF,MAAA,CAAA,CAAA;AACA2B,MAAAA,QAAA,CAASM,OAAO,CAACrF,KAAA,EAAO;AAAEsF,QAAAA,SAAA,EAAW,IAAA;AAAMC,QAAAA,OAAA,EAAS;AAAK,OAAA,CAAA;MACzDV,QAAA,CAASW,IAAI,CAAC,MAAMT,QAAA,CAASU,UAAU,EAAA,CAAA;AACzC,IAAA;IAEA,IAAI7C,gBAAgBE,gBAAA,EAAkB;MACpC,MAAM4C,QAAA,GAAWA,MAAA;QACf,IAAI,IAAI,CAAC1E,eAAe,EAAE;AACxB,UAAA,IAAI,CAACA,eAAe,CAAC2E,UAAU,GAAGhB,QAAQgB,UAAU;AACtD,QAAA;MACF,CAAA;MACA,IAAI,IAAI,CAAC1E,WAAW,EAAE;AACpB,QAAA,IAAI,CAACA,WAAW,CAAC2E,KAAK,CAACC,QAAQ,GAAG,CAAA,EAAG7F,KAAA,CAAM8F,qBAAqB,EAAA,CAAGC,KAAK,CAAA,EAAA,CAAI;AAC9E,MAAA;AACApB,MAAAA,OAAA,CAAQqB,gBAAgB,CAAC,QAAA,EAAUN,QAAA,EAAU;AAAEO,QAAAA,OAAA,EAAS;AAAK,OAAA,CAAA;AAC7DpB,MAAAA,QAAA,CAASW,IAAI,CAAC,MAAMb,OAAA,CAAQuB,mBAAmB,CAAC,QAAA,EAAUR,QAAA,CAAA,CAAA;AAC1D,MAAA,IAAI,OAAOS,mBAAmB,WAAA,EAAa;AACzC,QAAA,MAAMpB,QAAA,GAAW,IAAIoB,cAAA,CAAgBC,OAAA,IAAA;AACnC,UAAA,MAAMC,OAAA,GAAUD,OAAO,CAAC,CAAA,CAAE,EAAEjB,MAAA;AAC5B,UAAA,IAAIkB,OAAA,IAAW,IAAI,CAACpF,WAAW,EAAE;YAC/B,IAAI,CAACA,WAAW,CAAC2E,KAAK,CAACC,QAAQ,GAAG,CAAA,EAAGQ,OAAA,CAAQC,WAAW,CAAA,EAAA,CAAI;AAC9D,UAAA;AACF,QAAA,CAAA,CAAA;AACAvB,QAAAA,QAAA,CAASM,OAAO,CAACrF,KAAA,CAAA;QACjB6E,QAAA,CAASW,IAAI,CAAC,MAAMT,QAAA,CAASU,UAAU,EAAA,CAAA;AACzC,MAAA;AACF,IAAA;AAEA,IAAA,IAAIpE,eAAA,EAAiB;MACnBwD,QAAA,CAASW,IAAI,CAAC,IAAI,CAACnE,eAAe,CAACgE,OAAO,CAACV,OAAA,CAAA,CAAA;AAC7C,IAAA;AAEA,IAAA,OAAO,MAAA;MACLE,QAAA,CAASR,OAAO,CAAEkC,OAAA,IAAYA,OAAA,EAAA,CAAA;MAC9B,IAAI,IAAI,CAACxF,YAAY,KAAKf,OAAO,IAAI,CAACe,YAAY,GAAGe,SAAA;IACvD,CAAA;AACF,EAAA,CAAA,CAAA;EAGF,IACI0E,YAAAA,GAAuB;AACzB,IAAA,MAAMC,OAAA,GAAUvE,mBAAmB,IAAI,CAAA;AACvC,IAAA,MAAMwE,MAAA,GAASC,qBAAqBF,OAAA,EAASG,cAAA,CAAA;AAC7C,IAAA,OAAOC,QAAA,CACLJ,OAAA,EACAnG,iBAAA,EACA,IAAI,CAACuB,IAAI,CAACiB,gBAAgB,GAAG4D,MAAA,CAAOI,iBAAiB,GAAGhF,SAAA,CAAA;AAE5D,EAAA;AAAA,EAAA;IAAAN,CAAA,CAAA,IAAA,CAAAZ,SAAA,EAAA,cAAA,EAAA,CATCwB,MAAA,CAAA,CAAA;AAAA;EAWD,IACI2E,UAAAA,GAAqB;AACvB,IAAA,MAAMN,OAAA,GAAUvE,mBAAmB,IAAI,CAAA;AACvC,IAAA,MAAMwE,MAAA,GAASC,qBAAqBF,OAAA,EAASG,cAAA,CAAA;IAC7C,MAAM;MAAEI,UAAU;MAAElE,gBAAgB;AAAEmE,MAAAA;KAAa,GAAG,IAAI,CAACpF,IAAI;AAC/D,IAAA,MAAMD,UAAA,GAAa,IAAI,CAACS,YAAY;AACpC;AACA,IAAA,OAAOwE,QAAA,CACLJ,OAAA,EACAS,WAAA,EACAR,MAAA,CAAOS,QAAQ,EACfrE,gBAAA,GAAmB4D,MAAA,CAAOU,wBAAwB,GAAGtF,SAAA,EACrD4E,MAAA,CAAOW,MAAM,CAACJ,WAAA,KAAgB,MAAA,GAAS,MAAA,GAAS,OAAA,CAAQ,EACxD,CAACD,UAAA,IAAcpF,UAAA,GAAa8E,MAAA,CAAOY,YAAY,GAAGxF,SAAA,EAClDkF,cAAc,CAACpF,UAAA,GAAa8E,MAAA,CAAOM,UAAU,GAAGlF,SAAA,EAChD,IAAI,CAACU,aAAa,GAAGkE,MAAA,CAAOlE,aAAa,GAAGV,WAC5CF,UAAA,GAAa8E,MAAA,CAAOa,MAAM,GAAGb,MAAA,CAAOc,OAAO,EAC3C,IAAI,CAAC3F,IAAI,CAAC4F,GAAG,CAAA;AAEjB,EAAA;AAAA,EAAA;IAAAjG,CAAA,CAAA,IAAA,CAAAZ,SAAA,EAAA,YAAA,EAAA,CAnBCwB,MAAA,CAAA,CAAA;AAAA;AAqBD,EAAA;IAAAsF,oBAAA,CAAAC,kBAAA,CAAA,mjBAAA,EA0BA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,oBAAA;QAAAC,kBAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;"}
+{"version":3,"file":"eui-table.js","sources":["../../src/components/eui-table.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { cached, tracked } from '@glimmer/tracking';\nimport { schedule } from '@ember/runloop';\n\nimport { modifier } from 'ember-modifier';\nimport { provide } from 'ember-provide-consume-context';\n\nimport {\n  DEFAULT_TABLE_BREAKPOINT,\n  EUI_TABLE_CONTEXT,\n  TABLE_RESET,\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 type { EuiCss } from '../utils/eui/styles.ts';\nimport {\n  EUI_TABLE_CSS_CONTAINER_NAME,\n  euiContainerCSS,\n  euiTableStyles\n} from '../utils/eui/styles.generated.ts';\nimport EuiTableStickyHeader from './eui-table/sticky-header.gts';\nimport EuiTableStickyScrollbar, {\n  StickyScrollbarState\n} from './eui-table/sticky-scrollbar.gts';\n\nimport type {\n  EuiTableContext,\n  StickyHeaderCellSync,\n  TableResponsiveBreakpoint\n} from '../-private/table.ts';\nimport type { StickyHeaderHost } from './eui-table/sticky-header.gts';\n\n/**\n * A styled `<table>`, built from `EuiTableHeader`, `EuiTableHeaderCell`,\n * `EuiTableBody`, `EuiTableRow` and `EuiTableRowCell`. These components\n * only render the markup: sorting, selection and pagination stay yours\n * (or come from a headless table library).\n *\n * Like upstream, the table is wrapped in a `div.euiTable__wrapper`;\n * attributes go to the `<table>`. `@stickyHeader` renders a copy of the\n * header before the wrapper, and `@stickyScrollbar` a scrollbar after it.\n */\nexport interface EuiTableSignature {\n  Element: HTMLTableElement;\n  Args: {\n    /**\n     * Extra styles composed last into the `<table>`'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    /** Smaller text and padding (not applied to the cards layout). */\n    compressed?: boolean;\n    /**\n     * `'fixed'` (columns share the width, text wraps or truncates) or\n     * `'auto'` (columns fit their content). Defaults to `'fixed'`.\n     */\n    tableLayout?: 'fixed' | 'auto';\n    /**\n     * Rows become cards below `@responsiveBreakpoint`. Defaults to `true`;\n     * `false` never collapses (same as `@responsiveBreakpoint={{false}}`).\n     */\n    responsive?: boolean;\n    /**\n     * Named theme breakpoint below which rows become cards; `true` always\n     * renders cards, `false` never. Defaults to `'m'` (upstream). Takes\n     * precedence over `@responsive`.\n     */\n    responsiveBreakpoint?: TableResponsiveBreakpoint;\n    /** The table's plain background. Defaults to `true`. */\n    hasBackground?: boolean;\n    /**\n     * Lets the table grow wider than its container and scroll inline.\n     * Use with `@tableLayout=\"auto\"`. Upstream beta.\n     */\n    scrollableInline?: boolean;\n    /**\n     * Shows a horizontal scrollbar sticking to the bottom of the viewport\n     * while the table's own one is out of view (long tables). Requires\n     * `@scrollableInline`. Upstream beta.\n     */\n    stickyScrollbar?: boolean;\n    /**\n     * Keeps the header at the top of the viewport while the user scrolls\n     * through a long table (not in the cards layout). Offset it with the\n     * `--euiTableStickyHeaderOffsetTop` CSS variable (e.g. below a fixed\n     * header) and layer it with `--euiTableStickyHeaderZIndex`. Upstream\n     * beta.\n     */\n    stickyHeader?: boolean;\n  };\n  Blocks: {\n    /** The header, body and footer. */\n    default: [];\n  };\n}\n\n/**\n * The sticky header row of each table, created once: the sticky header\n * attaches it and header cells render their copies into it.\n */\nconst STICKY_ROWS = new WeakMap<object, HTMLTableRowElement>();\nfunction stickyRowOf(table: object): HTMLTableRowElement {\n  let row = STICKY_ROWS.get(table);\n  if (!row) STICKY_ROWS.set(table, (row = document.createElement('tr')));\n  return row;\n}\n\nconst WRAPPER_CONTAINER = euiContainerCSS(\n  'normal',\n  EUI_TABLE_CSS_CONTAINER_NAME,\n  true\n);\n\nexport default class EuiTable\n  extends Component<EuiTableSignature>\n  implements EuiTableContext, StickyHeaderHost\n{\n  /** Bumped when the breakpoint query starts or stops matching. */\n  @tracked private mediaVersion = 0;\n\n  // Elements of the sticky header and scrollbar (DOM refs, not state).\n  tableElement?: HTMLTableElement;\n  stickyContainer?: HTMLElement;\n  stickyTable?: HTMLTableElement;\n  private stickyCells = new Set<StickyHeaderCellSync>();\n  private reorderScheduled = false;\n  stickyScrollbar = new StickyScrollbarState();\n\n  @provide(EUI_TABLE_CONTEXT)\n  get tableContext(): EuiTableContext {\n    return this;\n  }\n\n  get responsiveBreakpoint(): TableResponsiveBreakpoint {\n    const { responsiveBreakpoint, responsive } = this.args;\n    if (responsiveBreakpoint !== undefined) return responsiveBreakpoint;\n    return responsive === false ? false : DEFAULT_TABLE_BREAKPOINT;\n  }\n\n  @cached\n  get query(): string | undefined {\n    return minBreakpointQuery(\n      getEuiThemeContext(this).upstream,\n      this.responsiveBreakpoint\n    );\n  }\n\n  @cached\n  get isResponsive(): boolean {\n    // consumed so the media query listener can invalidate this getter\n    void this.mediaVersion;\n    return isTableResponsive(this.responsiveBreakpoint, this.query);\n  }\n\n  get hasBackground(): boolean {\n    return this.args.hasBackground ?? true;\n  }\n\n  onBreakpointChange = (): void => {\n    this.mediaVersion++;\n  };\n\n  /** Upstream renders the sticky header only outside the cards layout. */\n  get showStickyHeader(): boolean {\n    return Boolean(this.args.stickyHeader) && !this.isResponsive;\n  }\n\n  get showStickyScrollbar(): boolean {\n    return Boolean(this.args.scrollableInline && this.args.stickyScrollbar);\n  }\n\n  get stickyHeaderRow(): HTMLTableRowElement | undefined {\n    if (!this.showStickyHeader || typeof document === 'undefined') {\n      return undefined;\n    }\n    return stickyRowOf(this);\n  }\n\n  private get stickyRow(): HTMLTableRowElement | undefined {\n    return STICKY_ROWS.get(this);\n  }\n\n  registerStickyHeaderCell = (cell: StickyHeaderCellSync): (() => void) => {\n    this.stickyCells.add(cell);\n    this.scheduleStickyReorder();\n    return () => {\n      this.stickyCells.delete(cell);\n    };\n  };\n\n  /**\n   * Copies are appended in render order; put them back in the order of\n   * their header cells after cells are added or moved (upstream renders\n   * the store's columns in order).\n   */\n  scheduleStickyReorder(): void {\n    if (this.reorderScheduled) return;\n    this.reorderScheduled = true;\n    schedule('afterRender', () => {\n      this.reorderScheduled = false;\n      const row = this.stickyRow;\n      if (!row || this.isDestroying || this.isDestroyed) return;\n      const cells = [...this.stickyCells].filter(\n        (cell) => cell.original?.isConnected && cell.copy?.parentNode === row\n      );\n      cells.sort((a, b) =>\n        a.original!.compareDocumentPosition(b.original!) &\n        Node.DOCUMENT_POSITION_FOLLOWING\n          ? -1\n          : 1\n      );\n      cells.forEach((cell, index) => {\n        if (row.children[index] !== cell.copy) {\n          row.insertBefore(cell.copy!, row.children[index] ?? null);\n        }\n      });\n    });\n  }\n\n  /**\n   * On the `<table>`: syncs the sticky header's inline scroll and width\n   * with the table (upstream does it in `EuiTableStickyHeader`), watches\n   * header cells moving, and observes the scrolling wrapper for the\n   * sticky scrollbar.\n   */\n  setupTable = modifier(\n    (\n      table: HTMLTableElement,\n      [scrollableInline, stickyHeader, stickyScrollbar]: [\n        boolean | undefined,\n        boolean,\n        boolean\n      ]\n    ) => {\n      this.tableElement = table;\n      const wrapper = table.parentElement!;\n      const cleanups: Array<() => void> = [];\n\n      if (stickyHeader && typeof MutationObserver !== 'undefined') {\n        // header cells moved by their parent (e.g. reordered columns)\n        const observer = new MutationObserver((records) => {\n          if (\n            records.some((record) =>\n              (record.target as Element).closest?.('thead')\n            )\n          ) {\n            this.scheduleStickyReorder();\n          }\n        });\n        observer.observe(table, { childList: true, subtree: true });\n        cleanups.push(() => observer.disconnect());\n      }\n\n      if (stickyHeader && scrollableInline) {\n        const onScroll = () => {\n          if (this.stickyContainer) {\n            this.stickyContainer.scrollLeft = wrapper.scrollLeft;\n          }\n        };\n        if (this.stickyTable) {\n          this.stickyTable.style.minWidth = `${table.getBoundingClientRect().width}px`;\n        }\n        wrapper.addEventListener('scroll', onScroll, { passive: true });\n        cleanups.push(() => wrapper.removeEventListener('scroll', onScroll));\n        if (typeof ResizeObserver !== 'undefined') {\n          const observer = new ResizeObserver((entries) => {\n            const element = entries[0]?.target;\n            if (element && this.stickyTable) {\n              this.stickyTable.style.minWidth = `${element.clientWidth}px`;\n            }\n          });\n          observer.observe(table);\n          cleanups.push(() => observer.disconnect());\n        }\n      }\n\n      if (stickyScrollbar) {\n        cleanups.push(this.stickyScrollbar.observe(wrapper));\n      }\n\n      return () => {\n        cleanups.forEach((cleanup) => cleanup());\n        if (this.tableElement === table) this.tableElement = undefined;\n      };\n    }\n  );\n\n  @cached\n  get wrapperClass(): string {\n    const context = getEuiThemeContext(this);\n    const styles = useEuiBorealisStyles(context, euiTableStyles);\n    return euiClass(\n      context,\n      WRAPPER_CONTAINER,\n      this.args.scrollableInline ? styles.scrollableWrapper : undefined\n    );\n  }\n\n  @cached\n  get tableClass(): string {\n    const context = getEuiThemeContext(this);\n    const styles = useEuiBorealisStyles(context, euiTableStyles);\n    const { compressed, scrollableInline, tableLayout } = this.args;\n    const responsive = this.isResponsive;\n    // Same order as upstream's `tableStyles`.\n    return euiClass(\n      context,\n      TABLE_RESET,\n      styles.euiTable,\n      scrollableInline ? styles.euiTableScrollableInline : undefined,\n      styles.layout[tableLayout === 'auto' ? 'auto' : 'fixed'],\n      !compressed || responsive ? styles.uncompressed : undefined,\n      compressed && !responsive ? styles.compressed : undefined,\n      this.hasBackground ? styles.hasBackground : undefined,\n      responsive ? styles.mobile : styles.desktop,\n      this.args.css\n    );\n  }\n\n  <template>\n    {{#if this.showStickyHeader}}\n      <EuiTableStickyHeader\n        @table={{this}}\n        @compressed={{@compressed}}\n        @scrollableInline={{@scrollableInline}}\n      />\n    {{/if}}\n    <div\n      class=\"euiTable__wrapper {{this.wrapperClass}}\"\n      {{onMediaQueryChange this.query this.onBreakpointChange}}\n    >\n      <table\n        tabindex=\"-1\"\n        class=\"euiTable {{this.tableClass}}\"\n        ...attributes\n        {{this.setupTable\n          @scrollableInline\n          this.showStickyHeader\n          this.showStickyScrollbar\n        }}\n      >{{yield}}</table>\n    </div>\n    {{#if this.showStickyScrollbar}}\n      <EuiTableStickyScrollbar @state={{this.stickyScrollbar}} />\n    {{/if}}\n  </template>\n}\n"],"names":["STICKY_ROWS","WeakMap","stickyRowOf","table","row","get","set","document","createElement","WRAPPER_CONTAINER","euiContainerCSS","EUI_TABLE_CSS_CONTAINER_NAME","EuiTable","Component","g","prototype","tracked","i","tableElement","stickyContainer","stickyTable","stickyCells","Set","reorderScheduled","stickyScrollbar","StickyScrollbarState","tableContext","n","provide","EUI_TABLE_CONTEXT","responsiveBreakpoint","responsive","args","undefined","DEFAULT_TABLE_BREAKPOINT","query","minBreakpointQuery","getEuiThemeContext","upstream","cached","isResponsive","mediaVersion","isTableResponsive","hasBackground","onBreakpointChange","showStickyHeader","Boolean","stickyHeader","showStickyScrollbar","scrollableInline","stickyHeaderRow","stickyRow","registerStickyHeaderCell","cell","add","scheduleStickyReorder","delete","schedule","isDestroying","isDestroyed","cells","filter","original","isConnected","copy","parentNode","sort","a","b","compareDocumentPosition","Node","DOCUMENT_POSITION_FOLLOWING","forEach","index","children","insertBefore","setupTable","modifier","wrapper","parentElement","cleanups","MutationObserver","observer","records","some","record","target","closest","observe","childList","subtree","push","disconnect","onScroll","scrollLeft","style","minWidth","getBoundingClientRect","width","addEventListener","passive","removeEventListener","ResizeObserver","entries","element","clientWidth","cleanup","wrapperClass","context","styles","useEuiBorealisStyles","euiTableStyles","euiClass","scrollableWrapper","tableClass","compressed","tableLayout","TABLE_RESET","euiTable","euiTableScrollableInline","layout","uncompressed","mobile","desktop","css","setComponentTemplate","precompileTemplate","strictMode","scope","EuiTableStickyHeader","onMediaQueryChange","EuiTableStickyScrollbar"],"mappings":"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"}

package/dist/components/eui-tabs.js

@@ -5,10 +5,10 @@ import { provide } from 'ember-provide-consume-context';
 import { EUI_TABS_CONTEXT } from '../-private/eui-tabs-context.js';
 import { getEuiThemeContext } from '../utils/emotion/consume.js';
 import { useEuiBorealisStyles, euiClass } from '../utils/eui/styles.js';
-import { dy as euiTabsStyles } from '../styles.generated-SYAxYhey.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { n } from 'decorator-transforms/runtime-esm';
+import { euiTabsStyles } from '../utils/eui/styles.generated/components/tabs/tabs.styles.js';
 
 const BOX_SIZING = {
   boxSizing: 'border-box'

package/dist/components/eui-text-align.js

@@ -3,10 +3,10 @@ import { cached } from '@glimmer/tracking';
 import { eq } from 'ember-truth-helpers';
 import { getEuiThemeContext } from '../utils/emotion/consume.js';
 import { euiClass } from '../utils/eui/styles.js';
-import { dz as euiTextAlignStyles } from '../styles.generated-SYAxYhey.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { n } from 'decorator-transforms/runtime-esm';
+import { euiTextAlignStyles } from '../utils/eui/styles.generated/components/text/text_align.styles.js';
 
 /** @private Shared with EuiText, which composes alignment on its own element. */function euiTextAlignCss(textAlign = 'left') {
   return [euiTextAlignStyles.euiTextAlign, euiTextAlignStyles[textAlign]];

package/dist/components/eui-text-area.js

@@ -7,12 +7,12 @@ import argOrDefault from '../helpers/arg-or-default.js';
 import validatableControl from '../modifiers/validatable-control.js';
 import { getEuiThemeContext } from '../utils/emotion/consume.js';
 import { formControlReset } from '../utils/eui/form-controls.js';
-import { dA as euiTextAreaStyles } from '../styles.generated-SYAxYhey.js';
 import { useEuiBorealisStyles, euiClass } from '../utils/eui/styles.js';
 import EuiFormControlLayout from './eui-form-control-layout.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { n } from 'decorator-transforms/runtime-esm';
+import { euiTextAreaStyles } from '../utils/eui/styles.generated/components/form/text_area/text_area.styles.js';
 
 /** A textarea on the upstream EUI 123 / Borealis form control styles. */class EuiTextArea extends Component {
   textArea = null;

package/dist/components/eui-text-color.js

@@ -4,10 +4,10 @@ import { eq } from 'ember-truth-helpers';
 import style from 'ember-style-modifier/modifiers/style';
 import { getEuiThemeContext } from '../utils/emotion/consume.js';
 import { euiClass, useEuiBorealisStyles } from '../utils/eui/styles.js';
-import { dB as euiTextColorStyles } from '../styles.generated-SYAxYhey.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { n } from 'decorator-transforms/runtime-esm';
+import { euiTextColorStyles } from '../utils/eui/styles.generated/components/text/text_color.styles.js';
 
 const TEXT_COLORS = ['default', 'subdued', 'success', 'accent', 'accentSecondary', 'danger', 'warning', 'ghost', 'inherit'];
 /**

package/dist/components/eui-text-diff.js

@@ -3,11 +3,11 @@ import { cached } from '@glimmer/tracking';
 import { diffTokens, words } from '../-private/text-diff.js';
 import { getEuiThemeContext } from '../utils/emotion/consume.js';
 import { useEuiBorealisStyles, euiClass } from '../utils/eui/styles.js';
-import { dC as euiTextDiffStyles } 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';
+import { euiTextDiffStyles } from '../utils/eui/styles.generated/components/text_diff/text_diff.styles.js';
 
 function diff(before = '', after = '', granularity = 'words', timeout = 0.1) {
   return granularity === 'characters' ? diffTokens([...before], [...after], timeout) : diffTokens(words(before), words(after), timeout);