@ember-eui/core 13.0.5 → 14.1.0

package/dist/components/eui-tabbed-content.js

@@ -11,7 +11,7 @@ import EuiTab from './eui-tab.js';
 import EuiTabs from './eui-tabs.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
-import { g, i } from 'decorator-transforms/runtime';
+import { g, i } from 'decorator-transforms/runtime-esm';
 
 class EuiTabbedContentComponent extends Component {
   static {
@@ -104,7 +104,7 @@ class EuiTabbedContentComponent extends Component {
     }
   };
   static {
-    setComponentTemplate(precompileTemplate("\n    {{#let (randomId) as |rootId|}}\n      <div class={{@className}} ...attributes>\n        <EuiTabs @expand={{@expand}} @display={{@display}} @size={{@size}} {{on \"focus\" this.initializeFocus}} {{didInsert this.setTabsRef}}>\n          {{#each @tabs as |tab|}}\n            <EuiTab @id={{tab.id}} aria-controls={{rootId}} @isSelected={{eq tab.id this.selectedTab.id}} @disabled={{tab.disabled}} {{on \"click\" (fn this.onTabClick tab)}}>\n              {{tab.name}}\n            </EuiTab>\n          {{/each}}\n        </EuiTabs>\n\n        {{#let (findBy \"id\" (if this.selectedTabId this.selectedTabId \"\") @tabs) as |currentTab|}}\n          {{#if currentTab}}\n            <div role=\"tabpanel\" id={{rootId}} aria-labelledby={{currentTab.id}}>\n              {{#if (has-block \"selectedTabContent\")}}\n                {{yield currentTab to=\"selectedTabContent\"}}\n              {{else}}\n                {{currentTab.content}}\n              {{/if}}\n            </div>\n          {{/if}}\n        {{/let}}\n      </div>\n    {{/let}}\n  ", {
+    setComponentTemplate(precompileTemplate("{{#let (randomId) as |rootId|}}\n  <div class={{@className}} ...attributes>\n    <EuiTabs @expand={{@expand}} @display={{@display}} @size={{@size}} {{on \"focus\" this.initializeFocus}} {{didInsert this.setTabsRef}}>\n      {{#each @tabs as |tab|}}\n        <EuiTab @id={{tab.id}} aria-controls={{rootId}} @isSelected={{eq tab.id this.selectedTab.id}} @disabled={{tab.disabled}} {{on \"click\" (fn this.onTabClick tab)}}>\n          {{tab.name}}\n        </EuiTab>\n      {{/each}}\n    </EuiTabs>\n\n    {{#let (findBy \"id\" (if this.selectedTabId this.selectedTabId \"\") @tabs) as |currentTab|}}\n      {{#if currentTab}}\n        <div role=\"tabpanel\" id={{rootId}} aria-labelledby={{currentTab.id}}>\n          {{#if (has-block \"selectedTabContent\")}}\n            {{yield currentTab to=\"selectedTabContent\"}}\n          {{else}}\n            {{currentTab.content}}\n          {{/if}}\n        </div>\n      {{/if}}\n    {{/let}}\n  </div>\n{{/let}}", {
       strictMode: true,
       scope: () => ({
         randomId,

package/dist/components/eui-tabbed-content.js.map

@@ -1 +1 @@
-{"version":3,"file":"eui-tabbed-content.js","sources":["../../src/components/eui-tabbed-content.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { fn } from '@ember/helper';\nimport { on } from '@ember/modifier';\nimport didInsert from '@ember/render-modifiers/modifiers/did-insert';\nimport { scheduleOnce } from '@ember/runloop';\nimport type Owner from '@ember/owner';\n\nimport findBy from '@nullvoxpopuli/ember-composable-helpers/helpers/find-by';\nimport { eq } from 'ember-truth-helpers';\n\nimport randomId from '../-private/random-id.ts';\nimport EuiTab from './eui-tab.gts';\nimport EuiTabs from './eui-tabs.gts';\n\nimport type { CommonArgs } from './common.ts';\nimport type { EuiTabsSignature } from './eui-tabs';\nimport type { ComponentLike } from '@glint/template';\n\nexport interface EuiTabbedContentTab {\n  id: string;\n  name: string;\n  content?: ComponentLike;\n  disabled?: boolean;\n}\n\nexport type EuiTabbedContentArgs = CommonArgs & {\n  /**\n   * When tabbing into the tabs, set the focus on `initial` for the first tab,\n   * or `selected` for the currently selected tab. Best use case is for inside of\n   * overlay content like popovers or flyouts.\n   */\n  autoFocus?: 'initial' | 'selected';\n  /**\n   * Choose `default` or alternative `condensed` display styles\n   */\n  display?: EuiTabsSignature['Args']['display'];\n  /**\n   * Evenly stretches each tab to fill the horizontal space\n   */\n  expand?: boolean;\n  /**\n   * Use this prop to set the initially selected tab while letting the tabbed content component\n   * control selection state internally\n   */\n  initialSelectedTab?: EuiTabbedContentTab;\n  onTabClick?: (selectedTab: EuiTabbedContentTab) => void;\n  /**\n   * Use this prop if you want to control selection state within the owner component\n   */\n  selectedTab?: EuiTabbedContentTab;\n  size?: EuiTabsSignature['Args']['size'];\n  /**\n   * Each tab needs id and content properties, so we can associate it with its panel for accessibility.\n   * The name property (a node) is also required to display to the user.\n   */\n  tabs: EuiTabbedContentTab[];\n};\n\nexport interface EuiTabbedContentSignature {\n  Element: HTMLDivElement;\n  Args: EuiTabbedContentArgs;\n  Blocks: {\n    default: [EuiTabbedContentTab];\n    selectedTabContent: [EuiTabbedContentTab];\n  };\n}\n\nexport default class EuiTabbedContentComponent extends Component<EuiTabbedContentSignature> {\n  @tracked selectedTabId;\n  @tracked inFocus: boolean = false;\n  tabsRef?: Element;\n\n  get autoFocus() {\n    return this.args.autoFocus || 'initial';\n  }\n\n  constructor(owner: Owner, args: EuiTabbedContentArgs) {\n    super(owner, args);\n\n    const { initialSelectedTab, selectedTab, tabs } = this.args;\n\n    // Only track selection state if it's not controlled externally.\n    if (!selectedTab) {\n      this.selectedTabId =\n        (initialSelectedTab && initialSelectedTab.id) || tabs[0]?.id;\n    }\n  }\n\n  get selectedTab() {\n    const { selectedTab: externalSelectedTab, tabs } = this.args;\n\n    return (\n      externalSelectedTab ||\n      tabs.find((tab: EuiTabbedContentTab) => tab.id === this.selectedTabId)\n    );\n  }\n\n  setTabsRef = (element: Element) => {\n    this.tabsRef = element;\n    // Current short-term solution for event listener (see https://github.com/elastic/eui/pull/2717)\n    //@ts-expect-error\n    this.tabsRef.addEventListener('focusout', this.removeFocus);\n  };\n\n  willDestroy(): void {\n    super.willDestroy();\n\n    if (this.tabsRef) {\n      //@ts-expect-error\n      this.tabsRef.removeEventListener('focusout', this.removeFocus);\n    }\n\n    this.tabsRef = undefined;\n  }\n\n  removeFocus = (blurEvent: FocusEvent) => {\n    // only set inFocus to false if the wrapping div doesn't contain the now-focusing element\n    const currentTarget = blurEvent.currentTarget! as HTMLElement;\n    const relatedTarget = blurEvent.relatedTarget! as HTMLElement;\n\n    if (currentTarget.contains(relatedTarget) === false) {\n      this.inFocus = true;\n    }\n  };\n\n  onTabClick = (selectedTab: EuiTabbedContentTab) => {\n    const { onTabClick, selectedTab: externalSelectedTab } = this.args;\n\n    if (onTabClick) {\n      onTabClick(selectedTab);\n    }\n\n    // Only track selection state if it's not controlled externally.\n    if (!externalSelectedTab) {\n      this.selectedTabId = selectedTab.id;\n\n      const focusTab = () => {\n        this.focusTab();\n      };\n\n      scheduleOnce('afterRender', this, focusTab);\n    }\n  };\n\n  focusTab = () => {\n    if (this.tabsRef) {\n      const targetTab: HTMLDivElement | null = this.tabsRef.querySelector(\n        `#${this.selectedTabId}`\n      );\n\n      targetTab!.focus();\n    }\n  };\n\n  initializeFocus = () => {\n    if (!this.inFocus && this.autoFocus === 'selected') {\n      // Must wait for setState to finish before calling `.focus()`\n      // as the focus call triggers a blur on the first tab\n      this.inFocus = true;\n\n      const focusTab = () => {\n        this.focusTab();\n      };\n\n      scheduleOnce('afterRender', this, focusTab);\n    }\n  };\n\n  <template>\n    {{#let (randomId) as |rootId|}}\n      <div class={{@className}} ...attributes>\n        <EuiTabs\n          @expand={{@expand}}\n          @display={{@display}}\n          @size={{@size}}\n          {{on \"focus\" this.initializeFocus}}\n          {{didInsert this.setTabsRef}}\n        >\n          {{#each @tabs as |tab|}}\n            <EuiTab\n              @id={{tab.id}}\n              aria-controls={{rootId}}\n              @isSelected={{eq tab.id this.selectedTab.id}}\n              @disabled={{tab.disabled}}\n              {{on \"click\" (fn this.onTabClick tab)}}\n            >\n              {{tab.name}}\n            </EuiTab>\n          {{/each}}\n        </EuiTabs>\n\n        {{#let\n          (findBy \"id\" (if this.selectedTabId this.selectedTabId \"\") @tabs)\n          as |currentTab|\n        }}\n          {{#if currentTab}}\n            <div\n              role=\"tabpanel\"\n              id={{rootId}}\n              aria-labelledby={{currentTab.id}}\n            >\n              {{#if (has-block \"selectedTabContent\")}}\n                {{yield currentTab to=\"selectedTabContent\"}}\n              {{else}}\n                {{currentTab.content}}\n              {{/if}}\n            </div>\n          {{/if}}\n        {{/let}}\n      </div>\n    {{/let}}\n  </template>\n}\n"],"names":["EuiTabbedContentComponent","Component","g","prototype","tracked","i","void 0","tabsRef","autoFocus","args","constructor","owner","initialSelectedTab","selectedTab","tabs","selectedTabId","id","externalSelectedTab","find","tab","setTabsRef","element","addEventListener","removeFocus","willDestroy","removeEventListener","undefined","blurEvent","currentTarget","relatedTarget","contains","inFocus","onTabClick","focusTab","scheduleOnce","targetTab","querySelector","focus","initializeFocus","setComponentTemplate","precompileTemplate","strictMode","scope","randomId","EuiTabs","on","didInsert","EuiTab","eq","fn","findBy"],"mappings":"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"}
+{"version":3,"file":"eui-tabbed-content.js","sources":["../../src/components/eui-tabbed-content.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { fn } from '@ember/helper';\nimport { on } from '@ember/modifier';\nimport didInsert from '@ember/render-modifiers/modifiers/did-insert';\nimport { scheduleOnce } from '@ember/runloop';\nimport type Owner from '@ember/owner';\n\nimport findBy from '@nullvoxpopuli/ember-composable-helpers/helpers/find-by';\nimport { eq } from 'ember-truth-helpers';\n\nimport randomId from '../-private/random-id.ts';\nimport EuiTab from './eui-tab.gts';\nimport EuiTabs from './eui-tabs.gts';\n\nimport type { CommonArgs } from './common.ts';\nimport type { EuiTabsSignature } from './eui-tabs';\nimport type { ComponentLike } from '@glint/template';\n\n/** A tab of EuiTabbedContent. */\nexport interface EuiTabbedContentTab {\n  /** Unique id. */\n  id: string;\n  /** The tab's label. */\n  name: string;\n  /**\n   * The panel shown while the tab is selected (a component). Or render\n   * panels with the `<:selectedTabContent>` block.\n   */\n  content?: ComponentLike;\n  /** Disables the tab. */\n  disabled?: boolean;\n}\n\nexport type EuiTabbedContentArgs = CommonArgs & {\n  /**\n   * When tabbing into the tabs, set the focus on `initial` for the first tab,\n   * or `selected` for the currently selected tab. Best use case is for inside of\n   * overlay content like popovers or flyouts.\n   */\n  autoFocus?: 'initial' | 'selected';\n  /**\n   * Choose `default` or alternative `condensed` display styles\n   */\n  display?: EuiTabsSignature['Args']['display'];\n  /**\n   * Evenly stretches each tab to fill the horizontal space\n   */\n  expand?: boolean;\n  /**\n   * Use this prop to set the initially selected tab while letting the tabbed content component\n   * control selection state internally\n   */\n  initialSelectedTab?: EuiTabbedContentTab;\n  /** Called with the clicked tab. */\n  onTabClick?: (selectedTab: EuiTabbedContentTab) => void;\n  /**\n   * Use this prop if you want to control selection state within the owner component\n   */\n  selectedTab?: EuiTabbedContentTab;\n  /** Size of the tabs: `'s'`, `'m'`, `'l'` or `'xl'`. Defaults to `'m'`. */\n  size?: EuiTabsSignature['Args']['size'];\n  /**\n   * Each tab needs id and content properties, so we can associate it with its panel for accessibility.\n   * The name property (a node) is also required to display to the user.\n   */\n  tabs: EuiTabbedContentTab[];\n};\n\n/** Tabs with their panels, managing the selected tab for you. For custom layouts use EuiTabs. */\nexport interface EuiTabbedContentSignature {\n  Element: HTMLDivElement;\n  Args: EuiTabbedContentArgs;\n  Blocks: {\n    /** Unused. */\n    default: [EuiTabbedContentTab];\n    /**\n     * Renders the selected tab's panel (instead of its `content`); yields\n     * the tab: `<:selectedTabContent as |tab|>{{#if (eq tab.id \"a\")}}…`.\n     */\n    selectedTabContent: [EuiTabbedContentTab];\n  };\n}\n\nexport default class EuiTabbedContentComponent extends Component<EuiTabbedContentSignature> {\n  @tracked selectedTabId;\n  @tracked inFocus: boolean = false;\n  tabsRef?: Element;\n\n  get autoFocus() {\n    return this.args.autoFocus || 'initial';\n  }\n\n  constructor(owner: Owner, args: EuiTabbedContentArgs) {\n    super(owner, args);\n\n    const { initialSelectedTab, selectedTab, tabs } = this.args;\n\n    // Only track selection state if it's not controlled externally.\n    if (!selectedTab) {\n      this.selectedTabId =\n        (initialSelectedTab && initialSelectedTab.id) || tabs[0]?.id;\n    }\n  }\n\n  get selectedTab() {\n    const { selectedTab: externalSelectedTab, tabs } = this.args;\n\n    return (\n      externalSelectedTab ||\n      tabs.find((tab: EuiTabbedContentTab) => tab.id === this.selectedTabId)\n    );\n  }\n\n  setTabsRef = (element: Element) => {\n    this.tabsRef = element;\n    // Current short-term solution for event listener (see https://github.com/elastic/eui/pull/2717)\n    //@ts-expect-error\n    this.tabsRef.addEventListener('focusout', this.removeFocus);\n  };\n\n  willDestroy(): void {\n    super.willDestroy();\n\n    if (this.tabsRef) {\n      //@ts-expect-error\n      this.tabsRef.removeEventListener('focusout', this.removeFocus);\n    }\n\n    this.tabsRef = undefined;\n  }\n\n  removeFocus = (blurEvent: FocusEvent) => {\n    // only set inFocus to false if the wrapping div doesn't contain the now-focusing element\n    const currentTarget = blurEvent.currentTarget! as HTMLElement;\n    const relatedTarget = blurEvent.relatedTarget! as HTMLElement;\n\n    if (currentTarget.contains(relatedTarget) === false) {\n      this.inFocus = true;\n    }\n  };\n\n  onTabClick = (selectedTab: EuiTabbedContentTab) => {\n    const { onTabClick, selectedTab: externalSelectedTab } = this.args;\n\n    if (onTabClick) {\n      onTabClick(selectedTab);\n    }\n\n    // Only track selection state if it's not controlled externally.\n    if (!externalSelectedTab) {\n      this.selectedTabId = selectedTab.id;\n\n      const focusTab = () => {\n        this.focusTab();\n      };\n\n      scheduleOnce('afterRender', this, focusTab);\n    }\n  };\n\n  focusTab = () => {\n    if (this.tabsRef) {\n      const targetTab: HTMLDivElement | null = this.tabsRef.querySelector(\n        `#${this.selectedTabId}`\n      );\n\n      targetTab!.focus();\n    }\n  };\n\n  initializeFocus = () => {\n    if (!this.inFocus && this.autoFocus === 'selected') {\n      // Must wait for setState to finish before calling `.focus()`\n      // as the focus call triggers a blur on the first tab\n      this.inFocus = true;\n\n      const focusTab = () => {\n        this.focusTab();\n      };\n\n      scheduleOnce('afterRender', this, focusTab);\n    }\n  };\n\n  <template>\n    {{#let (randomId) as |rootId|}}\n      <div class={{@className}} ...attributes>\n        <EuiTabs\n          @expand={{@expand}}\n          @display={{@display}}\n          @size={{@size}}\n          {{on \"focus\" this.initializeFocus}}\n          {{didInsert this.setTabsRef}}\n        >\n          {{#each @tabs as |tab|}}\n            <EuiTab\n              @id={{tab.id}}\n              aria-controls={{rootId}}\n              @isSelected={{eq tab.id this.selectedTab.id}}\n              @disabled={{tab.disabled}}\n              {{on \"click\" (fn this.onTabClick tab)}}\n            >\n              {{tab.name}}\n            </EuiTab>\n          {{/each}}\n        </EuiTabs>\n\n        {{#let\n          (findBy \"id\" (if this.selectedTabId this.selectedTabId \"\") @tabs)\n          as |currentTab|\n        }}\n          {{#if currentTab}}\n            <div\n              role=\"tabpanel\"\n              id={{rootId}}\n              aria-labelledby={{currentTab.id}}\n            >\n              {{#if (has-block \"selectedTabContent\")}}\n                {{yield currentTab to=\"selectedTabContent\"}}\n              {{else}}\n                {{currentTab.content}}\n              {{/if}}\n            </div>\n          {{/if}}\n        {{/let}}\n      </div>\n    {{/let}}\n  </template>\n}\n"],"names":["EuiTabbedContentComponent","Component","g","prototype","tracked","i","tabsRef","autoFocus","args","constructor","owner","initialSelectedTab","selectedTab","tabs","selectedTabId","id","externalSelectedTab","find","tab","setTabsRef","element","addEventListener","removeFocus","willDestroy","removeEventListener","undefined","blurEvent","currentTarget","relatedTarget","contains","inFocus","onTabClick","focusTab","scheduleOnce","targetTab","querySelector","focus","initializeFocus","setComponentTemplate","precompileTemplate","strictMode","scope","randomId","EuiTabs","on","didInsert","EuiTab","eq","fn","findBy"],"mappings":"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"}

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

@@ -0,0 +1,11 @@
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+import templateOnly from '@ember/component/template-only';
+
+/** The `<tbody>` of an `EuiTable`. */
+const EuiTableBody = setComponentTemplate(precompileTemplate("<tbody ...attributes>{{yield}}</tbody>", {
+  strictMode: true
+}), templateOnly());
+
+export { EuiTableBody as default };
+//# sourceMappingURL=eui-table-body.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"eui-table-body.js","sources":["../../src/components/eui-table-body.gts"],"sourcesContent":["import type { TemplateOnlyComponent } from '@ember/component/template-only';\n\n/** The `<tbody>` of an `EuiTable`. */\nexport interface EuiTableBodySignature {\n  Element: HTMLTableSectionElement;\n  Blocks: {\n    /** The `EuiTableRow`s. */\n    default: [];\n  };\n}\n\nconst EuiTableBody: TemplateOnlyComponent<EuiTableBodySignature> = <template>\n  <tbody ...attributes>{{yield}}</tbody>\n</template>;\n\nexport default EuiTableBody;\n"],"names":["EuiTableBody","setComponentTemplate","precompileTemplate","strictMode","templateOnly"],"mappings":";;;;AAEA;AASA,MAAMA,YAAoC,GAAAC,oBAAA,CAAyBC,kBAAA,CAAA,wCAAA,EAEnE;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

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

@@ -0,0 +1,15 @@
+import { alignClasses, widthStyle } from '../-private/table.js';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+import templateOnly from '@ember/component/template-only';
+
+const EuiTableFooterCell = setComponentTemplate(precompileTemplate("<td class=\"euiTableFooterCell\" style={{widthStyle @width}} ...attributes>\n  <div class=\"euiTableCellContent {{alignClasses @align}}\">\n    <span class=\"euiTableCellContent__text\">{{yield}}</span>\n  </div>\n</td>", {
+  strictMode: true,
+  scope: () => ({
+    widthStyle,
+    alignClasses
+  })
+}), templateOnly());
+
+export { EuiTableFooterCell as default };
+//# sourceMappingURL=eui-table-footer-cell.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"eui-table-footer-cell.js","sources":["../../src/components/eui-table-footer-cell.gts"],"sourcesContent":["import { alignClasses, widthStyle } from '../-private/table.ts';\n\nimport type { TableAlignment } from '../-private/table.ts';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\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  };\n  Blocks: {\n    /** The content. */\n    default: [];\n  };\n}\n\nconst EuiTableFooterCell: TemplateOnlyComponent<EuiTableFooterCellSignature> = <template>\n  <td class=\"euiTableFooterCell\" style={{widthStyle @width}} ...attributes>\n    <div class=\"euiTableCellContent {{alignClasses @align}}\">\n      <span class=\"euiTableCellContent__text\">{{yield}}</span>\n    </div>\n  </td>\n</template>;\n\nexport default EuiTableFooterCell;\n"],"names":["EuiTableFooterCell","setComponentTemplate","precompileTemplate","strictMode","scope","widthStyle","alignClasses","templateOnly"],"mappings":";;;;;AAoBA,MAAMA,kBAA0C,GAAAC,oBAAA,CAA+BC,kBAAA,CAAA,6NAAA,EAM/E;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

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

@@ -0,0 +1,11 @@
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+import templateOnly from '@ember/component/template-only';
+
+/** The `<tfoot>` of an `EuiTable`, with a row of `EuiTableFooterCell`s. */
+const EuiTableFooter = setComponentTemplate(precompileTemplate("<tfoot ...attributes><tr>{{yield}}</tr></tfoot>", {
+  strictMode: true
+}), templateOnly());
+
+export { EuiTableFooter as default };
+//# sourceMappingURL=eui-table-footer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"eui-table-footer.js","sources":["../../src/components/eui-table-footer.gts"],"sourcesContent":["import type { TemplateOnlyComponent } from '@ember/component/template-only';\n\n/** The `<tfoot>` of an `EuiTable`, with a row of `EuiTableFooterCell`s. */\nexport interface EuiTableFooterSignature {\n  Element: HTMLTableSectionElement;\n  Blocks: {\n    /** The footer cells. */\n    default: [];\n  };\n}\n\nconst EuiTableFooter: TemplateOnlyComponent<EuiTableFooterSignature> = <template>\n  <tfoot ...attributes><tr>{{yield}}</tr></tfoot>\n</template>;\n\nexport default EuiTableFooter;\n"],"names":["EuiTableFooter","setComponentTemplate","precompileTemplate","strictMode","templateOnly"],"mappings":";;;;AAEA;AASA,MAAMA,cAAsC,GAAAC,oBAAA,CAA2BC,kBAAA,CAAA,iDAAA,EAEvE;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

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

@@ -0,0 +1,18 @@
+import didInsert from '@ember/render-modifiers/modifiers/did-insert';
+import EuiIcon from './eui-icon.js';
+import EuiImage from './eui-inner-text.js';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+import templateOnly from '@ember/component/template-only';
+
+const EuiTableHeaderButton = setComponentTemplate(precompileTemplate("<button type=\"button\" class=\"euiTableHeaderButton\" ...attributes>\n  <EuiInnerText as |ref innerText|>\n    <span title={{innerText}} {{didInsert ref}}>{{yield}}</span>\n  </EuiInnerText>\n  {{#if @iconType}}\n    <EuiIcon class=\"euiTableHeaderButton__icon\" @type={{@iconType}} @size=\"m\" aria-hidden=\"true\" />\n  {{/if}}\n</button>", {
+  strictMode: true,
+  scope: () => ({
+    EuiInnerText: EuiImage,
+    didInsert,
+    EuiIcon
+  })
+}), templateOnly());
+
+export { EuiTableHeaderButton as default };
+//# sourceMappingURL=eui-table-header-button.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"eui-table-header-button.js","sources":["../../src/components/eui-table-header-button.gts"],"sourcesContent":["import didInsert from '@ember/render-modifiers/modifiers/did-insert';\n\nimport EuiIcon from './eui-icon.gts';\nimport EuiInnerText from './eui-inner-text.gts';\n\nimport type { EuiIconSignature } from './eui-icon';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\n/** A button in a header cell, e.g. a column that opens a menu. */\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 EuiTableHeaderButton: TemplateOnlyComponent<EuiTableHeaderButtonSignature> = <template>\n  <button type=\"button\" class=\"euiTableHeaderButton\" ...attributes>\n    <EuiInnerText as |ref innerText|>\n      <span title={{innerText}} {{didInsert ref}}>{{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\nexport default EuiTableHeaderButton;\n"],"names":["EuiTableHeaderButton","setComponentTemplate","precompileTemplate","strictMode","scope","EuiInnerText","didInsert","EuiIcon","templateOnly"],"mappings":";;;;;;;AAqBA,MAAMA,oBAA4C,GAAAC,oBAAA,CAAiCC,kBAAA,CAAA,uVAAA,EAcnF;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;kBAAAC,QAAA;IAAAC,SAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

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

@@ -0,0 +1,14 @@
+import { widthStyle } from '../-private/table.js';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+import templateOnly from '@ember/component/template-only';
+
+const EuiTableHeaderCellCheckbox = setComponentTemplate(precompileTemplate("<th class=\"euiTableHeaderCellCheckbox\" scope={{if @scope @scope \"col\"}} style={{widthStyle @width}} ...attributes>\n  <div class=\"euiTableCellContent\">{{yield}}</div>\n</th>", {
+  strictMode: true,
+  scope: () => ({
+    widthStyle
+  })
+}), templateOnly());
+
+export { EuiTableHeaderCellCheckbox as default };
+//# sourceMappingURL=eui-table-header-cell-checkbox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"eui-table-header-cell-checkbox.js","sources":["../../src/components/eui-table-header-cell-checkbox.gts"],"sourcesContent":["import { widthStyle } from '../-private/table.ts';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\n/** A header cell holding a checkbox, e.g. \"select all rows\". */\nexport interface EuiTableHeaderCellCheckboxSignature {\n  Element: HTMLTableCellElement;\n  Args: {\n    /** Width, e.g. `32` (px). */\n    width?: number | string;\n    /** `scope` of the `<th>`. Defaults to `'col'`. */\n    scope?: string;\n  };\n  Blocks: {\n    /** The checkbox. */\n    default: [];\n  };\n}\n\nconst EuiTableHeaderCellCheckbox: TemplateOnlyComponent<EuiTableHeaderCellCheckboxSignature> =\n  <template>\n    <th\n      class=\"euiTableHeaderCellCheckbox\"\n      scope={{if @scope @scope \"col\"}}\n      style={{widthStyle @width}}\n      ...attributes\n    >\n      <div class=\"euiTableCellContent\">{{yield}}</div>\n    </th>\n  </template>;\n\nexport default EuiTableHeaderCellCheckbox;\n"],"names":["EuiTableHeaderCellCheckbox","setComponentTemplate","precompileTemplate","strictMode","scope","widthStyle","templateOnly"],"mappings":";;;;;AAmBA,MAAMA,0BAAkD,GAAAC,oBAAA,CACtDC,kBAAA,CAAA,qLAAA,EASA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

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

@@ -0,0 +1,67 @@
+import Component from '@glimmer/component';
+import didInsert from '@ember/render-modifiers/modifiers/did-insert';
+import { on } from '@ember/modifier';
+import { service } from '@ember/service';
+import { element } from 'ember-element-helper';
+import { alignClasses, widthStyle } from '../-private/table.js';
+import EuiIcon from './eui-icon.js';
+import EuiImage from './eui-inner-text.js';
+import EuiScreenReaderOnly from './eui-screen-reader-only.js';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+import { g, i } from 'decorator-transforms/runtime-esm';
+
+class EuiTableHeaderCell extends Component {
+  static {
+    g(this.prototype, "euiI18n", [service]);
+  }
+  #euiI18n = (i(this, "euiI18n"), void 0);
+  get classes() {
+    const mobile = this.args.mobileOptions ?? {};
+    return ['euiTableHeaderCell', mobile.only && 'euiTableHeaderCell--hideForDesktop', mobile.show === false && 'euiTableHeaderCell--hideForMobile'].filter(Boolean).join(' ');
+  }
+  get contentClasses() {
+    return ['euiTableCellContent', alignClasses(this.args.align)].filter(Boolean).join(' ');
+  }
+  get isSortable() {
+    return Boolean(this.args.onSort || this.args.isSorted);
+  }
+  get ariaSort() {
+    if (!this.isSortable) return undefined;
+    if (!this.args.isSorted) return 'none';
+    return this.args.isSortAscending ? 'ascending' : 'descending';
+  }
+  title = innerText => this.args.description ? this.euiI18n.lookupToken('euiTableHeaderCell.titleTextWithDesc', '{innerText}; {description}', {
+    innerText,
+    description: this.args.description
+  }) : innerText;
+  static {
+    setComponentTemplate(precompileTemplate("{{#let (element (if (has-block) \"th\" \"td\")) as |Cell|}}\n  <Cell class={{this.classes}} scope={{if (has-block) (if @scope @scope \"col\")}} role=\"columnheader\" aria-sort={{this.ariaSort}} aria-live={{if this.isSortable \"polite\"}} style={{widthStyle @width}} ...attributes>\n    {{#if (and2 @onSort (not2 @readOnly))}}\n      <button type=\"button\" class=\"euiTableHeaderButton {{if @isSorted \"euiTableHeaderButton-isSorted\"}}\" data-test-subj=\"tableHeaderSortButton\" {{on \"click\" (sortHandler @onSort)}}>\n        <span class={{this.contentClasses}}>\n          <EuiInnerText as |ref innerText|>\n            <span class=\"euiTableCellContent__text\" title={{this.title innerText}} {{didInsert ref}}>{{yield}}</span>\n          </EuiInnerText>\n          {{#if @description}}\n            <EuiScreenReaderOnly>{{@description}}</EuiScreenReaderOnly>\n          {{/if}}\n          {{#if @isSorted}}\n            <EuiIcon class=\"euiTableSortIcon\" @type={{if @isSortAscending \"sortUp\" \"sortDown\"}} @size=\"m\" />\n          {{/if}}\n        </span>\n      </button>\n    {{else}}\n      <span class={{this.contentClasses}}>\n        <EuiInnerText as |ref innerText|>\n          <span class=\"euiTableCellContent__text\" title={{this.title innerText}} {{didInsert ref}}>{{yield}}</span>\n        </EuiInnerText>\n        {{#if @description}}\n          <EuiScreenReaderOnly>{{@description}}</EuiScreenReaderOnly>\n        {{/if}}\n        {{#if (and2 this.isSortable @isSorted)}}\n          <EuiIcon class=\"euiTableSortIcon\" @type={{if @isSortAscending \"sortUp\" \"sortDown\"}} @size=\"m\" />\n        {{/if}}\n      </span>\n    {{/if}}\n  </Cell>\n{{/let}}", {
+      strictMode: true,
+      scope: () => ({
+        element,
+        widthStyle,
+        and2,
+        not2,
+        on,
+        sortHandler,
+        EuiInnerText: EuiImage,
+        didInsert,
+        EuiScreenReaderOnly,
+        EuiIcon
+      })
+    }), this);
+  }
+}
+function sortHandler(onSort) {
+  return event => onSort?.(event);
+}
+function and2(a, b) {
+  return Boolean(a && b);
+}
+function not2(a) {
+  return !a;
+}
+
+export { EuiTableHeaderCell as default };
+//# sourceMappingURL=eui-table-header-cell.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"eui-table-header-cell.js","sources":["../../src/components/eui-table-header-cell.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport didInsert from '@ember/render-modifiers/modifiers/did-insert';\nimport { on } from '@ember/modifier';\nimport { service } from '@ember/service';\n\nimport { element } from 'ember-element-helper';\n\nimport { alignClasses, widthStyle } from '../-private/table.ts';\nimport EuiIcon from './eui-icon.gts';\nimport EuiInnerText from './eui-inner-text.gts';\nimport EuiScreenReaderOnly from './eui-screen-reader-only.gts';\n\nimport type EuiI18n from '../services/eui-i18n';\nimport type { TableAlignment, TableMobileOptions } from '../-private/table.ts';\n\n/**\n * A column header of an `EuiTable`. With `@onSort` it is a button that\n * shows the sort direction (`@isSorted`, `@isSortAscending`).\n */\nexport interface EuiTableHeaderCellSignature {\n  Element: HTMLTableCellElement;\n  Args: {\n    /** `'left'`, `'right'` (numbers) or `'center'`. Defaults to `'left'`. */\n    align?: TableAlignment;\n    /** Makes the header a button sorting the column. */\n    onSort?: (event: MouseEvent) => void;\n    /** The table is sorted by this column: shows the direction. */\n    isSorted?: boolean;\n    /** Ascending order (arrow up); descending otherwise. */\n    isSortAscending?: boolean;\n    /** Shows the sort state without the button. */\n    readOnly?: boolean;\n    /** Width, e.g. `100` (px) or `'20%'`. */\n    width?: number | string;\n    /** More about the column, in its title and for screen readers. */\n    description?: string;\n    /** `scope` of the `<th>`. Defaults to `'col'`. */\n    scope?: string;\n    /** `{ show, only }` on small screens. */\n    mobileOptions?: TableMobileOptions;\n  };\n  Blocks: {\n    /** The column's name. */\n    default: [];\n  };\n}\n\nexport default class EuiTableHeaderCell extends Component<EuiTableHeaderCellSignature> {\n  @service declare euiI18n: EuiI18n;\n\n  get classes(): string {\n    const mobile = this.args.mobileOptions ?? {};\n\n    return [\n      'euiTableHeaderCell',\n      mobile.only && 'euiTableHeaderCell--hideForDesktop',\n      mobile.show === false && 'euiTableHeaderCell--hideForMobile'\n    ]\n      .filter(Boolean)\n      .join(' ');\n  }\n\n  get contentClasses(): string {\n    return ['euiTableCellContent', alignClasses(this.args.align)].filter(Boolean).join(' ');\n  }\n\n  get isSortable(): boolean {\n    return Boolean(this.args.onSort || this.args.isSorted);\n  }\n\n  get ariaSort(): string | undefined {\n    if (!this.isSortable) return undefined;\n    if (!this.args.isSorted) return 'none';\n\n    return this.args.isSortAscending ? 'ascending' : 'descending';\n  }\n\n  title = (innerText: string): string =>\n    this.args.description\n      ? this.euiI18n.lookupToken('euiTableHeaderCell.titleTextWithDesc', '{innerText}; {description}', {\n          innerText,\n          description: this.args.description\n        })\n      : innerText;\n\n  <template>\n    {{#let (element (if (has-block) \"th\" \"td\")) as |Cell|}}\n      <Cell\n        class={{this.classes}}\n        scope={{if (has-block) (if @scope @scope \"col\")}}\n        role=\"columnheader\"\n        aria-sort={{this.ariaSort}}\n        aria-live={{if this.isSortable \"polite\"}}\n        style={{widthStyle @width}}\n        ...attributes\n      >\n        {{#if (and2 @onSort (not2 @readOnly))}}\n          <button\n            type=\"button\"\n            class=\"euiTableHeaderButton {{if @isSorted 'euiTableHeaderButton-isSorted'}}\"\n            data-test-subj=\"tableHeaderSortButton\"\n            {{on \"click\" (sortHandler @onSort)}}\n          >\n            <span class={{this.contentClasses}}>\n              <EuiInnerText as |ref innerText|>\n                <span\n                  class=\"euiTableCellContent__text\"\n                  title={{this.title innerText}}\n                  {{didInsert ref}}\n                >{{yield}}</span>\n              </EuiInnerText>\n              {{#if @description}}\n                <EuiScreenReaderOnly>{{@description}}</EuiScreenReaderOnly>\n              {{/if}}\n              {{#if @isSorted}}\n                <EuiIcon\n                  class=\"euiTableSortIcon\"\n                  @type={{if @isSortAscending \"sortUp\" \"sortDown\"}}\n                  @size=\"m\"\n                />\n              {{/if}}\n            </span>\n          </button>\n        {{else}}\n          <span class={{this.contentClasses}}>\n            <EuiInnerText as |ref innerText|>\n              <span\n                class=\"euiTableCellContent__text\"\n                title={{this.title innerText}}\n                {{didInsert ref}}\n              >{{yield}}</span>\n            </EuiInnerText>\n            {{#if @description}}\n              <EuiScreenReaderOnly>{{@description}}</EuiScreenReaderOnly>\n            {{/if}}\n            {{#if (and2 this.isSortable @isSorted)}}\n              <EuiIcon\n                class=\"euiTableSortIcon\"\n                @type={{if @isSortAscending \"sortUp\" \"sortDown\"}}\n                @size=\"m\"\n              />\n            {{/if}}\n          </span>\n        {{/if}}\n      </Cell>\n    {{/let}}\n  </template>\n}\n\nfunction sortHandler(onSort?: (event: MouseEvent) => void): (event: MouseEvent) => void {\n  return (event) => onSort?.(event);\n}\n\nfunction and2(a: unknown, b: unknown): boolean {\n  return Boolean(a && b);\n}\n\nfunction not2(a: unknown): boolean {\n  return !a;\n}\n"],"names":["EuiTableHeaderCell","Component","g","prototype","service","i","classes","mobile","args","mobileOptions","only","show","filter","Boolean","join","contentClasses","alignClasses","align","isSortable","onSort","isSorted","ariaSort","undefined","isSortAscending","title","innerText","description","euiI18n","lookupToken","setComponentTemplate","precompileTemplate","strictMode","scope","element","widthStyle","and2","not2","on","sortHandler","EuiInnerText","didInsert","EuiScreenReaderOnly","EuiIcon","event","a","b"],"mappings":";;;;;;;;;;;;;AA+Ce,MAAMA,2BAA2BC,SAAA,CAAU;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,SAAA,EAAA,CACvDC,OAAA,CAAA,CAAA;AAAA;EAAA,QAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,SAAA,CAAA,EAAA,MAAA;EAED,IAAIC,OAAAA,GAAkB;IACpB,MAAMC,SAAS,IAAI,CAACC,IAAI,CAACC,aAAa,IAAI,EAAC;IAE3C,OAAO,CACL,oBAAA,EACAF,MAAA,CAAOG,IAAI,IAAI,oCAAA,EACfH,MAAA,CAAOI,IAAI,KAAK,KAAA,IAAS,mCAAA,CAC1B,CACEC,MAAM,CAACC,OAAA,CAAA,CACPC,IAAI,CAAC,GAAA,CAAA;AACV,EAAA;EAEA,IAAIC,cAAAA,GAAyB;IAC3B,OAAO,CAAC,qBAAA,EAAuBC,YAAA,CAAa,IAAI,CAACR,IAAI,CAACS,KAAK,CAAA,CAAE,CAACL,MAAM,CAACC,OAAA,CAAA,CAASC,IAAI,CAAC,GAAA,CAAA;AACrF,EAAA;EAEA,IAAII,UAAAA,GAAsB;AACxB,IAAA,OAAOL,OAAA,CAAQ,IAAI,CAACL,IAAI,CAACW,MAAM,IAAI,IAAI,CAACX,IAAI,CAACY,QAAQ,CAAA;AACvD,EAAA;EAEA,IAAIC,QAAAA,GAA+B;AACjC,IAAA,IAAI,CAAC,IAAI,CAACH,UAAU,EAAE,OAAOI,SAAA;IAC7B,IAAI,CAAC,IAAI,CAACd,IAAI,CAACY,QAAQ,EAAE,OAAO,MAAA;IAEhC,OAAO,IAAI,CAACZ,IAAI,CAACe,eAAe,GAAG,WAAA,GAAc,YAAA;AACnD,EAAA;AAEAC,EAAAA,KAAA,GAASC,SAAiB,IACxB,IAAI,CAACjB,IAAI,CAACkB,WAAW,GACjB,IAAI,CAACC,OAAO,CAACC,WAAW,CAAC,wCAAwC,4BAAA,EAA8B;IAC7FH,SAAA;AACAC,IAAAA,WAAA,EAAa,IAAI,CAAClB,IAAI,CAACkB;GACzB,CAAA,GACAD,SAAA;AAEN,EAAA;IAAAI,oBAAA,CAAAC,kBAAA,CAAA,+oDAAA,EA6DA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,OAAA;QAAAC,UAAA;QAAAC,IAAA;QAAAC,IAAA;QAAAC,EAAA;QAAAC,WAAA;sBAAAC,QAAA;QAAAC,SAAA;QAAAC,mBAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;AAEA,SAASJ,WAAAA,CAAYnB,MAAoC,EAA8B;AACrF,EAAA,OAAQwB,SAAUxB,MAAA,GAASwB,KAAA,CAAA;AAC7B;AAEA,SAASR,KAAKS,CAAU,EAAEC,CAAU,EAAU;AAC5C,EAAA,OAAOhC,QAAQ+B,CAAA,IAAKC,CAAA,CAAA;AACtB;AAEA,SAAST,IAAAA,CAAKQ,CAAU,EAAU;AAChC,EAAA,OAAO,CAACA,CAAA;AACV;;"}

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

@@ -0,0 +1,14 @@
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+import templateOnly from '@ember/component/template-only';
+
+/**
+ * A bar shown above a responsive `EuiTable` on small screens (where the
+ * header row is hidden), e.g. with "select all" and `EuiTableSortMobile`.
+ */
+const EuiTableHeaderMobile = setComponentTemplate(precompileTemplate("<div class=\"euiTableHeaderMobile\" ...attributes>{{yield}}</div>", {
+  strictMode: true
+}), templateOnly());
+
+export { EuiTableHeaderMobile as default };
+//# sourceMappingURL=eui-table-header-mobile.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"eui-table-header-mobile.js","sources":["../../src/components/eui-table-header-mobile.gts"],"sourcesContent":["import type { TemplateOnlyComponent } from '@ember/component/template-only';\n\n/**\n * A bar shown above a responsive `EuiTable` on small screens (where the\n * header row is hidden), e.g. with \"select all\" and `EuiTableSortMobile`.\n */\nexport interface EuiTableHeaderMobileSignature {\n  Element: HTMLDivElement;\n  Blocks: {\n    /** The controls. */\n    default: [];\n  };\n}\n\nconst EuiTableHeaderMobile: TemplateOnlyComponent<EuiTableHeaderMobileSignature> = <template>\n  <div class=\"euiTableHeaderMobile\" ...attributes>{{yield}}</div>\n</template>;\n\nexport default EuiTableHeaderMobile;\n"],"names":["EuiTableHeaderMobile","setComponentTemplate","precompileTemplate","strictMode","templateOnly"],"mappings":";;;;AAEA;;;AAGC;AASD,MAAMA,oBAA4C,GAAAC,oBAAA,CAAiCC,kBAAA,CAAA,mEAAA,EAEnF;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

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

@@ -0,0 +1,17 @@
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+import templateOnly from '@ember/component/template-only';
+
+/** The `<thead>` of an `EuiTable`, with its row of `EuiTableHeaderCell`s. */
+function wrap(value) {
+  return value !== false;
+}
+const EuiTableHeader = setComponentTemplate(precompileTemplate("<thead ...attributes>\n  {{#if (wrap @wrapWithTableRow)}}\n    <tr>{{yield}}</tr>\n  {{else}}\n    {{yield}}\n  {{/if}}\n</thead>", {
+  strictMode: true,
+  scope: () => ({
+    wrap
+  })
+}), templateOnly());
+
+export { EuiTableHeader as default };
+//# sourceMappingURL=eui-table-header.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"eui-table-header.js","sources":["../../src/components/eui-table-header.gts"],"sourcesContent":["import type { TemplateOnlyComponent } from '@ember/component/template-only';\n\n/** The `<thead>` of an `EuiTable`, with its row of `EuiTableHeaderCell`s. */\nexport interface EuiTableHeaderSignature {\n  Element: HTMLTableSectionElement;\n  Args: {\n    /** Wraps the cells in a `<tr>`. Defaults to `true`. */\n    wrapWithTableRow?: boolean;\n  };\n  Blocks: {\n    /** The header cells (or rows, without `@wrapWithTableRow`). */\n    default: [];\n  };\n}\n\nfunction wrap(value?: boolean): boolean {\n  return value !== false;\n}\n\nconst EuiTableHeader: TemplateOnlyComponent<EuiTableHeaderSignature> = <template>\n  <thead ...attributes>\n    {{#if (wrap @wrapWithTableRow)}}\n      <tr>{{yield}}</tr>\n    {{else}}\n      {{yield}}\n    {{/if}}\n  </thead>\n</template>;\n\nexport default EuiTableHeader;\n"],"names":["wrap","value","EuiTableHeader","setComponentTemplate","precompileTemplate","strictMode","scope","templateOnly"],"mappings":";;;;AAEA;AAaA,SAASA,IAAAA,CAAKC,KAAe,EAAU;EACrC,OAAOA,KAAA,KAAU,KAAA;AACnB;AAEA,MAAMC,cAAsC,GAAAC,oBAAA,CAA2BC,kBAAA,CAAA,mIAAA,EAQvE;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;AAAAN,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAO,YAAA,EAAA;;"}

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

@@ -0,0 +1,80 @@
+import Component from '@glimmer/component';
+import { tracked } from '@glimmer/tracking';
+import { fn } from '@ember/helper';
+import { on } from '@ember/modifier';
+import { action } from '@ember/object';
+import { service } from '@ember/service';
+import EuiButtonEmpty from './eui-button-empty.js';
+import EuiContextMenuItemComponent from './eui-context-menu-item.js';
+import EuiContextMenuPanel from './eui-context-menu-panel.js';
+import EuiFlexGroup from './eui-flex-group.js';
+import EuiFlexItem from './eui-flex-item.js';
+import EuiPaginationComponent from './eui-pagination.js';
+import EuiPopoverComponent from './eui-popover.js';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+import { g, i, n } from 'decorator-transforms/runtime-esm';
+
+class EuiTablePagination extends Component {
+  static {
+    g(this.prototype, "euiI18n", [service]);
+  }
+  #euiI18n = (i(this, "euiI18n"), void 0);
+  static {
+    g(this.prototype, "isPopoverOpen", [tracked], function () {
+      return false;
+    });
+  }
+  #isPopoverOpen = (i(this, "isPopoverOpen"), void 0);
+  get itemsPerPage() {
+    return this.args.itemsPerPage ?? 50;
+  }
+  get options() {
+    return this.args.itemsPerPageOptions ?? [10, 20, 50, 100];
+  }
+  get rowsPerPage() {
+    return this.euiI18n.lookupToken('euiTablePagination.rowsPerPage', 'Rows per page');
+  }
+  optionLabel = rows => this.euiI18n.lookupToken('euiTablePagination.rowsPerPageOption', '{rowsPerPage} rows', {
+    rowsPerPage: rows
+  });
+  isCurrent = rows => rows === this.itemsPerPage;
+  toggle() {
+    this.isPopoverOpen = !this.isPopoverOpen;
+  }
+  static {
+    n(this.prototype, "toggle", [action]);
+  }
+  close() {
+    this.isPopoverOpen = false;
+  }
+  static {
+    n(this.prototype, "close", [action]);
+  }
+  choose(rows) {
+    this.close();
+    this.args.onChangeItemsPerPage?.(rows);
+  }
+  static {
+    n(this.prototype, "choose", [action]);
+  }
+  static {
+    setComponentTemplate(precompileTemplate("<EuiFlexGroup @justifyContent=\"spaceBetween\" @alignItems=\"center\" @responsive={{false}} ...attributes>\n  <EuiFlexItem @grow={{false}}>\n    {{#unless @hidePerPageOptions}}\n      <EuiPopover @isOpen={{this.isPopoverOpen}} @closePopover={{this.close}} @panelPaddingSize=\"none\" @anchorPosition=\"upRight\">\n        <:button>\n          <EuiButtonEmpty @size=\"xs\" @color=\"text\" @iconType=\"arrowDown\" @iconSide=\"right\" data-test-subj=\"tablePaginationPopoverButton\" {{on \"click\" this.toggle}}>{{this.rowsPerPage}}: {{this.itemsPerPage}}</EuiButtonEmpty>\n        </:button>\n        <:content>\n          <EuiContextMenuPanel>\n            {{#each this.options as |rows|}}\n              <EuiContextMenuItem @icon={{if (this.isCurrent rows) \"check\" \"empty\"}} data-test-subj=\"tablePagination-{{rows}}-rows\" {{on \"click\" (fn this.choose rows)}}>{{this.optionLabel rows}}</EuiContextMenuItem>\n            {{/each}}\n          </EuiContextMenuPanel>\n        </:content>\n      </EuiPopover>\n    {{/unless}}\n  </EuiFlexItem>\n  <EuiFlexItem @grow={{false}}>\n    <EuiPagination @pageCount={{@pageCount}} @activePage={{@activePage}} @onPageClick={{@onChangePage}} @compressed={{@compressed}} />\n  </EuiFlexItem>\n</EuiFlexGroup>", {
+      strictMode: true,
+      scope: () => ({
+        EuiFlexGroup,
+        EuiFlexItem,
+        EuiPopover: EuiPopoverComponent,
+        EuiButtonEmpty,
+        on,
+        EuiContextMenuPanel,
+        EuiContextMenuItem: EuiContextMenuItemComponent,
+        fn,
+        EuiPagination: EuiPaginationComponent
+      })
+    }), this);
+  }
+}
+
+export { EuiTablePagination as default };
+//# sourceMappingURL=eui-table-pagination.js.map

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

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

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

@@ -0,0 +1,11 @@
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+import templateOnly from '@ember/component/template-only';
+
+/** A row cell holding a checkbox, e.g. to select the row. */
+const EuiTableRowCellCheckbox = setComponentTemplate(precompileTemplate("<td class=\"euiTableRowCellCheckbox\" ...attributes>\n  <div class=\"euiTableCellContent\">{{yield}}</div>\n</td>", {
+  strictMode: true
+}), templateOnly());
+
+export { EuiTableRowCellCheckbox as default };
+//# sourceMappingURL=eui-table-row-cell-checkbox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"eui-table-row-cell-checkbox.js","sources":["../../src/components/eui-table-row-cell-checkbox.gts"],"sourcesContent":["import type { TemplateOnlyComponent } from '@ember/component/template-only';\n\n/** A row cell holding a checkbox, e.g. to select the row. */\nexport interface EuiTableRowCellCheckboxSignature {\n  Element: HTMLTableCellElement;\n  Blocks: {\n    /** The checkbox. */\n    default: [];\n  };\n}\n\nconst EuiTableRowCellCheckbox: TemplateOnlyComponent<EuiTableRowCellCheckboxSignature> =\n  <template>\n    <td class=\"euiTableRowCellCheckbox\" ...attributes>\n      <div class=\"euiTableCellContent\">{{yield}}</div>\n    </td>\n  </template>;\n\nexport default EuiTableRowCellCheckbox;\n"],"names":["EuiTableRowCellCheckbox","setComponentTemplate","precompileTemplate","strictMode","templateOnly"],"mappings":";;;;AAEA;AASA,MAAMA,uBAA+C,GAAAC,oBAAA,CACnDC,kBAAA,CAAA,mHAAA,EAIA;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

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

@@ -0,0 +1,38 @@
+import { widthStyle, alignClasses } from '../-private/table.js';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+import templateOnly from '@ember/component/template-only';
+
+function cellClasses(hasActions, isExpander, mobile = {}, valign = 'middle') {
+  return ['euiTableRowCell', hasActions && 'euiTableRowCell--hasActions', isExpander && 'euiTableRowCell--isExpander', mobile.only && 'euiTableRowCell--hideForDesktop', mobile.enlarge && 'euiTableRowCell--enlargeForMobile', `euiTableRowCell--${valign}`, mobile.show === false && 'euiTableRowCell--hideForMobile'].filter(Boolean).join(' ');
+}
+function contentClasses(align, showOnHover, truncateText, textOnly) {
+  return ['euiTableCellContent', alignClasses(align), showOnHover && 'euiTableCellContent--showOnHover', truncateText && 'euiTableCellContent--truncateText', textOnly === false && 'euiTableCellContent--overflowingContent'].filter(Boolean).join(' ');
+}
+function childClasses(textOnly, showOnHover) {
+  return [textOnly !== false && 'euiTableCellContent__text', showOnHover && 'euiTableCellContent__hoverItem'].filter(Boolean).join(' ');
+}
+function isShown(mobile = {}) {
+  return mobile.show !== false;
+}
+function mobileAlign(mobile = {}, align) {
+  return mobile.align ?? align;
+}
+function mobileTruncate(mobile = {}, truncateText) {
+  return mobile.truncateText ?? truncateText;
+}
+const EuiTableRowCell = setComponentTemplate(precompileTemplate("{{#let (contentClasses @align @showOnHover @truncateText @textOnly) (childClasses @textOnly @showOnHover) as |content child|}}\n  {{#if @setScopeRow}}\n    <th class={{cellClasses @hasActions @isExpander @mobileOptions @valign}} scope=\"row\" style={{widthStyle @width}} ...attributes>\n      {{#if (isShown @mobileOptions)}}\n        {{#if @mobileOptions.header}}\n          <div class=\"euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop\">{{@mobileOptions.header}}</div>\n        {{/if}}\n      {{/if}}\n      <div class={{content}}><span class={{child}}>{{yield}}</span></div>\n    </th>\n  {{else}}\n    <td class={{cellClasses @hasActions @isExpander @mobileOptions @valign}} style={{widthStyle @width}} ...attributes>\n      {{#if (isShown @mobileOptions)}}\n        {{#if @mobileOptions.header}}\n          <div class=\"euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop\">{{@mobileOptions.header}}</div>\n        {{/if}}\n        {{#if (has-block \"mobile\")}}\n          <div class=\"{{contentClasses (mobileAlign @mobileOptions @align) @showOnHover (mobileTruncate @mobileOptions @truncateText) @textOnly}} euiTableRowCell--hideForDesktop\"><span class={{child}}>{{yield to=\"mobile\"}}</span></div>\n          <div class=\"{{content}} euiTableRowCell--hideForMobile\"><span class={{child}}>{{yield}}</span></div>\n        {{else}}\n          <div class={{content}}><span class={{child}}>{{yield}}</span></div>\n        {{/if}}\n      {{else}}\n        <div class={{content}}><span class={{child}}>{{yield}}</span></div>\n      {{/if}}\n    </td>\n  {{/if}}\n{{/let}}", {
+  strictMode: true,
+  scope: () => ({
+    contentClasses,
+    childClasses,
+    cellClasses,
+    widthStyle,
+    isShown,
+    mobileAlign,
+    mobileTruncate
+  })
+}), templateOnly());
+
+export { EuiTableRowCell as default };
+//# sourceMappingURL=eui-table-row-cell.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"eui-table-row-cell.js","sources":["../../src/components/eui-table-row-cell.gts"],"sourcesContent":["import { alignClasses, widthStyle } from '../-private/table.ts';\n\nimport type { TableAlignment, TableMobileOptions } from '../-private/table.ts';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\n/** A cell of an `EuiTableRow`. */\nexport interface EuiTableRowCellSignature {\n  Element: HTMLTableCellElement;\n  Args: {\n    /** `'left'`, `'right'` (numbers) or `'center'`. Defaults to `'left'`. */\n    align?: TableAlignment;\n    /** Cuts long text with an ellipsis instead of wrapping it. */\n    truncateText?: boolean;\n    /**\n     * The content is only text (wrapped in a span that truncates or\n     * wraps). Set `false` for components. Defaults to `true`.\n     */\n    textOnly?: boolean;\n    /** Renders a `<th scope=\"row\">`: the row's header. */\n    setScopeRow?: boolean;\n    /** Shows the content only while the row is hovered. */\n    showOnHover?: boolean;\n    /** The cell holds the row's actions. */\n    hasActions?: boolean;\n    /** The cell holds the row's expand button. */\n    isExpander?: boolean;\n    /** Vertical alignment: `'top'`, `'middle'` or `'bottom'`. Defaults to `'middle'`. */\n    valign?: 'top' | 'middle' | 'bottom';\n    /** Width, e.g. `100` (px) or `'20%'`. */\n    width?: number | string;\n    /**\n     * On small screens: `{ show, only, header, enlarge, align,\n     * truncateText }`. `header` labels the value in the row's card; the\n     * `<:mobile>` block replaces the content there.\n     */\n    mobileOptions?: TableMobileOptions;\n  };\n  Blocks: {\n    /** The content. */\n    default: [];\n    /** Different content on small screens. */\n    mobile: [];\n  };\n}\n\nfunction cellClasses(\n  hasActions?: boolean,\n  isExpander?: boolean,\n  mobile: TableMobileOptions = {},\n  valign = 'middle'\n): string {\n  return [\n    'euiTableRowCell',\n    hasActions && 'euiTableRowCell--hasActions',\n    isExpander && 'euiTableRowCell--isExpander',\n    mobile.only && 'euiTableRowCell--hideForDesktop',\n    mobile.enlarge && 'euiTableRowCell--enlargeForMobile',\n    `euiTableRowCell--${valign}`,\n    mobile.show === false && 'euiTableRowCell--hideForMobile'\n  ]\n    .filter(Boolean)\n    .join(' ');\n}\n\nfunction contentClasses(\n  align?: TableAlignment,\n  showOnHover?: boolean,\n  truncateText?: boolean,\n  textOnly?: boolean\n): string {\n  return [\n    'euiTableCellContent',\n    alignClasses(align),\n    showOnHover && 'euiTableCellContent--showOnHover',\n    truncateText && 'euiTableCellContent--truncateText',\n    textOnly === false && 'euiTableCellContent--overflowingContent'\n  ]\n    .filter(Boolean)\n    .join(' ');\n}\n\nfunction childClasses(textOnly?: boolean, showOnHover?: boolean): string {\n  return [textOnly !== false && 'euiTableCellContent__text', showOnHover && 'euiTableCellContent__hoverItem']\n    .filter(Boolean)\n    .join(' ');\n}\n\nfunction isShown(mobile: TableMobileOptions = {}): boolean {\n  return mobile.show !== false;\n}\n\nfunction mobileAlign(mobile: TableMobileOptions = {}, align?: TableAlignment): TableAlignment | undefined {\n  return mobile.align ?? align;\n}\n\nfunction mobileTruncate(mobile: TableMobileOptions = {}, truncateText?: boolean): boolean | undefined {\n  return mobile.truncateText ?? truncateText;\n}\n\nconst EuiTableRowCell: TemplateOnlyComponent<EuiTableRowCellSignature> = <template>\n  {{#let\n    (contentClasses @align @showOnHover @truncateText @textOnly)\n    (childClasses @textOnly @showOnHover)\n    as |content child|\n  }}\n    {{#if @setScopeRow}}\n      <th\n        class={{cellClasses @hasActions @isExpander @mobileOptions @valign}}\n        scope=\"row\"\n        style={{widthStyle @width}}\n        ...attributes\n      >\n        {{#if (isShown @mobileOptions)}}\n          {{#if @mobileOptions.header}}\n            <div class=\"euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop\">{{@mobileOptions.header}}</div>\n          {{/if}}\n        {{/if}}\n        <div class={{content}}><span class={{child}}>{{yield}}</span></div>\n      </th>\n    {{else}}\n      <td\n        class={{cellClasses @hasActions @isExpander @mobileOptions @valign}}\n        style={{widthStyle @width}}\n        ...attributes\n      >\n        {{#if (isShown @mobileOptions)}}\n          {{#if @mobileOptions.header}}\n            <div class=\"euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop\">{{@mobileOptions.header}}</div>\n          {{/if}}\n          {{#if (has-block \"mobile\")}}\n            <div\n              class=\"{{contentClasses\n                  (mobileAlign @mobileOptions @align)\n                  @showOnHover\n                  (mobileTruncate @mobileOptions @truncateText)\n                  @textOnly\n                }} euiTableRowCell--hideForDesktop\"\n            ><span class={{child}}>{{yield to=\"mobile\"}}</span></div>\n            <div class=\"{{content}} euiTableRowCell--hideForMobile\"><span class={{child}}>{{yield}}</span></div>\n          {{else}}\n            <div class={{content}}><span class={{child}}>{{yield}}</span></div>\n          {{/if}}\n        {{else}}\n          <div class={{content}}><span class={{child}}>{{yield}}</span></div>\n        {{/if}}\n      </td>\n    {{/if}}\n  {{/let}}\n</template>;\n\nexport default EuiTableRowCell;\n"],"names":["cellClasses","hasActions","isExpander","mobile","valign","only","enlarge","show","filter","Boolean","join","contentClasses","align","showOnHover","truncateText","textOnly","alignClasses","childClasses","isShown","mobileAlign","mobileTruncate","EuiTableRowCell","setComponentTemplate","precompileTemplate","strictMode","scope","widthStyle","templateOnly"],"mappings":";;;;;AA6CA,SAASA,WAAAA,CACPC,UAAoB,EACpBC,UAAoB,EACpBC,MAAQ,GAAqB,EAAE,EAC/BC,MAAA,GAAS,QAAQ,EACV;EACP,OAAO,CACL,iBAAA,EACAH,UAAA,IAAc,6BAAA,EACdC,UAAA,IAAc,6BAAA,EACdC,MAAA,CAAOE,IAAI,IAAI,iCAAA,EACfF,MAAA,CAAOG,OAAO,IAAI,mCAAA,EAClB,CAAA,iBAAA,EAAoBF,MAAA,EAAQ,EAC5BD,MAAA,CAAOI,IAAI,KAAK,KAAA,IAAS,gCAAA,CAC1B,CACEC,MAAM,CAACC,OAAA,CAAA,CACPC,IAAI,CAAC,GAAA,CAAA;AACV;AAEA,SAASC,cAAAA,CACPC,KAAsB,EACtBC,WAAqB,EACrBC,YAAsB,EACtBC,QAAkB,EACX;AACP,EAAA,OAAO,CACL,qBAAA,EACAC,YAAA,CAAaJ,KAAA,CAAA,EACbC,WAAA,IAAe,kCAAA,EACfC,YAAA,IAAgB,mCAAA,EAChBC,QAAA,KAAa,KAAA,IAAS,yCAAA,CACvB,CACEP,MAAM,CAACC,OAAA,CAAA,CACPC,IAAI,CAAC,GAAA,CAAA;AACV;AAEA,SAASO,aAAaF,QAAkB,EAAEF,WAAqB,EAAS;EACtE,OAAO,CAACE,QAAA,KAAa,KAAA,IAAS,2BAAA,EAA6BF,WAAA,IAAe,gCAAA,CAAiC,CACxGL,MAAM,CAACC,OAAA,CAAA,CACPC,IAAI,CAAC,GAAA,CAAA;AACV;AAEA,SAASQ,QAAQf,MAAQ,GAAqB,EAAE,EAAU;AACxD,EAAA,OAAOA,MAAA,CAAOI,IAAI,KAAK,KAAA;AACzB;AAEA,SAASY,WAAAA,CAAYhB,MAAQ,GAAqB,EAAE,EAAES,KAAsB,EAA6B;AACvG,EAAA,OAAOT,MAAA,CAAOS,KAAK,IAAIA,KAAA;AACzB;AAEA,SAASQ,cAAAA,CAAejB,MAAQ,GAAqB,EAAE,EAAEW,YAAsB,EAAsB;AACnG,EAAA,OAAOX,MAAA,CAAOW,YAAY,IAAIA,YAAA;AAChC;AAEA,MAAMO,eAAuC,GAAAC,oBAAA,CAA4BC,kBAAA,CAAA,kkDAAA,EAiDzE;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAd,cAAA;IAAAM,YAAA;IAAAjB,WAAA;IAAA0B,UAAA;IAAAR,OAAA;IAAAC,WAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAO,YAAA,EAAA;;"}

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

@@ -0,0 +1,29 @@
+import { on } from '@ember/modifier';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+import templateOnly from '@ember/component/template-only';
+
+function classes(isSelectable, isSelected, hasActions, isExpandedRow, isExpandable, isClickable) {
+  return ['euiTableRow', isSelectable && 'euiTableRow-isSelectable', isSelected && 'euiTableRow-isSelected', hasActions && 'euiTableRow-hasActions', isExpandedRow && 'euiTableRow-isExpandedRow', isExpandable && 'euiTableRow-isExpandable', isClickable && 'euiTableRow-isClickable'].filter(Boolean).join(' ');
+}
+// Space would scroll the page: prevent it, and click on key up
+function preventSpace(event) {
+  if (event.key === ' ') event.preventDefault();
+}
+function clickOnKey(onClick) {
+  return event => {
+    if (event.key === 'Enter' || event.key === ' ') onClick(event);
+  };
+}
+const EuiTableRow = setComponentTemplate(precompileTemplate("{{#if @onClick}}\n  <tr class={{classes @isSelectable @isSelected @hasActions @isExpandedRow @isExpandable true}} tabindex=\"0\" {{on \"click\" @onClick}} {{on \"keydown\" preventSpace}} {{on \"keyup\" (clickOnKey @onClick)}} ...attributes>{{yield}}</tr>\n{{else}}\n  <tr class={{classes @isSelectable @isSelected @hasActions @isExpandedRow @isExpandable false}} ...attributes>{{yield}}</tr>\n{{/if}}", {
+  strictMode: true,
+  scope: () => ({
+    classes,
+    on,
+    preventSpace,
+    clickOnKey
+  })
+}), templateOnly());
+
+export { EuiTableRow as default };
+//# sourceMappingURL=eui-table-row.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"eui-table-row.js","sources":["../../src/components/eui-table-row.gts"],"sourcesContent":["import { on } from '@ember/modifier';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\n/** A row of an `EuiTable` body. */\nexport interface EuiTableRowSignature {\n  Element: HTMLTableRowElement;\n  Args: {\n    /** Highlights the row as selected. */\n    isSelected?: boolean;\n    /** The row has a selection checkbox. */\n    isSelectable?: boolean;\n    /** The row has an actions cell (with `@hasActions` on the cell). */\n    hasActions?: boolean;\n    /** The row can expand (it has an expander cell). */\n    isExpandable?: boolean;\n    /** The row is the expanded content of the previous row. */\n    isExpandedRow?: boolean;\n    /** Makes the row clickable (also with Enter and Space). */\n    onClick?: (event: Event) => void;\n  };\n  Blocks: {\n    /** The cells. */\n    default: [];\n  };\n}\n\nfunction classes(\n  isSelectable?: boolean,\n  isSelected?: boolean,\n  hasActions?: boolean,\n  isExpandedRow?: boolean,\n  isExpandable?: boolean,\n  isClickable?: boolean\n): string {\n  return [\n    'euiTableRow',\n    isSelectable && 'euiTableRow-isSelectable',\n    isSelected && 'euiTableRow-isSelected',\n    hasActions && 'euiTableRow-hasActions',\n    isExpandedRow && 'euiTableRow-isExpandedRow',\n    isExpandable && 'euiTableRow-isExpandable',\n    isClickable && 'euiTableRow-isClickable'\n  ]\n    .filter(Boolean)\n    .join(' ');\n}\n\n// Space would scroll the page: prevent it, and click on key up\nfunction preventSpace(event: KeyboardEvent): void {\n  if (event.key === ' ') event.preventDefault();\n}\n\nfunction clickOnKey(onClick: (event: Event) => void): (event: KeyboardEvent) => void {\n  return (event) => {\n    if (event.key === 'Enter' || event.key === ' ') onClick(event);\n  };\n}\n\nconst EuiTableRow: TemplateOnlyComponent<EuiTableRowSignature> = <template>\n  {{#if @onClick}}\n    <tr\n      class={{classes\n        @isSelectable\n        @isSelected\n        @hasActions\n        @isExpandedRow\n        @isExpandable\n        true\n      }}\n      tabindex=\"0\"\n      {{on \"click\" @onClick}}\n      {{on \"keydown\" preventSpace}}\n      {{on \"keyup\" (clickOnKey @onClick)}}\n      ...attributes\n    >{{yield}}</tr>\n  {{else}}\n    <tr\n      class={{classes\n        @isSelectable\n        @isSelected\n        @hasActions\n        @isExpandedRow\n        @isExpandable\n        false\n      }}\n      ...attributes\n    >{{yield}}</tr>\n  {{/if}}\n</template>;\n\nexport default EuiTableRow;\n"],"names":["classes","isSelectable","isSelected","hasActions","isExpandedRow","isExpandable","isClickable","filter","Boolean","join","preventSpace","event","key","preventDefault","clickOnKey","onClick","EuiTableRow","setComponentTemplate","precompileTemplate","strictMode","scope","on","templateOnly"],"mappings":";;;;;AA2BA,SAASA,QACPC,YAAsB,EACtBC,UAAoB,EACpBC,UAAoB,EACpBC,aAAuB,EACvBC,YAAsB,EACtBC,WAAqB,EACd;AACP,EAAA,OAAO,CACL,aAAA,EACAL,YAAA,IAAgB,0BAAA,EAChBC,UAAA,IAAc,wBAAA,EACdC,UAAA,IAAc,wBAAA,EACdC,aAAA,IAAiB,2BAAA,EACjBC,YAAA,IAAgB,0BAAA,EAChBC,WAAA,IAAe,yBAAA,CAChB,CACEC,MAAM,CAACC,OAAA,CAAA,CACPC,IAAI,CAAC,GAAA,CAAA;AACV;AAEA;AACA,SAASC,YAAAA,CAAaC,KAAoB,EAAO;EAC/C,IAAIA,KAAA,CAAMC,GAAG,KAAK,GAAA,EAAKD,MAAME,cAAc,EAAA;AAC7C;AAEA,SAASC,UAAAA,CAAWC,OAA+B,EAAiC;AAClF,EAAA,OAAQJ,KAAA,IAAA;AACN,IAAA,IAAIA,KAAA,CAAMC,GAAG,KAAK,OAAA,IAAWD,MAAMC,GAAG,KAAK,KAAKG,OAAA,CAAQJ,KAAA,CAAA;EAC1D,CAAA;AACF;AAEA,MAAMK,WAAmC,GAAAC,oBAAA,CAAwBC,kBAAA,CAAA,kZAAA,EA8BjE;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAApB,OAAA;IAAAqB,EAAA;IAAAX,YAAA;AAAAI,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAQ,YAAA,EAAA;;"}

package/dist/components/eui-table-sort-mobile-item.js

@@ -0,0 +1,27 @@
+import { on } from '@ember/modifier';
+import EuiContextMenuItemComponent from './eui-context-menu-item.js';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+import templateOnly from '@ember/component/template-only';
+
+function icon(isSorted, isSortAscending) {
+  if (!isSorted) return 'empty';
+  return isSortAscending ? 'sortUp' : 'sortDown';
+}
+function noop() {}
+const EuiTableSortMobileItem = setComponentTemplate(precompileTemplate("<EuiContextMenuItem class=\"euiTableSortMobileItem {{if @isSorted \"euiTableSortMobileItem-isSorted\"}}\" @icon={{icon @isSorted @isSortAscending}} aria-label={{if @ariaLabel (label @ariaLabel @isSortAscending)}} {{on \"click\" (if @onSort @onSort noop)}} ...attributes>{{yield}}</EuiContextMenuItem>", {
+  strictMode: true,
+  scope: () => ({
+    EuiContextMenuItem: EuiContextMenuItemComponent,
+    icon,
+    label,
+    on,
+    noop
+  })
+}), templateOnly());
+function label(column, isSortAscending) {
+  return `Sort ${column} ${isSortAscending ? 'descending' : 'ascending'}`;
+}
+
+export { EuiTableSortMobileItem as default };
+//# sourceMappingURL=eui-table-sort-mobile-item.js.map

package/dist/components/eui-table-sort-mobile-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"eui-table-sort-mobile-item.js","sources":["../../src/components/eui-table-sort-mobile-item.gts"],"sourcesContent":["import { on } from '@ember/modifier';\n\nimport EuiContextMenuItem from './eui-context-menu-item.gts';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\n/** A column in the `EuiTableSortMobile` menu. */\nexport interface EuiTableSortMobileItemSignature {\n  Element: HTMLButtonElement | HTMLAnchorElement;\n  Args: {\n    /** Sorts by this column. */\n    onSort?: (event: MouseEvent) => void;\n    /** The table is sorted by this column. */\n    isSorted?: boolean;\n    /** Ascending order (arrow up); descending otherwise. */\n    isSortAscending?: boolean;\n    /** The column's name, for the accessible label (defaults to the text). */\n    ariaLabel?: string;\n  };\n  Blocks: {\n    /** The column's name. */\n    default: [];\n  };\n}\n\nfunction icon(isSorted?: boolean, isSortAscending?: boolean): string {\n  if (!isSorted) return 'empty';\n\n  return isSortAscending ? 'sortUp' : 'sortDown';\n}\n\nfunction noop(): void {}\n\nconst EuiTableSortMobileItem: TemplateOnlyComponent<EuiTableSortMobileItemSignature> = <template>\n  <EuiContextMenuItem\n    class=\"euiTableSortMobileItem {{if @isSorted 'euiTableSortMobileItem-isSorted'}}\"\n    @icon={{icon @isSorted @isSortAscending}}\n    aria-label={{if @ariaLabel (label @ariaLabel @isSortAscending)}}\n    {{on \"click\" (if @onSort @onSort noop)}}\n    ...attributes\n  >{{yield}}</EuiContextMenuItem>\n</template>;\n\nfunction label(column: string, isSortAscending?: boolean): string {\n  return `Sort ${column} ${isSortAscending ? 'descending' : 'ascending'}`;\n}\n\nexport default EuiTableSortMobileItem;\n"],"names":["icon","isSorted","isSortAscending","noop","EuiTableSortMobileItem","setComponentTemplate","precompileTemplate","strictMode","scope","EuiContextMenuItem","label","on","templateOnly","column"],"mappings":";;;;;;AAyBA,SAASA,KAAKC,QAAkB,EAAEC,eAAyB,EAAS;AAClE,EAAA,IAAI,CAACD,UAAU,OAAO,OAAA;AAEtB,EAAA,OAAOC,kBAAkB,QAAA,GAAW,UAAA;AACtC;AAEA,SAASC,IAAAA,GAAY,CAAE;AAEvB,MAAMC,sBAA8C,GAAAC,oBAAA,CAAmCC,kBAAA,CAAA,8SAAA,EAQvF;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;wBAAAC,2BAAA;IAAAT,IAAA;IAAAU,KAAA;IAAAC,EAAA;AAAAR,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAS,YAAA,EAAA;AAEV,SAASF,MAAMG,MAAc,EAAEX,eAAyB,EAAS;EAC/D,OAAO,CAAA,KAAA,EAAQW,MAAA,CAAA,CAAA,EAAUX,eAAA,GAAkB,eAAe,WAAA,CAAA,CAAa;AACzE;;"}