@ember-eui/core 14.0.0 → 14.1.1

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;;"}

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

@@ -0,0 +1,55 @@
+import Component from '@glimmer/component';
+import { tracked } from '@glimmer/tracking';
+import { on } from '@ember/modifier';
+import { action } from '@ember/object';
+import { service } from '@ember/service';
+import EuiButtonEmpty from './eui-button-empty.js';
+import EuiContextMenuPanel from './eui-context-menu-panel.js';
+import EuiPopoverComponent from './eui-popover.js';
+import EuiTableSortMobileItem from './eui-table-sort-mobile-item.js';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+import { g, i, n } from 'decorator-transforms/runtime-esm';
+
+class EuiTableSortMobile 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 label() {
+    return this.euiI18n.lookupToken('euiTableSortMobile.sorting', 'Sorting');
+  }
+  toggle() {
+    this.isPopoverOpen = !this.isPopoverOpen;
+  }
+  static {
+    n(this.prototype, "toggle", [action]);
+  }
+  close() {
+    this.isPopoverOpen = false;
+  }
+  static {
+    n(this.prototype, "close", [action]);
+  }
+  static {
+    setComponentTemplate(precompileTemplate("<div class=\"euiTableSortMobile\" ...attributes>\n  <EuiPopover @isOpen={{this.isPopoverOpen}} @closePopover={{this.close}} @anchorPosition={{if @anchorPosition @anchorPosition \"downRight\"}} @panelPaddingSize=\"none\">\n    <:button>\n      <EuiButtonEmpty @iconType=\"arrowDown\" @iconSide=\"right\" @flush=\"right\" @size=\"xs\" {{on \"click\" this.toggle}}>{{this.label}}</EuiButtonEmpty>\n    </:button>\n    <:content>\n      <EuiContextMenuPanel style=\"min-width: 200px;\">\n        {{#each @items as |item|}}\n          <EuiTableSortMobileItem @onSort={{item.onSort}} @isSorted={{item.isSorted}} @isSortAscending={{item.isSortAscending}}>{{item.name}}</EuiTableSortMobileItem>\n        {{/each}}\n      </EuiContextMenuPanel>\n    </:content>\n  </EuiPopover>\n</div>", {
+      strictMode: true,
+      scope: () => ({
+        EuiPopover: EuiPopoverComponent,
+        EuiButtonEmpty,
+        on,
+        EuiContextMenuPanel,
+        EuiTableSortMobileItem
+      })
+    }), this);
+  }
+}
+
+export { EuiTableSortMobile as default };
+//# sourceMappingURL=eui-table-sort-mobile.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"eui-table-sort-mobile.js","sources":["../../src/components/eui-table-sort-mobile.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport { on } from '@ember/modifier';\nimport { action } from '@ember/object';\nimport { service } from '@ember/service';\n\nimport EuiButtonEmpty from './eui-button-empty.gts';\nimport EuiContextMenuPanel from './eui-context-menu-panel.gts';\nimport EuiPopover from './eui-popover.gts';\nimport EuiTableSortMobileItem from './eui-table-sort-mobile-item.gts';\n\nimport type EuiI18n from '../services/eui-i18n';\nimport type { EuiPopoverSignature } from './eui-popover';\n\nexport interface EuiTableSortMobileItemOption {\n  /** Unique key. */\n  key?: string;\n  /** The column's name. */\n  name: string;\n  /** Sorts by this column. */\n  onSort?: (event: MouseEvent) => void;\n  /** The table is sorted by this column. */\n  isSorted?: boolean;\n  /** Ascending order. */\n  isSortAscending?: boolean;\n}\n\n/**\n * A \"Sorting\" button opening a menu of the sortable columns, for small\n * screens where a responsive `EuiTable` hides its header. Usually in an\n * `EuiTableHeaderMobile`.\n */\nexport interface EuiTableSortMobileSignature {\n  Element: HTMLDivElement;\n  Args: {\n    /** The sortable columns. */\n    items?: EuiTableSortMobileItemOption[];\n    /** Where the menu opens. Defaults to `'downRight'`. */\n    anchorPosition?: EuiPopoverSignature['Args']['anchorPosition'];\n  };\n}\n\nexport default class EuiTableSortMobile extends Component<EuiTableSortMobileSignature> {\n  @service declare euiI18n: EuiI18n;\n\n  @tracked isPopoverOpen = false;\n\n  get label(): string {\n    return this.euiI18n.lookupToken('euiTableSortMobile.sorting', 'Sorting');\n  }\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  <template>\n    <div class=\"euiTableSortMobile\" ...attributes>\n      <EuiPopover\n        @isOpen={{this.isPopoverOpen}}\n        @closePopover={{this.close}}\n        @anchorPosition={{if @anchorPosition @anchorPosition \"downRight\"}}\n        @panelPaddingSize=\"none\"\n      >\n        <:button>\n          <EuiButtonEmpty\n            @iconType=\"arrowDown\"\n            @iconSide=\"right\"\n            @flush=\"right\"\n            @size=\"xs\"\n            {{on \"click\" this.toggle}}\n          >{{this.label}}</EuiButtonEmpty>\n        </:button>\n        <:content>\n          <EuiContextMenuPanel style=\"min-width: 200px;\">\n            {{#each @items as |item|}}\n              <EuiTableSortMobileItem\n                @onSort={{item.onSort}}\n                @isSorted={{item.isSorted}}\n                @isSortAscending={{item.isSortAscending}}\n              >{{item.name}}</EuiTableSortMobileItem>\n            {{/each}}\n          </EuiContextMenuPanel>\n        </:content>\n      </EuiPopover>\n    </div>\n  </template>\n}\n"],"names":["EuiTableSortMobile","Component","g","prototype","service","i","tracked","label","euiI18n","lookupToken","toggle","isPopoverOpen","n","action","close","setComponentTemplate","precompileTemplate","strictMode","scope","EuiPopover","EuiButtonEmpty","on","EuiContextMenuPanel","EuiTableSortMobileItem"],"mappings":";;;;;;;;;;;;;AA0Ce,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,KAAAA,GAAgB;IAClB,OAAO,IAAI,CAACC,OAAO,CAACC,WAAW,CAAC,4BAAA,EAA8B,SAAA,CAAA;AAChE,EAAA;AAGAC,EAAAA,MAAAA,GAAe;AACb,IAAA,IAAI,CAACC,aAAa,GAAG,CAAC,IAAI,CAACA,aAAa;AAC1C,EAAA;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAT,SAAA,EAAA,QAAA,EAAA,CAHCU,MAAA,CAAA,CAAA;AAAA;AAMDC,EAAAA,KAAAA,GAAc;IACZ,IAAI,CAACH,aAAa,GAAG,KAAA;AACvB,EAAA;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAT,SAAA,EAAA,OAAA,EAAA,CAHCU,MAAA,CAAA,CAAA;AAAA;AAKD,EAAA;IAAAE,oBAAA,CAAAC,kBAAA,CAAA,2wBAAA,EA8BA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;oBAAAC,mBAAA;QAAAC,cAAA;QAAAC,EAAA;QAAAC,mBAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;"}

package/dist/components/eui-table.js

@@ -0,0 +1,22 @@
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+import templateOnly from '@ember/component/template-only';
+
+/**
+ * A styled `<table>`, built from `EuiTableHeader`, `EuiTableHeaderCell`,
+ * `EuiTableBody`, `EuiTableRow` and `EuiTableRowCell`. These components
+ * only render the markup: sorting, selection and pagination stay yours
+ * (or come from a headless table library).
+ */
+function classes(compressed, tableLayout, responsive) {
+  return ['euiTable', compressed && 'euiTable--compressed', responsive !== false && 'euiTable--responsive', tableLayout === 'auto' && 'euiTable--auto'].filter(Boolean).join(' ');
+}
+const EuiTable = setComponentTemplate(precompileTemplate("<table tabindex=\"-1\" class={{classes @compressed @tableLayout @responsive}} ...attributes>{{yield}}</table>", {
+  strictMode: true,
+  scope: () => ({
+    classes
+  })
+}), templateOnly());
+
+export { EuiTable as default };
+//# sourceMappingURL=eui-table.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"eui-table.js","sources":["../../src/components/eui-table.gts"],"sourcesContent":["import type { TemplateOnlyComponent } from '@ember/component/template-only';\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 */\nexport interface EuiTableSignature {\n  Element: HTMLTableElement;\n  Args: {\n    /** Smaller text and padding. */\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    /** On small screens, rows become cards. Defaults to `true`. */\n    responsive?: boolean;\n  };\n  Blocks: {\n    /** The header, body and footer. */\n    default: [];\n  };\n}\n\nfunction classes(compressed?: boolean, tableLayout?: string, responsive?: boolean): string {\n  return [\n    'euiTable',\n    compressed && 'euiTable--compressed',\n    responsive !== false && 'euiTable--responsive',\n    tableLayout === 'auto' && 'euiTable--auto'\n  ]\n    .filter(Boolean)\n    .join(' ');\n}\n\nconst EuiTable: TemplateOnlyComponent<EuiTableSignature> = <template>\n  <table\n    tabindex=\"-1\"\n    class={{classes @compressed @tableLayout @responsive}}\n    ...attributes\n  >{{yield}}</table>\n</template>;\n\nexport default EuiTable;\n"],"names":["classes","compressed","tableLayout","responsive","filter","Boolean","join","EuiTable","setComponentTemplate","precompileTemplate","strictMode","scope","templateOnly"],"mappings":";;;;AAEA;;;;;AAKC;AAoBD,SAASA,OAAAA,CAAQC,UAAoB,EAAEC,WAAoB,EAAEC,UAAoB,EAAS;AACxF,EAAA,OAAO,CACL,UAAA,EACAF,UAAA,IAAc,sBAAA,EACdE,UAAA,KAAe,KAAA,IAAS,sBAAA,EACxBD,WAAA,KAAgB,MAAA,IAAU,gBAAA,CAC3B,CACEE,MAAM,CAACC,OAAA,CAAA,CACPC,IAAI,CAAC,GAAA,CAAA;AACV;AAEA,MAAMC,QAAgC,GAAAC,oBAAA,CAAqBC,kBAAA,CAAA,+GAAA,EAM3D;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;AAAAX,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAY,YAAA,EAAA;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"eui-tabs.js","sources":["../../src/components/eui-tabs.gts"],"sourcesContent":["import { eq } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\n\nimport type { displayMapping,sizeMapping } from '../utils/css-mappings/eui-tabs.ts';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiTabsSignature {\n  Element: HTMLDivElement;\n  Args: {\n    display?: keyof typeof displayMapping;\n    size?: keyof typeof sizeMapping;\n    expand?: boolean;\n    bottomBorder?: boolean;\n    className?: string;\n  };\n  Blocks: {\n    default: [];\n  };\n}\n\nconst EuiTabs: TemplateOnlyComponent<EuiTabsSignature> = <template>\n  {{#let\n    (if (eq @display \"condensed\") false (argOrDefault @bottomBorder true))\n    as |bottomBorder|\n  }}\n    <div\n      role=\"tablist\"\n      class={{classNames\n        (if (argOrDefault @expand false) \"euiTabs--expand\")\n        (if bottomBorder \"euiTabs--bottomBorder\")\n        @className\n        componentName=\"EuiTabs\"\n        display=(argOrDefault @display \"default\")\n        size=(argOrDefault @size \"m\")\n      }}\n      ...attributes\n    >\n      {{yield}}\n    </div>\n  {{/let}}\n</template>;\n\nexport default EuiTabs;\n"],"names":["EuiTabs","setComponentTemplate","precompileTemplate","strictMode","scope","eq","argOrDefault","classNames","templateOnly"],"mappings":";;;;;;;AAsBA,MAAMA,OAAmD,GAAAC,oBAAA,CAAAC,kBAAA,CAoBzD,wZAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,EAAA;IAAAC,YAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"eui-tabs.js","sources":["../../src/components/eui-tabs.gts"],"sourcesContent":["import { eq } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\n\nimport type { displayMapping,sizeMapping } from '../utils/css-mappings/eui-tabs.ts';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\n/** A row of `EuiTab`s; you track the selected one. See also EuiTabbedContent. */\nexport interface EuiTabsSignature {\n  Element: HTMLDivElement;\n  Args: {\n    /**\n     * `'default'`, or `'condensed'` (tighter, no bottom border).\n     * Defaults to `'default'`.\n     */\n    display?: keyof typeof displayMapping;\n    /** `'s'`, `'m'`, `'l'` or `'xl'`. Defaults to `'m'`. */\n    size?: keyof typeof sizeMapping;\n    /** Evenly stretches the tabs to fill the width. Defaults to `false`. */\n    expand?: boolean;\n    /** Border under the tabs. Defaults to `true` (not for `'condensed'`). */\n    bottomBorder?: boolean;\n    /** Extra class(es). */\n    className?: string;\n  };\n  Blocks: {\n    /** The `EuiTab`s. */\n    default: [];\n  };\n}\n\nconst EuiTabs: TemplateOnlyComponent<EuiTabsSignature> = <template>\n  {{#let\n    (if (eq @display \"condensed\") false (argOrDefault @bottomBorder true))\n    as |bottomBorder|\n  }}\n    <div\n      role=\"tablist\"\n      class={{classNames\n        (if (argOrDefault @expand false) \"euiTabs--expand\")\n        (if bottomBorder \"euiTabs--bottomBorder\")\n        @className\n        componentName=\"EuiTabs\"\n        display=(argOrDefault @display \"default\")\n        size=(argOrDefault @size \"m\")\n      }}\n      ...attributes\n    >\n      {{yield}}\n    </div>\n  {{/let}}\n</template>;\n\nexport default EuiTabs;\n"],"names":["EuiTabs","setComponentTemplate","precompileTemplate","strictMode","scope","eq","argOrDefault","classNames","templateOnly"],"mappings":";;;;;;;AAgCA,MAAMA,OAA+B,GAAAC,oBAAA,CAAoBC,kBAAA,CAAA,wZAAA,EAoBzD;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,EAAA;IAAAC,YAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"eui-text-align.js","sources":["../../src/components/eui-text-align.gts"],"sourcesContent":["import argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\ninterface Signature {\n  Element: HTMLDivElement;\n  Args: {\n    textAlign?: 'left' | 'center' | 'right';\n  };\n  Blocks: {\n    default: [];\n  };\n}\n\nconst EuiTextAlignComponent: TemplateOnlyComponent<Signature> = <template>\n  <div\n    class={{classNames\n      componentName=\"EuiTextAlign\"\n      textAlign=(argOrDefault @textAlign \"left\")\n    }}\n    ...attributes\n  >\n    {{yield}}\n  </div>\n</template>;\n\nexport default EuiTextAlignComponent;"],"names":["EuiTextAlignComponent","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","argOrDefault","templateOnly"],"mappings":";;;;;;AAeA,MAAMA,qBAA0D,GAAAC,oBAAA,CAAAC,kBAAA,CAUhE,2IAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"eui-text-align.js","sources":["../../src/components/eui-text-align.gts"],"sourcesContent":["import argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\n/** Aligns its text content. */\ninterface Signature {\n  Element: HTMLDivElement;\n  Args: {\n    /** `'left'`, `'center'` or `'right'`. Defaults to `'left'`. */\n    textAlign?: 'left' | 'center' | 'right';\n  };\n  Blocks: {\n    /** The content. */\n    default: [];\n  };\n}\n\nconst EuiTextAlignComponent: TemplateOnlyComponent<Signature> = <template>\n  <div\n    class={{classNames\n      componentName=\"EuiTextAlign\"\n      textAlign=(argOrDefault @textAlign \"left\")\n    }}\n    ...attributes\n  >\n    {{yield}}\n  </div>\n</template>;\n\nexport default EuiTextAlignComponent;"],"names":["EuiTextAlignComponent","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","argOrDefault","templateOnly"],"mappings":";;;;;;AAkBA,MAAMA,qBAA6C,GAAAC,oBAAA,CAAaC,kBAAA,CAAA,2IAAA,EAUhE;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-text-area.js.map

@@ -1 +1 @@
-{"version":3,"file":"eui-text-area.js","sources":["../../src/components/eui-text-area.gts"],"sourcesContent":["import didInsert from '@ember/render-modifiers/modifiers/did-insert';\n\nimport optional from '@nullvoxpopuli/ember-composable-helpers/helpers/optional';\n\nimport randomId from '../-private/random-id.ts';\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport validatableControl from '../modifiers/validatable-control.ts';\n\nimport type { resizeMapping } from '../utils/css-mappings/eui-text-area.ts';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nexport interface EuiTextAreaSignature {\n  Element: HTMLTextAreaElement;\n  Args: {\n    id?: string;\n    value?: string;\n    fullWidth?: boolean;\n    compressed?: boolean;\n    disabled?: boolean;\n    isInvalid?: boolean;\n    inputRef?: (element: HTMLTextAreaElement | null) => void;\n    rows?: number;\n    resize?: keyof typeof resizeMapping;\n    readOnly?: boolean;\n  };\n  Blocks: {\n    default: [];\n  };\n}\n\nconst EuiTextArea: TemplateOnlyComponent<EuiTextAreaSignature> = <template>\n  {{#let\n    (classNames\n      (if @fullWidth \"euiTextArea--fullWidth\")\n      (if @compressed \"euiTextArea--compressed\")\n      componentName=\"EuiTextArea\"\n      resize=(argOrDefault @resize \"vertical\")\n    )\n    (if @rows @rows (if @compressed 3 6))\n    (argOrDefault @id (randomId))\n    as |classes definedRows id|\n  }}\n    <textarea\n      id={{id}}\n      value={{@value}}\n      class={{classes}}\n      rows={{definedRows}}\n      disabled={{@disabled}}\n      readonly={{@readOnly}}\n      ...attributes\n      {{validatableControl @isInvalid}}\n      {{didInsert (optional @inputRef)}}\n    >\n      {{yield}}\n    </textarea>\n  {{/let}}\n</template>;\n\nexport default EuiTextArea;\n"],"names":["EuiTextArea","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","argOrDefault","randomId","validatableControl","didInsert","optional","templateOnly"],"mappings":";;;;;;;;;;AA+BA,MAAMA,WAA2D,GAAAC,oBAAA,CAAAC,kBAAA,CA0BjE,ihBAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;IAAAC,YAAA;IAAAC,QAAA;IAAAC,kBAAA;IAAAC,SAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"eui-text-area.js","sources":["../../src/components/eui-text-area.gts"],"sourcesContent":["import didInsert from '@ember/render-modifiers/modifiers/did-insert';\n\nimport optional from '@nullvoxpopuli/ember-composable-helpers/helpers/optional';\n\nimport randomId from '../-private/random-id.ts';\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\nimport validatableControl from '../modifiers/validatable-control.ts';\n\nimport type { resizeMapping } from '../utils/css-mappings/eui-text-area.ts';\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\n/** A multi-line text input. Attributes (`placeholder`, `maxlength`…) go to the `<textarea>`. */\nexport interface EuiTextAreaSignature {\n  Element: HTMLTextAreaElement;\n  Args: {\n    /** Id of the textarea. Defaults to a random id. */\n    id?: string;\n    /** The value. Update it from `{{on \"input\" …}}`. */\n    value?: string;\n    /** Stretches the textarea to its container's width. */\n    fullWidth?: boolean;\n    /** Smaller textarea, for dense forms. */\n    compressed?: boolean;\n    /** Disables the textarea. */\n    disabled?: boolean;\n    /** Shows the invalid state and marks it invalid for native form validation. */\n    isInvalid?: boolean;\n    /** Called with the `<textarea>` element once rendered. */\n    inputRef?: (element: HTMLTextAreaElement | null) => void;\n    /** Visible number of lines. */\n    rows?: number;\n    /**\n     * Which way the user can resize it: `'vertical'`, `'horizontal'`,\n     * `'both'` or `'none'`. Defaults to `'vertical'`.\n     */\n    resize?: keyof typeof resizeMapping;\n    /** Makes the textarea read-only. */\n    readOnly?: boolean;\n  };\n  Blocks: {\n    /** Unused. */\n    default: [];\n  };\n}\n\nconst EuiTextArea: TemplateOnlyComponent<EuiTextAreaSignature> = <template>\n  {{#let\n    (classNames\n      (if @fullWidth \"euiTextArea--fullWidth\")\n      (if @compressed \"euiTextArea--compressed\")\n      componentName=\"EuiTextArea\"\n      resize=(argOrDefault @resize \"vertical\")\n    )\n    (if @rows @rows (if @compressed 3 6))\n    (argOrDefault @id (randomId))\n    as |classes definedRows id|\n  }}\n    <textarea\n      id={{id}}\n      value={{@value}}\n      class={{classes}}\n      rows={{definedRows}}\n      disabled={{@disabled}}\n      readonly={{@readOnly}}\n      ...attributes\n      {{validatableControl @isInvalid}}\n      {{didInsert (optional @inputRef)}}\n    >\n      {{yield}}\n    </textarea>\n  {{/let}}\n</template>;\n\nexport default EuiTextArea;\n"],"names":["EuiTextArea","setComponentTemplate","precompileTemplate","strictMode","scope","classNames","argOrDefault","randomId","validatableControl","didInsert","optional","templateOnly"],"mappings":";;;;;;;;;;AA8CA,MAAMA,WAAmC,GAAAC,oBAAA,CAAwBC,kBAAA,CAAA,ihBAAA,EA0BjE;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,UAAA;IAAAC,YAAA;IAAAC,QAAA;IAAAC,kBAAA;IAAAC,SAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"eui-text-color.js","sources":["../../src/components/eui-text-color.gts"],"sourcesContent":["import { eq } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\ninterface Signature {\n  Element: HTMLDivElement | HTMLSpanElement;\n  Args: {\n    color?: string;\n    tagName?: string;\n  };\n  Blocks: {\n    default: [];\n  };\n}\n\nconst EuiTextColor: TemplateOnlyComponent<Signature> = <template>\n  {{#if (eq @tagName \"div\")}}\n    <div\n      class={{classNames\n        componentName=\"EuiTextColor\"\n        color=(argOrDefault @color \"default\")\n      }}\n      ...attributes\n    >\n      {{yield}}\n    </div>\n  {{else}}\n    <span\n      class={{classNames\n        componentName=\"EuiTextColor\"\n        color=(argOrDefault @color \"default\")\n      }}\n      ...attributes\n    >\n      {{yield}}\n    </span>\n  {{/if}}\n</template>;\n\nexport default EuiTextColor;\n"],"names":["EuiTextColor","setComponentTemplate","precompileTemplate","strictMode","scope","eq","classNames","argOrDefault","templateOnly"],"mappings":";;;;;;;AAkBA,MAAMA,YAAiD,GAAAC,oBAAA,CAAAC,kBAAA,CAsBvD,4UAAA,EAAA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,EAAA;IAAAC,UAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}
+{"version":3,"file":"eui-text-color.js","sources":["../../src/components/eui-text-color.gts"],"sourcesContent":["import { eq } from 'ember-truth-helpers';\n\nimport argOrDefault from '../helpers/arg-or-default.ts';\nimport classNames from '../helpers/class-names.ts';\n\nimport type { TemplateOnlyComponent } from '@ember/component/template-only';\n\n/** Colors its text content. */\ninterface Signature {\n  Element: HTMLDivElement | HTMLSpanElement;\n  Args: {\n    /**\n     * `'default'`, `'subdued'`, `'success'`, `'accent'`, `'danger'`,\n     * `'warning'`, `'ghost'` or `'primary'`. Defaults to `'default'`.\n     */\n    color?: string;\n    /** `'span'` (inline) or `'div'`. Defaults to `'span'`. */\n    tagName?: string;\n  };\n  Blocks: {\n    /** The content. */\n    default: [];\n  };\n}\n\nconst EuiTextColor: TemplateOnlyComponent<Signature> = <template>\n  {{#if (eq @tagName \"div\")}}\n    <div\n      class={{classNames\n        componentName=\"EuiTextColor\"\n        color=(argOrDefault @color \"default\")\n      }}\n      ...attributes\n    >\n      {{yield}}\n    </div>\n  {{else}}\n    <span\n      class={{classNames\n        componentName=\"EuiTextColor\"\n        color=(argOrDefault @color \"default\")\n      }}\n      ...attributes\n    >\n      {{yield}}\n    </span>\n  {{/if}}\n</template>;\n\nexport default EuiTextColor;\n"],"names":["EuiTextColor","setComponentTemplate","precompileTemplate","strictMode","scope","eq","classNames","argOrDefault","templateOnly"],"mappings":";;;;;;;AAyBA,MAAMA,YAAoC,GAAAC,oBAAA,CAAaC,kBAAA,CAAA,4UAAA,EAsBvD;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,EAAA;IAAAC,UAAA;AAAAC,IAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;"}