@triptyk/ember-yeti-table 3.0.0 → 3.0.1

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

@@ -3,43 +3,21 @@ import { helper } from '@ember/component/helper';
 import Component from '@glimmer/component';
 import { localCopy } from 'tracked-toolbox';
 import { on } from '@ember/modifier';
-import { guidFor } from '@ember/object/internals';
+import { uniqueId } from '@ember/helper';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { g, i, n } from 'decorator-transforms/runtime-esm';
 
 class Pagination extends Component {
-  guid = guidFor(this);
-  static {
-    setComponentTemplate(precompileTemplate("<div class={{@theme.pagination.controls}} ...attributes>\n  {{#if this.showInfo}}\n    <div class={{@theme.pagination.info}}>\n      Showing\n      {{@paginationData.pageStart}}\n      to\n      {{@paginationData.pageEnd}}\n      of\n      {{@paginationData.totalRows}}\n      entries\n    </div>\n  {{/if}}\n\n  {{#if this.showPageSizeSelector}}\n    <div class={{@theme.pagination.pageSize}}>\n      <label for=\"page-size-select-{{this.guid}}\">Rows per page:</label>\n      <select id=\"page-size-select-{{this.guid}}\" disabled={{@disabled}} {{on \"change\" this.changePageSize}}>\n        {{#each this.pageSizes as |pageSize|}}\n          <option value={{pageSize}} selected={{this.isPaginationNumberSelected pageSize}}>{{pageSize}}</option>\n        {{/each}}\n      </select>\n    </div>\n  {{/if}}\n\n  {{#if this.showButtons}}\n    <button type=\"button\" class={{@theme.pagination.previous}} disabled={{this.shouldDisablePrevious}} {{on \"click\" @paginationActions.previousPage}}>\n      Previous\n    </button>\n\n    <button type=\"button\" class={{@theme.pagination.next}} disabled={{this.shouldDisableNext}} {{on \"click\" @paginationActions.nextPage}}>\n      Next\n    </button>\n  {{/if}}\n</div>", {
-      strictMode: true,
-      scope: () => ({
-        on
-      })
-    }), this);
-  }
-  // theme;
-  // paginationData;
-  // paginationActions;
-  // disabled;
-  // helper function used, needed while working with ember <= 4.4. Works without helper function in ember > 4.4
   isPaginationNumberSelected = helper(([number]) => {
     return number === this.args.paginationData.pageSize;
   });
   get shouldDisablePrevious() {
-    return this.args.paginationData.isFirstPage || this.args.disabled;
+    return !!this.args.paginationData.isFirstPage || !!this.args.disabled;
   }
   get shouldDisableNext() {
-    return this.args.paginationData.isLastPage || this.args.disabled;
+    return !!this.args.paginationData.isLastPage || !!this.args.disabled;
   }
-  /**
-  * Array of page sizes to populate the page size `<select>`.
-  * Particularly useful with an array helper, e.g `@pageSizes={{array 10 12 23 50 100}}`
-  * Defaults to `[10, 15, 20, 25]`.
-  *
-  * @argument pageSizes
-  * @type {Number}
-  */
   static {
     g(this.prototype, "pageSizes", [localCopy('args.pageSizes', [10, 15, 20, 25])]);
   }
@@ -48,38 +26,30 @@ class Pagination extends Component {
     g(this.prototype, "showInfo", [localCopy('args.showInfo', true)]);
   }
   #showInfo = (i(this, "showInfo"), void 0);
-  /**
-  * Used to show/hide some textual information about the current page. Defaults to `true`.
-  *
-  * @argument showInfo
-  * @type {Boolean}
-  */
   static {
     g(this.prototype, "showPageSizeSelector", [localCopy('args.showPageSizeSelector', true)]);
   }
   #showPageSizeSelector = (i(this, "showPageSizeSelector"), void 0);
-  /**
-  * Used to show/hide the page size selector. Defaults to `true`.
-  *
-  * @argument showPageSizeSelector
-  * @type {Boolean}
-  */
   static {
     g(this.prototype, "showButtons", [localCopy('args.showButtons', true)]);
   }
   #showButtons = (i(this, "showButtons"), void 0);
-  /**
-  * Used to show/hide the previous and next page buttons. Defaults to `true`.
-  *
-  * @argument showButtons
-  * @type {Boolean}
-  */
   changePageSize(ev) {
-    this.args.paginationActions.changePageSize(ev.target.value);
+    const target = ev.target;
+    this.args.paginationActions.changePageSize(target.value);
   }
   static {
     n(this.prototype, "changePageSize", [action]);
   }
+  static {
+    setComponentTemplate(precompileTemplate("<div class={{@theme.pagination.controls}} ...attributes>\n  {{#if this.showInfo}}\n    <div class={{@theme.pagination.info}}>\n      Showing\n      {{@paginationData.pageStart}}\n      to\n      {{@paginationData.pageEnd}}\n      of\n      {{@paginationData.totalRows}}\n      entries\n    </div>\n  {{/if}}\n\n  {{#if this.showPageSizeSelector}}\n    <div class={{@theme.pagination.pageSize}}>\n      {{#let (uniqueId) as |selectId|}}\n        <label for=\"page-size-select-{{selectId}}\">Rows per page:</label>\n        <select id=\"page-size-select-{{selectId}}\" disabled={{@disabled}} {{on \"change\" this.changePageSize}}>\n          {{#each this.pageSizes as |pageSize|}}\n            <option value={{pageSize}} selected={{this.isPaginationNumberSelected pageSize}}>{{pageSize}}</option>\n          {{/each}}\n        </select>\n      {{/let}}\n    </div>\n  {{/if}}\n\n  {{#if this.showButtons}}\n    <button type=\"button\" class={{@theme.pagination.previous}} disabled={{this.shouldDisablePrevious}} {{on \"click\" @paginationActions.previousPage}}>\n      Previous\n    </button>\n\n    <button type=\"button\" class={{@theme.pagination.next}} disabled={{this.shouldDisableNext}} {{on \"click\" @paginationActions.nextPage}}>\n      Next\n    </button>\n  {{/if}}\n</div>", {
+      strictMode: true,
+      scope: () => ({
+        uniqueId,
+        on
+      })
+    }), this);
+  }
 }
 
 export { Pagination as default };

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

@@ -1 +1 @@
-{"version":3,"file":"pagination.js","sources":["../../../src/components/yeti-table/pagination.gjs"],"sourcesContent":["import { action } from '@ember/object';\nimport { helper } from '@ember/component/helper';\nimport Component from '@glimmer/component';\nimport { localCopy } from 'tracked-toolbox';\n\n/**\n  Simple pagination controls component that is included to help you get started quickly.\n  Yeti Table yields a lot of pagination data, so you shouldn't have a problem\n  creating your own pagination controls.\n\n  At any rate, this component tries to be as flexible as possible. Some arguments\n  are provided to customize how this component behaves.\n\n  If you want to render these controls on the table footer, you probably want\n  a footer row that always spans all rows. To do that you can use a `colspan` equal\n  to the yielded `visibleColumns.length` number. Example:\n\n  ```hbs\n  <YetiTable @data={{this.data}} @pagination={{true}} as |table|>\n    ...\n    <table.tfoot as |foot|>\n      <foot.row as |row|>\n        <row.cell colspan={{table.visibleColumns.length}}>\n          <table.pagination/>\n        </row.cell>\n      </foot.row>\n    </table.tfoot>\n  </YetiTable>\n  ```\n\n  @class Pagination\n*/\nimport { on } from '@ember/modifier';\nimport { guidFor } from '@ember/object/internals';\n\nexport default class Pagination extends Component {\n  guid = guidFor(this);\n\n  <template>\n    <div class={{@theme.pagination.controls}} ...attributes>\n      {{#if this.showInfo}}\n        <div class={{@theme.pagination.info}}>\n          Showing\n          {{@paginationData.pageStart}}\n          to\n          {{@paginationData.pageEnd}}\n          of\n          {{@paginationData.totalRows}}\n          entries\n        </div>\n      {{/if}}\n\n      {{#if this.showPageSizeSelector}}\n        <div class={{@theme.pagination.pageSize}}>\n          <label for=\"page-size-select-{{this.guid}}\">Rows per page:</label>\n          <select\n            id=\"page-size-select-{{this.guid}}\"\n            disabled={{@disabled}}\n            {{on \"change\" this.changePageSize}}\n          >\n            {{#each this.pageSizes as |pageSize|}}\n              <option\n                value={{pageSize}}\n                selected={{this.isPaginationNumberSelected pageSize}}\n              >{{pageSize}}</option>\n            {{/each}}\n          </select>\n        </div>\n      {{/if}}\n\n      {{#if this.showButtons}}\n        <button\n          type=\"button\"\n          class={{@theme.pagination.previous}}\n          disabled={{this.shouldDisablePrevious}}\n          {{on \"click\" @paginationActions.previousPage}}\n        >\n          Previous\n        </button>\n\n        <button\n          type=\"button\"\n          class={{@theme.pagination.next}}\n          disabled={{this.shouldDisableNext}}\n          {{on \"click\" @paginationActions.nextPage}}\n        >\n          Next\n        </button>\n      {{/if}}\n    </div>\n  </template>\n  // theme;\n\n  // paginationData;\n\n  // paginationActions;\n\n  // disabled;\n\n  // helper function used, needed while working with ember <= 4.4. Works without helper function in ember > 4.4\n  isPaginationNumberSelected = helper(([number]) => {\n    return number === this.args.paginationData.pageSize;\n  });\n\n  get shouldDisablePrevious() {\n    return this.args.paginationData.isFirstPage || this.args.disabled;\n  }\n\n  get shouldDisableNext() {\n    return this.args.paginationData.isLastPage || this.args.disabled;\n  }\n\n  /**\n   * Array of page sizes to populate the page size `<select>`.\n   * Particularly useful with an array helper, e.g `@pageSizes={{array 10 12 23 50 100}}`\n   * Defaults to `[10, 15, 20, 25]`.\n   *\n   * @argument pageSizes\n   * @type {Number}\n   */\n  @localCopy('args.pageSizes', [10, 15, 20, 25])\n  pageSizes;\n\n  /**\n   * Used to show/hide some textual information about the current page. Defaults to `true`.\n   *\n   * @argument showInfo\n   * @type {Boolean}\n   */\n  @localCopy('args.showInfo', true)\n  showInfo;\n\n  /**\n   * Used to show/hide the page size selector. Defaults to `true`.\n   *\n   * @argument showPageSizeSelector\n   * @type {Boolean}\n   */\n  @localCopy('args.showPageSizeSelector', true)\n  showPageSizeSelector;\n\n  /**\n   * Used to show/hide the previous and next page buttons. Defaults to `true`.\n   *\n   * @argument showButtons\n   * @type {Boolean}\n   */\n  @localCopy('args.showButtons', true)\n  showButtons;\n\n  @action\n  changePageSize(ev) {\n    this.args.paginationActions.changePageSize(ev.target.value);\n  }\n}\n"],"names":["Pagination","Component","guid","guidFor","setComponentTemplate","precompileTemplate","strictMode","scope","on","isPaginationNumberSelected","helper","number","args","paginationData","pageSize","shouldDisablePrevious","isFirstPage","disabled","shouldDisableNext","isLastPage","g","prototype","localCopy","i","changePageSize","ev","paginationActions","target","value","n","action"],"mappings":";;;;;;;;;;AAmCe,MAAMA,UAAA,SAAmBC,SAAA,CAAA;AACtCC,EAAAA,IAAA,GAAOC,OAAA,CAAQ,IAAI,CAAA;AAEnB,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,isCAAA,EAoDA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACV;AAEA;AAEA;AAEA;AAEA;AACAC,EAAAA,0BAAA,GAA6BC,MAAA,CAAO,CAAC,CAACC,MAAA,CAAO,KAAA;IAC3C,OAAOA,WAAW,IAAI,CAACC,IAAI,CAACC,cAAc,CAACC,QAAQ;AACrD,EAAA,CAAA,CAAA;EAEA,IAAIC,qBAAAA,GAAwB;AAC1B,IAAA,OAAO,IAAI,CAACH,IAAI,CAACC,cAAc,CAACG,WAAW,IAAI,IAAI,CAACJ,IAAI,CAACK,QAAQ;AACnE,EAAA;EAEA,IAAIC,iBAAAA,GAAoB;AACtB,IAAA,OAAO,IAAI,CAACN,IAAI,CAACC,cAAc,CAACM,UAAU,IAAI,IAAI,CAACP,IAAI,CAACK,QAAQ;AAClE,EAAA;AAEA;;;;;;;;AAAA,EAAA;AAAAG,IAAAA,CAAA,MAAAC,SAAA,EAAA,WAAA,EAAA,CAQCC,UAAU,gBAAA,EAAkB,CAAC,EAAA,EAAI,EAAA,EAAI,EAAA,EAAI,EAAA,CAAG,CAAA,CAAA,CAAA;AAAA;EAAA,UAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,WAAA,CAAA,EAAA,MAAA;AAAA,EAAA;IAAAH,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,UAAA,EAAA,CAS5CC,UAAU,eAAA,EAAiB,IAAA,CAAA,CAAA,CAAA;AAAA;EAAA,SAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,UAAA,CAAA,EAAA,MAAA;AAN5B;;;;;;AAAA,EAAA;IAAAH,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,sBAAA,EAAA,CAeCC,UAAU,2BAAA,EAA6B,IAAA,CAAA,CAAA,CAAA;AAAA;EAAA,qBAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,sBAAA,CAAA,EAAA,MAAA;AANxC;;;;;;AAAA,EAAA;IAAAH,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,aAAA,EAAA,CAeCC,UAAU,kBAAA,EAAoB,IAAA,CAAA,CAAA,CAAA;AAAA;EAAA,YAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,aAAA,CAAA,EAAA,MAAA;AAN/B;;;;;;EAUAC,cAAAA,CAAeC,EAAE,EAAE;AACjB,IAAA,IAAI,CAACb,IAAI,CAACc,iBAAiB,CAACF,cAAc,CAACC,EAAA,CAAGE,MAAM,CAACC,KAAK,CAAA;AAC5D,EAAA;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAR,SAAA,EAAA,gBAAA,EAAA,CAHCS,MAAA,CAAA,CAAA;AAAA;AAIH;;;;"}
+{"version":3,"file":"pagination.js","sources":["../../../src/components/yeti-table/pagination.gts"],"sourcesContent":["import { action } from '@ember/object';\nimport { helper } from '@ember/component/helper';\nimport Component from '@glimmer/component';\nimport { localCopy } from 'tracked-toolbox';\n\nimport { on } from '@ember/modifier';\n\nimport type { PaginationActions, PaginationData, Theme } from '../../types.ts';\nimport { uniqueId } from '@ember/helper';\n\n/**\n  Simple pagination controls component that is included to help you get started quickly.\n\n  @class Pagination\n*/\n\nexport interface PaginationSignature {\n  Element: HTMLDivElement;\n  Args: {\n    theme?: Theme;\n    paginationData: PaginationData;\n    paginationActions: PaginationActions;\n    disabled?: boolean;\n    pageSizes?: number[];\n    showInfo?: boolean;\n    showPageSizeSelector?: boolean;\n    showButtons?: boolean;\n  };\n  Blocks: { default: [] };\n}\n\nexport default class Pagination extends Component<PaginationSignature> {\n  isPaginationNumberSelected = helper(([number]: [number]) => {\n    return number === this.args.paginationData.pageSize;\n  });\n\n  get shouldDisablePrevious(): boolean {\n    return !!this.args.paginationData.isFirstPage || !!this.args.disabled;\n  }\n\n  get shouldDisableNext(): boolean {\n    return !!this.args.paginationData.isLastPage || !!this.args.disabled;\n  }\n\n  @localCopy('args.pageSizes', [10, 15, 20, 25])\n  pageSizes!: number[];\n\n  @localCopy('args.showInfo', true)\n  showInfo!: boolean;\n\n  @localCopy('args.showPageSizeSelector', true)\n  showPageSizeSelector!: boolean;\n\n  @localCopy('args.showButtons', true)\n  showButtons!: boolean;\n\n  @action\n  changePageSize(ev: Event): void {\n    const target = ev.target as HTMLSelectElement;\n    this.args.paginationActions.changePageSize(target.value);\n  }\n\n  <template>\n    <div class={{@theme.pagination.controls}} ...attributes>\n      {{#if this.showInfo}}\n        <div class={{@theme.pagination.info}}>\n          Showing\n          {{@paginationData.pageStart}}\n          to\n          {{@paginationData.pageEnd}}\n          of\n          {{@paginationData.totalRows}}\n          entries\n        </div>\n      {{/if}}\n\n      {{#if this.showPageSizeSelector}}\n        <div class={{@theme.pagination.pageSize}}>\n          {{#let (uniqueId) as |selectId|}}\n            <label for=\"page-size-select-{{selectId}}\">Rows per page:</label>\n            <select\n              id=\"page-size-select-{{selectId}}\"\n              disabled={{@disabled}}\n              {{on \"change\" this.changePageSize}}\n            >\n              {{#each this.pageSizes as |pageSize|}}\n                <option\n                  value={{pageSize}}\n                  selected={{this.isPaginationNumberSelected pageSize}}\n                >{{pageSize}}</option>\n              {{/each}}\n            </select>\n          {{/let}}\n        </div>\n      {{/if}}\n\n      {{#if this.showButtons}}\n        <button\n          type=\"button\"\n          class={{@theme.pagination.previous}}\n          disabled={{this.shouldDisablePrevious}}\n          {{on \"click\" @paginationActions.previousPage}}\n        >\n          Previous\n        </button>\n\n        <button\n          type=\"button\"\n          class={{@theme.pagination.next}}\n          disabled={{this.shouldDisableNext}}\n          {{on \"click\" @paginationActions.nextPage}}\n        >\n          Next\n        </button>\n      {{/if}}\n    </div>\n  </template>\n}\n"],"names":["Pagination","Component","isPaginationNumberSelected","helper","number","args","paginationData","pageSize","shouldDisablePrevious","isFirstPage","disabled","shouldDisableNext","isLastPage","g","prototype","localCopy","i","changePageSize","ev","target","paginationActions","value","n","action","setComponentTemplate","precompileTemplate","strictMode","scope","uniqueId","on"],"mappings":";;;;;;;;;;AA+Be,MAAMA,mBAAmBC,SAAA,CAAU;AAChDC,EAAAA,0BAAA,GAA6BC,MAAA,CAAO,CAAC,CAACC,MAAA,CAAiB,KAAA;IACrD,OAAOA,WAAW,IAAI,CAACC,IAAI,CAACC,cAAc,CAACC,QAAQ;AACrD,EAAA,CAAA,CAAA;EAEA,IAAIC,qBAAAA,GAAiC;AACnC,IAAA,OAAO,CAAC,CAAC,IAAI,CAACH,IAAI,CAACC,cAAc,CAACG,WAAW,IAAI,CAAC,CAAC,IAAI,CAACJ,IAAI,CAACK,QAAQ;AACvE,EAAA;EAEA,IAAIC,iBAAAA,GAA6B;AAC/B,IAAA,OAAO,CAAC,CAAC,IAAI,CAACN,IAAI,CAACC,cAAc,CAACM,UAAU,IAAI,CAAC,CAAC,IAAI,CAACP,IAAI,CAACK,QAAQ;AACtE,EAAA;AAAA,EAAA;AAAAG,IAAAA,CAAA,MAAAC,SAAA,EAAA,WAAA,EAAA,CAECC,UAAU,gBAAA,EAAkB,CAAC,EAAA,EAAI,EAAA,EAAI,EAAA,EAAI,EAAA,CAAG,CAAA,CAAA,CAAA;AAAA;EAAA,UAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,WAAA,CAAA,EAAA,MAAA;AAAA,EAAA;IAAAH,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,UAAA,EAAA,CAG5CC,UAAU,eAAA,EAAiB,IAAA,CAAA,CAAA,CAAA;AAAA;EAAA,SAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,UAAA,CAAA,EAAA,MAAA;AAAA,EAAA;IAAAH,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,sBAAA,EAAA,CAG3BC,UAAU,2BAAA,EAA6B,IAAA,CAAA,CAAA,CAAA;AAAA;EAAA,qBAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,sBAAA,CAAA,EAAA,MAAA;AAAA,EAAA;IAAAH,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,aAAA,EAAA,CAGvCC,UAAU,kBAAA,EAAoB,IAAA,CAAA,CAAA,CAAA;AAAA;EAAA,YAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,aAAA,CAAA,EAAA,MAAA;EAI/BC,cAAAA,CAAeC,EAAS,EAAQ;AAC9B,IAAA,MAAMC,MAAA,GAASD,EAAA,CAAGC,MAAU;IAC5B,IAAI,CAACd,IAAI,CAACe,iBAAiB,CAACH,cAAc,CAACE,OAAOE,KAAK,CAAA;AACzD,EAAA;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAR,SAAA,EAAA,gBAAA,EAAA,CAJCS,MAAA,CAAA,CAAA;AAAA;AAMD,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,owCAAA,EAsDA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,QAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}

package/dist/components/yeti-table/table.js

@@ -6,31 +6,9 @@ import templateOnly from '@ember/component/template-only';
   A simple component that just renders the `<table>` element with the correct
   theme classes.
 
-  This component should only be needed when using `@renderTableElement={{false}}` to render
-  the table element yourself. Please refer to the `@renderTableElement` documentation for
-  more information.
-
-  Example:
-
-  ```hbs
-  <YetiTable @data={{this.data}} @pagination={{true}} @renderTableElement={{false}} as |t|>
-
-    <t.table> {{!-- we render the given table component ourselves --}}
-      <t.header as |header|>
-        ...
-      </t.header>
-
-      <t.body/>
-    </t.table>
-
-    <t.pagination/> {{!-- pagination controls outside the <table> element --}}
-
-  </YetiTable>
-  ```
-
   @class Table
 */
-var Table = setComponentTemplate(precompileTemplate("<table class={{@theme.table}} ...attributes>\n  {{yield}}\n</table>", {
+const Table = setComponentTemplate(precompileTemplate("<table class={{@theme.table}} ...attributes>\n  {{yield}}\n</table>", {
   strictMode: true
 }), templateOnly());
 

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

@@ -1 +1 @@
-{"version":3,"file":"table.js","sources":["../../../src/components/yeti-table/table.gjs"],"sourcesContent":["/**\n  A simple component that just renders the `<table>` element with the correct\n  theme classes.\n\n  This component should only be needed when using `@renderTableElement={{false}}` to render\n  the table element yourself. Please refer to the `@renderTableElement` documentation for\n  more information.\n\n  Example:\n\n  ```hbs\n  <YetiTable @data={{this.data}} @pagination={{true}} @renderTableElement={{false}} as |t|>\n\n    <t.table> {{!-- we render the given table component ourselves --}}\n      <t.header as |header|>\n        ...\n      </t.header>\n\n      <t.body/>\n    </t.table>\n\n    <t.pagination/> {{!-- pagination controls outside the <table> element --}}\n\n  </YetiTable>\n  ```\n\n  @class Table\n*/\n\n<template>\n  <table class={{@theme.table}} ...attributes>\n    {{yield}}\n  </table>\n</template>\n"],"names":["setComponentTemplate","precompileTemplate","strictMode","templateOnly"],"mappings":";;;;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BA;AAEA,YAAAA,oBAAA,CAAAC,kBAAA,CAAA,qEAAA,EAIA;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA,CAAA;;;;"}
+{"version":3,"file":"table.js","sources":["../../../src/components/yeti-table/table.gts"],"sourcesContent":["import type { TemplateOnlyComponent } from '@ember/component/template-only';\n\nimport type { Theme } from '../../types.ts';\n\n/**\n  A simple component that just renders the `<table>` element with the correct\n  theme classes.\n\n  @class Table\n*/\n\nexport interface TableSignature {\n  Element: HTMLTableElement;\n  Args: {\n    theme?: Theme;\n    parent?: unknown;\n  };\n  Blocks: { default: [] };\n}\n\nconst Table: TemplateOnlyComponent<TableSignature> = <template>\n  <table class={{@theme.table}} ...attributes>\n    {{yield}}\n  </table>\n</template>;\n\nexport default Table;\n"],"names":["Table","setComponentTemplate","precompileTemplate","strictMode","templateOnly"],"mappings":";;;;AAIA;;;;;AAKA;AAWA,MAAMA,KAA6B,GAAAC,oBAAA,CAAkBC,kBAAA,CAAA,qEAAA,EAIrD;EAAAC,UAAA,EAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA;;;;"}

package/dist/components/yeti-table/tbody/row/cell.js

@@ -6,29 +6,29 @@ import { setComponentTemplate } from '@ember/component';
 import { g, i } from 'decorator-transforms/runtime-esm';
 
 class TBodyCell extends Component {
-  static {
-    setComponentTemplate(precompileTemplate("{{#if this.column.visible}}\n  <td class=\"{{@class}} {{this.column.columnClass}} {{@theme.tbodyCell}}\" ...attributes>\n    {{yield (hash prop=this.column.prop)}}\n  </td>\n{{/if}}", {
-      strictMode: true,
-      scope: () => ({
-        hash
-      })
-    }), this);
-  }
   static {
     g(this.prototype, "index", [tracked]);
   }
   #index = (i(this, "index"), void 0);
   get column() {
-    return this.args.columns[this.index] || {};
+    return this.args.columns?.[this.index ?? -1] ?? {};
   }
-  constructor() {
-    super(...arguments);
+  constructor(owner, args) {
+    super(owner, args);
     this.index = this.args.parent?.registerCell(this);
   }
   willDestroy() {
-    super.willDestroy(...arguments);
+    super.willDestroy();
     this.args.parent?.unregisterCell(this);
   }
+  static {
+    setComponentTemplate(precompileTemplate("{{#if this.column.visible}}\n  <td class=\"{{@class}} {{this.column.columnClass}} {{@theme.tbodyCell}}\" ...attributes>\n    {{yield (hash prop=this.column.prop)}}\n  </td>\n{{/if}}", {
+      strictMode: true,
+      scope: () => ({
+        hash
+      })
+    }), this);
+  }
 }
 
 export { TBodyCell as default };

package/dist/components/yeti-table/tbody/row/cell.js.map

@@ -1 +1 @@
-{"version":3,"file":"cell.js","sources":["../../../../../src/components/yeti-table/tbody/row/cell.gjs"],"sourcesContent":["import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\n\n/**\n  @class TBodyCell\n\n  Renders a `<td>` element (if its corresponding column definition has `@visible={{true}}`).\n  ```hbs\n  <row.cell>\n    {{person.firstName}}\n  </row.cell>\n\n  If the prop name was used when the column header was defined, it is yielded in a hash\n  ```hbs\n  <row.cell as |column|>\n    {{get person column.prop}}\n  </row.cell>\n  ```\n*/\n\nimport { hash } from '@ember/helper';\n\nexport default class TBodyCell extends Component {\n  <template>\n    {{#if this.column.visible}}\n      <td\n        class=\"{{@class}} {{this.column.columnClass}} {{@theme.tbodyCell}}\"\n        ...attributes\n      >\n        {{yield (hash prop=this.column.prop)}}\n      </td>\n    {{/if}}\n  </template>\n\n  @tracked\n  index;\n\n  get column() {\n    return this.args.columns[this.index] || {};\n  }\n\n  constructor() {\n    super(...arguments);\n    this.index = this.args.parent?.registerCell(this);\n  }\n\n  willDestroy() {\n    super.willDestroy(...arguments);\n    this.args.parent?.unregisterCell(this);\n  }\n}\n"],"names":["TBodyCell","Component","setComponentTemplate","precompileTemplate","strictMode","scope","hash","g","prototype","tracked","i","column","args","columns","index","constructor","arguments","parent","registerCell","willDestroy","unregisterCell"],"mappings":";;;;;;;AAsBe,MAAMA,SAAA,SAAkBC,SAAA,CAAA;AACrC,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,uLAAA,EASA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AATA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,OAAA,EAAA,CAWTC,OAAA,CAAA,CAAA;AAAA;EAAA,MAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,OAAA,CAAA,EAAA,MAAA;EAGD,IAAIC,MAAAA,GAAS;AACX,IAAA,OAAO,IAAI,CAACC,IAAI,CAACC,OAAO,CAAC,IAAI,CAACC,KAAK,CAAC,IAAI,EAAC;AAC3C,EAAA;AAEAC,EAAAA,WAAAA,GAAc;IACZ,KAAK,CAAA,GAAIC,SAAA,CAAA;AACT,IAAA,IAAI,CAACF,KAAK,GAAG,IAAI,CAACF,IAAI,CAACK,MAAM,EAAEC,YAAA,CAAa,IAAI,CAAA;AAClD,EAAA;AAEAC,EAAAA,WAAAA,GAAc;AACZ,IAAA,KAAK,CAACA,WAAA,CAAA,GAAeH,SAAA,CAAA;IACrB,IAAI,CAACJ,IAAI,CAACK,MAAM,EAAEG,eAAe,IAAI,CAAA;AACvC,EAAA;AACF;;;;"}
+{"version":3,"file":"cell.js","sources":["../../../../../src/components/yeti-table/tbody/row/cell.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport type Owner from '@ember/owner';\n\nimport { hash } from '@ember/helper';\n\nimport type { ColumnDefinition, Theme } from '../../../../types.ts';\n\n/**\n  @class TBodyCell\n\n  Renders a `<td>` element (if its corresponding column definition has `@visible={{true}}`).\n  ```hbs\n  <row.cell>\n    {{person.firstName}}\n  </row.cell>\n\n  If the prop name was used when the column header was defined, it is yielded in a hash\n  ```hbs\n  <row.cell as |column|>\n    {{get person column.prop}}\n  </row.cell>\n  ```\n*/\n\nexport interface TBodyCellParent {\n  registerCell(cell: TBodyCell): number;\n  unregisterCell(cell: TBodyCell): void;\n}\n\nexport interface TBodyCellSignature {\n  Element: HTMLTableCellElement;\n  Args: {\n    class?: string;\n    theme?: Theme;\n    parent?: TBodyCellParent;\n    columns?: ColumnDefinition[];\n  };\n  Blocks: { default: [{ prop: string | undefined }] };\n}\n\nexport default class TBodyCell extends Component<TBodyCellSignature> {\n  @tracked\n  index: number | undefined;\n\n  get column(): ColumnDefinition {\n    return this.args.columns?.[this.index ?? -1] ?? {};\n  }\n\n  constructor(owner: Owner, args: TBodyCellSignature['Args']) {\n    super(owner, args);\n    this.index = this.args.parent?.registerCell(this);\n  }\n\n  willDestroy(): void {\n    super.willDestroy();\n    this.args.parent?.unregisterCell(this);\n  }\n\n  <template>\n    {{#if this.column.visible}}\n      <td\n        class=\"{{@class}} {{this.column.columnClass}} {{@theme.tbodyCell}}\"\n        ...attributes\n      >\n        {{yield (hash prop=this.column.prop)}}\n      </td>\n    {{/if}}\n  </template>\n}\n"],"names":["TBodyCell","Component","g","prototype","tracked","i","column","args","columns","index","constructor","owner","parent","registerCell","willDestroy","unregisterCell","setComponentTemplate","precompileTemplate","strictMode","scope","hash"],"mappings":";;;;;;;AAyCe,MAAMA,kBAAkBC,SAAA,CAAU;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,OAAA,EAAA,CAC9CC,OAAA,CAAA,CAAA;AAAA;EAAA,MAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,OAAA,CAAA,EAAA,MAAA;EAGD,IAAIC,SAA2B;AAC7B,IAAA,OAAO,IAAI,CAACC,IAAI,CAACC,OAAO,GAAG,IAAI,CAACC,KAAK,IAAI,EAAC,CAAE,IAAI,EAAC;AACnD,EAAA;AAEAC,EAAAA,WAAAA,CAAYC,KAAY,EAAEJ,IAAgC,EAAE;AAC1D,IAAA,KAAK,CAACI,KAAA,EAAOJ,IAAA,CAAA;AACb,IAAA,IAAI,CAACE,KAAK,GAAG,IAAI,CAACF,IAAI,CAACK,MAAM,EAAEC,YAAA,CAAa,IAAI,CAAA;AAClD,EAAA;AAEAC,EAAAA,WAAAA,GAAoB;IAClB,KAAK,CAACA,WAAA,EAAA;IACN,IAAI,CAACP,IAAI,CAACK,MAAM,EAAEG,eAAe,IAAI,CAAA;AACvC,EAAA;AAEA,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,uLAAA,EASA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}

package/dist/components/yeti-table/tbody/row.js

@@ -8,39 +8,33 @@ import { setComponentTemplate } from '@ember/component';
 import { n } from 'decorator-transforms/runtime-esm';
 
 class TBodyRow extends Component {
-  static {
-    setComponentTemplate(precompileTemplate("{{!-- template-lint-disable no-invalid-interactive --}}\n<tr class=\"{{@theme.tbodyRow}} {{@theme.row}}\" {{on \"click\" this.handleClick}} role={{if @onClick \"button\"}} ...attributes>\n  {{yield (hash cell=(component Cell theme=@theme parent=this columns=@columns))}}\n</tr>", {
-      strictMode: true,
-      scope: () => ({
-        on,
-        hash,
-        Cell: TBodyCell
-      })
-    }), this);
-  }
-  /**
-  * Adds a click action to the row.
-  *
-  * @argument onClick
-  * @type Function
-  */
   cells = [];
   registerCell(cell) {
-    let index = this.cells.length;
+    const index = this.cells.length;
     this.cells.push(cell);
     return index;
   }
   unregisterCell(cell) {
-    let cells = this.cells;
-    let index = cells.indexOf(cell);
+    const cells = this.cells;
+    const index = cells.indexOf(cell);
     cells.splice(index, 1);
   }
-  handleClick() {
-    this.args.onClick?.(...arguments);
+  handleClick(event) {
+    this.args.onClick?.(event);
   }
   static {
     n(this.prototype, "handleClick", [action]);
   }
+  static {
+    setComponentTemplate(precompileTemplate("{{!-- template-lint-disable no-invalid-interactive --}}\n<tr class=\"{{@theme.tbodyRow}} {{@theme.row}}\" {{on \"click\" this.handleClick}} role={{if @onClick \"button\"}} ...attributes>\n  {{yield (hash cell=(component Cell theme=@theme parent=this columns=@columns))}}\n</tr>", {
+      strictMode: true,
+      scope: () => ({
+        on,
+        hash,
+        Cell: TBodyCell
+      })
+    }), this);
+  }
 }
 
 export { TBodyRow as default };

package/dist/components/yeti-table/tbody/row.js.map

@@ -1 +1 @@
-{"version":3,"file":"row.js","sources":["../../../../src/components/yeti-table/tbody/row.gjs"],"sourcesContent":["import { action } from '@ember/object';\n\nimport Component from '@glimmer/component';\n\n/**\n  Renders a `<tr>` element and yields the cell component.\n  ```hbs\n  <body.row as |row|>\n    <row.cell>\n      {{person.firstName}} #{{index}}\n    </row.cell>\n    <row.cell>\n      {{person.lastName}}\n    </row.cell>\n    <row.cell>\n      {{person.points}}\n    </row.cell>\n  </body.row>\n  ```\n  Remember you can customize each `<tr>` class or `@onClick` handler based on the row data\n  because you have access to it from the body component.\n\n  ```hbs\n  <table.body as |body person|>\n    <body.row class={{if person.isInvalid \"error\"}} as |row|>\n      <row.cell>\n        {{person.firstName}}\n      </row.cell>\n      <row.cell>\n        {{person.lastName}}\n      </row.cell>\n      <row.cell>\n        {{person.points}}\n      </row.cell>\n    </body.row>\n  </table.body>\n  ```\n\n  @class TBodyRow\n  @yield {object} row\n  @yield {Component} row.cell - the cell component\n*/\n// template imports\nimport { hash } from '@ember/helper';\nimport { on } from '@ember/modifier';\nimport Cell from './row/cell.gjs';\n\nexport default class TBodyRow extends Component {\n  <template>\n    {{! template-lint-disable no-invalid-interactive }}\n    <tr\n      class=\"{{@theme.tbodyRow}} {{@theme.row}}\"\n      {{on \"click\" this.handleClick}}\n      role={{if @onClick \"button\"}}\n      ...attributes\n    >\n      {{yield\n        (hash cell=(component Cell theme=@theme parent=this columns=@columns))\n      }}\n    </tr>\n  </template>\n\n  /**\n   * Adds a click action to the row.\n   *\n   * @argument onClick\n   * @type Function\n   */\n\n  cells = [];\n\n  registerCell(cell) {\n    let index = this.cells.length;\n    this.cells.push(cell);\n    return index;\n  }\n\n  unregisterCell(cell) {\n    let cells = this.cells;\n    let index = cells.indexOf(cell);\n\n    cells.splice(index, 1);\n  }\n\n  @action\n  handleClick() {\n    this.args.onClick?.(...arguments);\n  }\n}\n"],"names":["TBodyRow","Component","setComponentTemplate","precompileTemplate","strictMode","scope","on","hash","Cell","cells","registerCell","cell","index","length","push","unregisterCell","indexOf","splice","handleClick","args","onClick","arguments","n","prototype","action"],"mappings":";;;;;;;;;AA+Ce,MAAMA,QAAA,SAAiBC,SAAA,CAAA;AACpC,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,uRAAA,EAYA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,EAAA;QAAAC,IAAA;AAAAC,cAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AAEV;;;;;;AAOAC,EAAAA,KAAA,GAAQ,EAAE;EAEVC,YAAAA,CAAaC,IAAI,EAAE;AACjB,IAAA,IAAIC,KAAA,GAAQ,IAAI,CAACH,KAAK,CAACI,MAAM;AAC7B,IAAA,IAAI,CAACJ,KAAK,CAACK,IAAI,CAACH,IAAA,CAAA;AAChB,IAAA,OAAOC,KAAA;AACT,EAAA;EAEAG,cAAAA,CAAeJ,IAAI,EAAE;AACnB,IAAA,IAAIF,KAAA,GAAQ,IAAI,CAACA,KAAK;AACtB,IAAA,IAAIG,KAAA,GAAQH,KAAA,CAAMO,OAAO,CAACL,IAAA,CAAA;AAE1BF,IAAAA,KAAA,CAAMQ,MAAM,CAACL,KAAA,EAAO,CAAA,CAAA;AACtB,EAAA;AAGAM,EAAAA,WAAAA,GAAc;AACZ,IAAA,IAAI,CAACC,IAAI,CAACC,OAAO,GAAA,GAAMC,SAAA,CAAA;AACzB,EAAA;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,aAAA,EAAA,CAHCC,MAAA,CAAA,CAAA;AAAA;AAIH;;;;"}
+{"version":3,"file":"row.js","sources":["../../../../src/components/yeti-table/tbody/row.gts"],"sourcesContent":["import { action } from '@ember/object';\nimport Component from '@glimmer/component';\n\nimport { hash } from '@ember/helper';\nimport { on } from '@ember/modifier';\n\nimport type { WithBoundArgs } from '@glint/template';\n\nimport Cell from './row/cell.gts';\nimport type {\n  ColumnDefinition,\n  RowClickHandler,\n  Theme,\n} from '../../../types.ts';\n\n/**\n  Renders a `<tr>` element and yields the cell component.\n\n  @class TBodyRow\n  @yield {object} row\n  @yield {Component} row.cell - the cell component\n*/\n\ninterface TBodyCellLike {\n  index?: number;\n}\n\nexport interface TBodyRowSignature {\n  Element: HTMLTableRowElement;\n  Args: {\n    theme?: Theme;\n    columns?: ColumnDefinition[];\n    onClick?: RowClickHandler;\n  };\n  Blocks: {\n    default: [\n      { cell: WithBoundArgs<typeof Cell, 'theme' | 'parent' | 'columns'> },\n    ];\n  };\n}\n\nexport default class TBodyRow extends Component<TBodyRowSignature> {\n  cells: TBodyCellLike[] = [];\n\n  registerCell(cell: TBodyCellLike): number {\n    const index = this.cells.length;\n    this.cells.push(cell);\n    return index;\n  }\n\n  unregisterCell(cell: TBodyCellLike): void {\n    const cells = this.cells;\n    const index = cells.indexOf(cell);\n\n    cells.splice(index, 1);\n  }\n\n  @action\n  handleClick(event: MouseEvent): void {\n    this.args.onClick?.(event);\n  }\n\n  <template>\n    {{! template-lint-disable no-invalid-interactive }}\n    <tr\n      class=\"{{@theme.tbodyRow}} {{@theme.row}}\"\n      {{on \"click\" this.handleClick}}\n      role={{if @onClick \"button\"}}\n      ...attributes\n    >\n      {{yield\n        (hash cell=(component Cell theme=@theme parent=this columns=@columns))\n      }}\n    </tr>\n  </template>\n}\n"],"names":["TBodyRow","Component","cells","registerCell","cell","index","length","push","unregisterCell","indexOf","splice","handleClick","event","args","onClick","n","prototype","action","setComponentTemplate","precompileTemplate","strictMode","scope","on","hash","Cell"],"mappings":";;;;;;;;;AAyCe,MAAMA,iBAAiBC,SAAA,CAAU;AAC9CC,EAAAA,KAAA,GAAyB,EAAE;EAE3BC,YAAAA,CAAaC,IAAmB,EAAU;AACxC,IAAA,MAAMC,KAAA,GAAQ,IAAI,CAACH,KAAK,CAACI,MAAM;AAC/B,IAAA,IAAI,CAACJ,KAAK,CAACK,IAAI,CAACH,IAAA,CAAA;AAChB,IAAA,OAAOC,KAAA;AACT,EAAA;EAEAG,cAAAA,CAAeJ,IAAmB,EAAQ;AACxC,IAAA,MAAMF,KAAA,GAAQ,IAAI,CAACA,KAAK;AACxB,IAAA,MAAMG,KAAA,GAAQH,KAAA,CAAMO,OAAO,CAACL,IAAA,CAAA;AAE5BF,IAAAA,KAAA,CAAMQ,MAAM,CAACL,KAAA,EAAO,CAAA,CAAA;AACtB,EAAA;EAGAM,WAAAA,CAAYC,KAAiB,EAAQ;AACnC,IAAA,IAAI,CAACC,IAAI,CAACC,OAAO,GAAGF,KAAA,CAAA;AACtB,EAAA;AAAA,EAAA;IAAAG,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,aAAA,EAAA,CAHCC,MAAA,CAAA,CAAA;AAAA;AAKD,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,uRAAA,EAYA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,EAAA;QAAAC,IAAA;AAAAC,cAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}

package/dist/components/yeti-table/tbody.js

@@ -4,6 +4,7 @@ import TBodyRow from './tbody/row.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 
+// eslint-disable-next-line ember/no-empty-glimmer-component-classes
 class TBody extends Component {
   static {
     setComponentTemplate(precompileTemplate("<tbody class={{@theme.tbody}} ...attributes>\n  {{yield (hash row=(component TBodyRow theme=@theme onClick=@onRowClick columns=@columns)) @data}}\n</tbody>", {

package/dist/components/yeti-table/tbody.js.map

@@ -1 +1 @@
-{"version":3,"file":"tbody.js","sources":["../../../src/components/yeti-table/tbody.gjs"],"sourcesContent":["import Component from '@glimmer/component';\n\n/**\n  Renders a `<tbody>` element and yields the row component and data. You must iterate each row\n  ```hbs\n  <table.tbody as |body data|>\n    {{#each data as |person index|}}\n      <body.row as |row|>\n        <row.cell>\n          {{person.firstName}} #{{index}}\n        </row.cell>\n        <row.cell>\n          {{person.lastName}}\n        </row.cell>\n        <row.cell>\n          {{person.points}}\n        </row.cell>\n      </body.row>\n    {{/each}}\n  </table.tbody>\n  ```\n  Remember that you must perform the {{#each}} to iterate over the `@data` array.\n\n This component does not provide a blockless variation\n\n  @class TBody\n  @yield {object} body\n  @yield {Component} body.row - the row component\n  @yield {Array} data\n*/\nimport { hash } from '@ember/helper';\nimport TBodyRow from './tbody/row.gjs';\n\n// eslint-disable-next-line ember/no-empty-glimmer-component-classes\nexport default class TBody extends Component {\n  <template>\n    <tbody class={{@theme.tbody}} ...attributes>\n      {{yield\n        (hash\n          row=(component\n            TBodyRow theme=@theme onClick=@onRowClick columns=@columns\n          )\n        )\n        @data\n      }}\n    </tbody>\n  </template>\n  /**\n   * Adds a click action to each row, called with the clicked row's data as an argument.\n   * Can be used with both the blockless and block invocations.\n   *\n   * @argument onRowClick\n   * @type Function\n   */\n}\n"],"names":["TBody","Component","setComponentTemplate","precompileTemplate","strictMode","scope","hash","TBodyRow"],"mappings":";;;;;;AAkCe,MAAMA,KAAA,SAAcC,SAAA,CAAA;AACjC,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,6JAAA,EAWA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,IAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AAQZ;;;;"}
+{"version":3,"file":"tbody.js","sources":["../../../src/components/yeti-table/tbody.gts"],"sourcesContent":["import Component from '@glimmer/component';\n\nimport { hash } from '@ember/helper';\n\nimport type { WithBoundArgs } from '@glint/template';\n\nimport TBodyRow from './tbody/row.gts';\nimport type {\n  ColumnDefinition,\n  Row,\n  RowClickHandler,\n  Theme,\n} from '../../types.ts';\n\n/**\n  Renders a `<tbody>` element and yields the row component and data. You must iterate each row.\n\n  @class TBody\n*/\n\nexport interface TBodySignature {\n  Element: HTMLTableSectionElement;\n  Args: {\n    theme?: Theme;\n    data?: Row[];\n    columns?: ColumnDefinition[];\n    onRowClick?: RowClickHandler;\n  };\n  Blocks: {\n    default: [\n      {\n        row: WithBoundArgs<typeof TBodyRow, 'theme' | 'onClick' | 'columns'>;\n      },\n      Row[] | undefined,\n    ];\n  };\n}\n\n// eslint-disable-next-line ember/no-empty-glimmer-component-classes\nexport default class TBody extends Component<TBodySignature> {\n  <template>\n    <tbody class={{@theme.tbody}} ...attributes>\n      {{yield\n        (hash\n          row=(component\n            TBodyRow theme=@theme onClick=@onRowClick columns=@columns\n          )\n        )\n        @data\n      }}\n    </tbody>\n  </template>\n}\n"],"names":["TBody","Component","setComponentTemplate","precompileTemplate","strictMode","scope","hash","TBodyRow"],"mappings":";;;;;;AAsCA;AACe,MAAMA,cAAcC,SAAA,CAAU;AAC3C,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,6JAAA,EAWA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,IAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}

package/dist/components/yeti-table/tfoot/row/cell.js

@@ -5,26 +5,26 @@ import { setComponentTemplate } from '@ember/component';
 import { g, i } from 'decorator-transforms/runtime-esm';
 
 class TFootCell extends Component {
-  static {
-    setComponentTemplate(precompileTemplate("{{#if this.column.visible}}\n  <td class=\"{{@class}} {{@theme.tfootCell}}\" ...attributes>\n    {{yield}}\n  </td>\n{{/if}}", {
-      strictMode: true
-    }), this);
-  }
   static {
     g(this.prototype, "index", [tracked]);
   }
   #index = (i(this, "index"), void 0);
   get column() {
-    return this.args.columns[this.index];
+    return this.args.columns?.[this.index ?? -1];
   }
-  constructor() {
-    super(...arguments);
+  constructor(owner, args) {
+    super(owner, args);
     this.index = this.args.parent?.registerCell(this);
   }
   willDestroy() {
-    super.willDestroy(...arguments);
+    super.willDestroy();
     this.args.parent?.unregisterCell(this);
   }
+  static {
+    setComponentTemplate(precompileTemplate("{{#if this.column.visible}}\n  <td class=\"{{@class}} {{@theme.tfootCell}}\" ...attributes>\n    {{yield}}\n  </td>\n{{/if}}", {
+      strictMode: true
+    }), this);
+  }
 }
 
 export { TFootCell as default };

package/dist/components/yeti-table/tfoot/row/cell.js.map

@@ -1 +1 @@
-{"version":3,"file":"cell.js","sources":["../../../../../src/components/yeti-table/tfoot/row/cell.gjs"],"sourcesContent":["import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\n\n/**\n  Renders a `<td>` element and yields for the developer to supply content.\n\n  ```hbs\n  <table.tfoot as |foot|>\n    <foot.row as |row|>\n      <row.cell>\n        Footer content\n      </row.cell>\n    </foot.row>\n  </table.tfoot>\n  ```\n  @class TFootCell\n */\n\nexport default class TFootCell extends Component {\n  <template>\n    {{#if this.column.visible}}\n      <td class=\"{{@class}} {{@theme.tfootCell}}\" ...attributes>\n        {{yield}}\n      </td>\n    {{/if}}\n  </template>\n\n  @tracked\n  index;\n\n  get column() {\n    return this.args.columns[this.index];\n  }\n\n  constructor() {\n    super(...arguments);\n\n    this.index = this.args.parent?.registerCell(this);\n  }\n\n  willDestroy() {\n    super.willDestroy(...arguments);\n    this.args.parent?.unregisterCell(this);\n  }\n}\n"],"names":["TFootCell","Component","setComponentTemplate","precompileTemplate","strictMode","g","prototype","tracked","i","column","args","columns","index","constructor","arguments","parent","registerCell","willDestroy","unregisterCell"],"mappings":";;;;;;AAkBe,MAAMA,SAAA,SAAkBC,SAAA,CAAA;AACrC,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,8HAAA,EAMA;MAAAC,UAAA,EAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AANA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,OAAA,EAAA,CAQTC,OAAA,CAAA,CAAA;AAAA;EAAA,MAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,OAAA,CAAA,EAAA,MAAA;EAGD,IAAIC,MAAAA,GAAS;IACX,OAAO,IAAI,CAACC,IAAI,CAACC,OAAO,CAAC,IAAI,CAACC,KAAK,CAAC;AACtC,EAAA;AAEAC,EAAAA,WAAAA,GAAc;IACZ,KAAK,CAAA,GAAIC,SAAA,CAAA;AAET,IAAA,IAAI,CAACF,KAAK,GAAG,IAAI,CAACF,IAAI,CAACK,MAAM,EAAEC,YAAA,CAAa,IAAI,CAAA;AAClD,EAAA;AAEAC,EAAAA,WAAAA,GAAc;AACZ,IAAA,KAAK,CAACA,WAAA,CAAA,GAAeH,SAAA,CAAA;IACrB,IAAI,CAACJ,IAAI,CAACK,MAAM,EAAEG,eAAe,IAAI,CAAA;AACvC,EAAA;AACF;;;;"}
+{"version":3,"file":"cell.js","sources":["../../../../../src/components/yeti-table/tfoot/row/cell.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport { tracked } from '@glimmer/tracking';\nimport type Owner from '@ember/owner';\n\nimport type { ColumnDefinition, Theme } from '../../../../types.ts';\n\n/**\n  Renders a `<td>` element and yields for the developer to supply content.\n\n  ```hbs\n  <table.tfoot as |foot|>\n    <foot.row as |row|>\n      <row.cell>\n        Footer content\n      </row.cell>\n    </foot.row>\n  </table.tfoot>\n  ```\n  @class TFootCell\n */\n\nexport interface TFootCellParent {\n  registerCell(cell: TFootCell): number;\n  unregisterCell(cell: TFootCell): void;\n}\n\nexport interface TFootCellSignature {\n  Element: HTMLTableCellElement;\n  Args: {\n    class?: string;\n    theme?: Theme;\n    parent?: TFootCellParent;\n    columns?: ColumnDefinition[];\n  };\n  Blocks: { default: [] };\n}\n\nexport default class TFootCell extends Component<TFootCellSignature> {\n  @tracked\n  index: number | undefined;\n\n  get column(): ColumnDefinition | undefined {\n    return this.args.columns?.[this.index ?? -1];\n  }\n\n  constructor(owner: Owner, args: TFootCellSignature['Args']) {\n    super(owner, args);\n\n    this.index = this.args.parent?.registerCell(this);\n  }\n\n  willDestroy(): void {\n    super.willDestroy();\n    this.args.parent?.unregisterCell(this);\n  }\n\n  <template>\n    {{#if this.column.visible}}\n      <td class=\"{{@class}} {{@theme.tfootCell}}\" ...attributes>\n        {{yield}}\n      </td>\n    {{/if}}\n  </template>\n}\n"],"names":["TFootCell","Component","g","prototype","tracked","i","column","args","columns","index","constructor","owner","parent","registerCell","willDestroy","unregisterCell","setComponentTemplate","precompileTemplate","strictMode"],"mappings":";;;;;;AAqCe,MAAMA,kBAAkBC,SAAA,CAAU;AAAA,EAAA;IAAAC,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,OAAA,EAAA,CAC9CC,OAAA,CAAA,CAAA;AAAA;EAAA,MAAA,IAAAC,CAAA,CAAA,IAAA,EAAA,OAAA,CAAA,EAAA,MAAA;EAGD,IAAIC,MAAAA,GAAuC;AACzC,IAAA,OAAO,IAAI,CAACC,IAAI,CAACC,OAAO,GAAG,IAAI,CAACC,KAAK,IAAI,EAAC,CAAE;AAC9C,EAAA;AAEAC,EAAAA,WAAAA,CAAYC,KAAY,EAAEJ,IAAgC,EAAE;AAC1D,IAAA,KAAK,CAACI,KAAA,EAAOJ,IAAA,CAAA;AAEb,IAAA,IAAI,CAACE,KAAK,GAAG,IAAI,CAACF,IAAI,CAACK,MAAM,EAAEC,YAAA,CAAa,IAAI,CAAA;AAClD,EAAA;AAEAC,EAAAA,WAAAA,GAAoB;IAClB,KAAK,CAACA,WAAA,EAAA;IACN,IAAI,CAACP,IAAI,CAACK,MAAM,EAAEG,eAAe,IAAI,CAAA;AACvC,EAAA;AAEA,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,8HAAA,EAMA;MAAAC,UAAA,EAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}

package/dist/components/yeti-table/tfoot/row.js

@@ -5,6 +5,17 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 
 class TFootRow extends Component {
+  cells = [];
+  registerCell(cell) {
+    const index = this.cells.length;
+    this.cells.push(cell);
+    return index;
+  }
+  unregisterCell(cell) {
+    const cells = this.cells;
+    const index = cells.indexOf(cell);
+    cells.splice(index, 1);
+  }
   static {
     setComponentTemplate(precompileTemplate("<tr class=\"{{@class}} {{@theme.tfootRow}} {{@theme.row}}\" ...attributes>\n  {{yield (hash cell=(component Cell theme=@theme parent=this columns=@columns))}}\n</tr>", {
       strictMode: true,
@@ -14,17 +25,6 @@ class TFootRow extends Component {
       })
     }), this);
   }
-  cells = [];
-  registerCell(cell) {
-    let index = this.cells.length;
-    this.cells.push(cell);
-    return index;
-  }
-  unregisterCell(cell) {
-    let cells = this.cells;
-    let index = cells.indexOf(cell);
-    cells.splice(index, 1);
-  }
 }
 
 export { TFootRow as default };

package/dist/components/yeti-table/tfoot/row.js.map

@@ -1 +1 @@
-{"version":3,"file":"row.js","sources":["../../../../src/components/yeti-table/tfoot/row.gjs"],"sourcesContent":["import Component from '@glimmer/component';\n\n/**\n  Renders a `<tr>` element and yields cell component.\n  ```hbs\n  <table.tfoot as |foot|>\n    <foot.row as |row|>\n      <row.cell>\n        Footer content\n      </row.cell>\n    </foot.row>\n  </table.tfoot>\n  ```\n\n  @class TFootRow\n  @yield {object} row\n  @yield {Component} row.cell\n*/\n\nimport { hash } from '@ember/helper';\nimport Cell from './row/cell.gjs';\n\nexport default class TFootRow extends Component {\n  <template>\n    <tr class=\"{{@class}} {{@theme.tfootRow}} {{@theme.row}}\" ...attributes>\n      {{yield\n        (hash cell=(component Cell theme=@theme parent=this columns=@columns))\n      }}\n    </tr>\n  </template>\n  cells = [];\n\n  registerCell(cell) {\n    let index = this.cells.length;\n    this.cells.push(cell);\n    return index;\n  }\n\n  unregisterCell(cell) {\n    let cells = this.cells;\n    let index = cells.indexOf(cell);\n    cells.splice(index, 1);\n  }\n}\n"],"names":["TFootRow","Component","setComponentTemplate","precompileTemplate","strictMode","scope","hash","Cell","cells","registerCell","cell","index","length","push","unregisterCell","indexOf","splice"],"mappings":";;;;;;AAsBe,MAAMA,QAAA,SAAiBC,SAAA,CAAA;AACpC,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,uKAAA,EAMA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,IAAA;AAAAC,cAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACVC,EAAAA,KAAA,GAAQ,EAAE;EAEVC,YAAAA,CAAaC,IAAI,EAAE;AACjB,IAAA,IAAIC,KAAA,GAAQ,IAAI,CAACH,KAAK,CAACI,MAAM;AAC7B,IAAA,IAAI,CAACJ,KAAK,CAACK,IAAI,CAACH,IAAA,CAAA;AAChB,IAAA,OAAOC,KAAA;AACT,EAAA;EAEAG,cAAAA,CAAeJ,IAAI,EAAE;AACnB,IAAA,IAAIF,KAAA,GAAQ,IAAI,CAACA,KAAK;AACtB,IAAA,IAAIG,KAAA,GAAQH,KAAA,CAAMO,OAAO,CAACL,IAAA,CAAA;AAC1BF,IAAAA,KAAA,CAAMQ,MAAM,CAACL,KAAA,EAAO,CAAA,CAAA;AACtB,EAAA;AACF;;;;"}
+{"version":3,"file":"row.js","sources":["../../../../src/components/yeti-table/tfoot/row.gts"],"sourcesContent":["import Component from '@glimmer/component';\n\nimport { hash } from '@ember/helper';\n\nimport type { WithBoundArgs } from '@glint/template';\n\nimport Cell from './row/cell.gts';\nimport type { ColumnDefinition, Theme } from '../../../types.ts';\n\n/**\n  Renders a `<tr>` element and yields cell component.\n\n  @class TFootRow\n  @yield {object} row\n  @yield {Component} row.cell\n*/\n\ninterface TFootCellLike {\n  index?: number;\n}\n\nexport interface TFootRowSignature {\n  Element: HTMLTableRowElement;\n  Args: {\n    class?: string;\n    theme?: Theme;\n    columns?: ColumnDefinition[];\n    parent?: unknown;\n  };\n  Blocks: {\n    default: [\n      { cell: WithBoundArgs<typeof Cell, 'theme' | 'parent' | 'columns'> },\n    ];\n  };\n}\n\nexport default class TFootRow extends Component<TFootRowSignature> {\n  cells: TFootCellLike[] = [];\n\n  registerCell(cell: TFootCellLike): number {\n    const index = this.cells.length;\n    this.cells.push(cell);\n    return index;\n  }\n\n  unregisterCell(cell: TFootCellLike): void {\n    const cells = this.cells;\n    const index = cells.indexOf(cell);\n    cells.splice(index, 1);\n  }\n\n  <template>\n    <tr class=\"{{@class}} {{@theme.tfootRow}} {{@theme.row}}\" ...attributes>\n      {{yield\n        (hash cell=(component Cell theme=@theme parent=this columns=@columns))\n      }}\n    </tr>\n  </template>\n}\n"],"names":["TFootRow","Component","cells","registerCell","cell","index","length","push","unregisterCell","indexOf","splice","setComponentTemplate","precompileTemplate","strictMode","scope","hash","Cell"],"mappings":";;;;;;AAoCe,MAAMA,iBAAiBC,SAAA,CAAU;AAC9CC,EAAAA,KAAA,GAAyB,EAAE;EAE3BC,YAAAA,CAAaC,IAAmB,EAAU;AACxC,IAAA,MAAMC,KAAA,GAAQ,IAAI,CAACH,KAAK,CAACI,MAAM;AAC/B,IAAA,IAAI,CAACJ,KAAK,CAACK,IAAI,CAACH,IAAA,CAAA;AAChB,IAAA,OAAOC,KAAA;AACT,EAAA;EAEAG,cAAAA,CAAeJ,IAAmB,EAAQ;AACxC,IAAA,MAAMF,KAAA,GAAQ,IAAI,CAACA,KAAK;AACxB,IAAA,MAAMG,KAAA,GAAQH,KAAA,CAAMO,OAAO,CAACL,IAAA,CAAA;AAC5BF,IAAAA,KAAA,CAAMQ,MAAM,CAACL,KAAA,EAAO,CAAA,CAAA;AACtB,EAAA;AAEA,EAAA;IAAAM,oBAAA,CAAAC,kBAAA,CAAA,uKAAA,EAMA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,IAAA;AAAAC,cAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}

package/dist/components/yeti-table/tfoot.js

@@ -4,6 +4,7 @@ import TFootRow from './tfoot/row.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 
+// eslint-disable-next-line ember/no-empty-glimmer-component-classes
 class TFoot extends Component {
   static {
     setComponentTemplate(precompileTemplate("<tfoot class={{@theme.tfoot}} ...attributes>\n  {{yield (hash row=(component TFootRow columns=@columns theme=@theme parent=@parent))}}\n</tfoot>", {

package/dist/components/yeti-table/tfoot.js.map

@@ -1 +1 @@
-{"version":3,"file":"tfoot.js","sources":["../../../src/components/yeti-table/tfoot.gjs"],"sourcesContent":["import Component from '@glimmer/component';\n\n/**\n  Renders a `<tfoot>` element and yields the row component.\n  ```hbs\n  <table.tfoot as |foot|>\n    <foot.row as |row|>\n      <row.cell>\n        Footer content\n      </row.cell>\n    </foot.row>\n  </table.tfoot>\n  ```\n\n  @class TTFoot\n  @yield {object} footer\n  @yield {Component} footer.row\n*/\nimport { hash } from '@ember/helper';\nimport TFootRow from './tfoot/row.gjs';\n\n// eslint-disable-next-line ember/no-empty-glimmer-component-classes\nexport default class TFoot extends Component {\n  <template>\n    <tfoot class={{@theme.tfoot}} ...attributes>\n      {{yield\n        (hash\n          row=(component TFootRow columns=@columns theme=@theme parent=@parent)\n        )\n      }}\n    </tfoot>\n  </template>\n}\n"],"names":["TFoot","Component","setComponentTemplate","precompileTemplate","strictMode","scope","hash","TFootRow"],"mappings":";;;;;;AAsBe,MAAMA,KAAA,SAAcC,SAAA,CAAA;AACjC,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,kJAAA,EAQA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,IAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}
+{"version":3,"file":"tfoot.js","sources":["../../../src/components/yeti-table/tfoot.gts"],"sourcesContent":["import Component from '@glimmer/component';\n\nimport { hash } from '@ember/helper';\n\nimport type { WithBoundArgs } from '@glint/template';\n\nimport TFootRow from './tfoot/row.gts';\nimport type { ColumnDefinition, Theme } from '../../types.ts';\n\n/**\n  Renders a `<tfoot>` element and yields the row component.\n\n  @class TTFoot\n*/\n\nexport interface TFootSignature {\n  Element: HTMLTableSectionElement;\n  Args: {\n    theme?: Theme;\n    columns?: ColumnDefinition[];\n    parent?: unknown;\n  };\n  Blocks: {\n    default: [\n      { row: WithBoundArgs<typeof TFootRow, 'columns' | 'theme' | 'parent'> },\n    ];\n  };\n}\n\n// eslint-disable-next-line ember/no-empty-glimmer-component-classes\nexport default class TFoot extends Component<TFootSignature> {\n  <template>\n    <tfoot class={{@theme.tfoot}} ...attributes>\n      {{yield\n        (hash\n          row=(component TFootRow columns=@columns theme=@theme parent=@parent)\n        )\n      }}\n    </tfoot>\n  </template>\n}\n"],"names":["TFoot","Component","setComponentTemplate","precompileTemplate","strictMode","scope","hash","TFootRow"],"mappings":";;;;;;AA6BA;AACe,MAAMA,cAAcC,SAAA,CAAU;AAC3C,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,kJAAA,EAQA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,IAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}

package/dist/components/yeti-table/thead/row/cell.js

@@ -3,21 +3,24 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 
 class THeadCell extends Component {
-  static {
-    setComponentTemplate(precompileTemplate("{{#if this.column.visible}}\n  <th class=\"{{@class}} {{@theme.theadCell}}\" ...attributes>\n    {{yield}}\n  </th>\n{{/if}}", {
-      strictMode: true
-    }), this);
-  }
   // Assigned when the cell is registered
   column = undefined;
-  constructor() {
-    super(...arguments);
+  constructor(owner, args) {
+    super(owner, args);
     this.column = this.args.parent?.registerCell(this);
   }
   willDestroy() {
-    super.willDestroy(...arguments);
+    super.willDestroy();
     this.args.parent?.unregisterCell(this);
   }
+  get prop() {
+    return this.args.prop;
+  }
+  static {
+    setComponentTemplate(precompileTemplate("{{#if this.column.visible}}\n  <th class=\"{{@class}} {{@theme.theadCell}}\" ...attributes>\n    {{yield}}\n  </th>\n{{/if}}", {
+      strictMode: true
+    }), this);
+  }
 }
 
 export { THeadCell as default };

package/dist/components/yeti-table/thead/row/cell.js.map

@@ -1 +1 @@
-{"version":3,"file":"cell.js","sources":["../../../../../src/components/yeti-table/thead/row/cell.gjs"],"sourcesContent":["import Component from '@glimmer/component';\n\n/**\n  An component yielded from the head.row component that is used to define\n  a cell in a row of the head of the table. Would be used for filters or any other\n  additional information in the table head for a column\n\n  ```hbs\n  <table.thead as |head|>\n    <head.row as |row|>\n      <row.cell>\n        <input\n          class=\"input\" type=\"search\" placeholder=\"Search last name\"\n          value={{this.lastNameFilter}}\n          {{on \"input\"\n            (pipe\n              (pick \"target.value\")\n              (fn (mut this.lastNameFilter))\n            )\n          }}\n          >\n      </row.cell>\n    </head.row>\n  </table.thead>\n  ```\n\n  @class THeadCell\n  @yield {object} cell\n\n */\nexport default class THeadCell extends Component {\n  <template>\n    {{#if this.column.visible}}\n      <th class=\"{{@class}} {{@theme.theadCell}}\" ...attributes>\n        {{yield}}\n      </th>\n    {{/if}}\n  </template>\n\n  // Assigned when the cell is registered\n  column = undefined;\n\n  constructor() {\n    super(...arguments);\n    this.column = this.args.parent?.registerCell(this);\n  }\n\n  willDestroy() {\n    super.willDestroy(...arguments);\n    this.args.parent?.unregisterCell(this);\n  }\n}\n"],"names":["THeadCell","Component","setComponentTemplate","precompileTemplate","strictMode","column","undefined","constructor","arguments","args","parent","registerCell","willDestroy","unregisterCell"],"mappings":";;;;AA8Be,MAAMA,SAAA,SAAkBC,SAAA,CAAA;AACrC,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,8HAAA,EAMA;MAAAC,UAAA,EAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AAEV;AACAC,EAAAA,MAAA,GAASC,SAAA;AAETC,EAAAA,WAAAA,GAAc;IACZ,KAAK,CAAA,GAAIC,SAAA,CAAA;AACT,IAAA,IAAI,CAACH,MAAM,GAAG,IAAI,CAACI,IAAI,CAACC,MAAM,EAAEC,YAAA,CAAa,IAAI,CAAA;AACnD,EAAA;AAEAC,EAAAA,WAAAA,GAAc;AACZ,IAAA,KAAK,CAACA,WAAA,CAAA,GAAeJ,SAAA,CAAA;IACrB,IAAI,CAACC,IAAI,CAACC,MAAM,EAAEG,eAAe,IAAI,CAAA;AACvC,EAAA;AACF;;;;"}
+{"version":3,"file":"cell.js","sources":["../../../../../src/components/yeti-table/thead/row/cell.gts"],"sourcesContent":["import Component from '@glimmer/component';\nimport type Owner from '@ember/owner';\n\nimport type { ColumnDefinition, Theme } from '../../../../types.ts';\n\n/**\n  An component yielded from the head.row component that is used to define\n  a cell in a row of the head of the table. Would be used for filters or any other\n  additional information in the table head for a column\n\n  ```hbs\n  <table.thead as |head|>\n    <head.row as |row|>\n      <row.cell>\n        <input\n          class=\"input\" type=\"search\" placeholder=\"Search last name\"\n          value={{this.lastNameFilter}}\n          {{on \"input\"\n            (pipe\n              (pick \"target.value\")\n              (fn (mut this.lastNameFilter))\n            )\n          }}\n          >\n      </row.cell>\n    </head.row>\n  </table.thead>\n  ```\n\n  @class THeadCell\n  @yield {object} cell\n\n */\nexport interface THeadCellParent {\n  registerCell(cell: THeadCell): ColumnDefinition | undefined;\n  unregisterCell(cell: THeadCell): void;\n}\n\nexport interface THeadCellSignature {\n  Element: HTMLTableCellElement;\n  Args: {\n    class?: string;\n    theme?: Theme;\n    parent?: THeadCellParent;\n    prop?: string;\n  };\n  Blocks: { default: [] };\n}\n\nexport default class THeadCell extends Component<THeadCellSignature> {\n  // Assigned when the cell is registered\n  column: ColumnDefinition | undefined = undefined;\n\n  constructor(owner: Owner, args: THeadCellSignature['Args']) {\n    super(owner, args);\n    this.column = this.args.parent?.registerCell(this);\n  }\n\n  willDestroy(): void {\n    super.willDestroy();\n    this.args.parent?.unregisterCell(this);\n  }\n\n  get prop(): string | undefined {\n    return this.args.prop;\n  }\n\n  <template>\n    {{#if this.column.visible}}\n      <th class=\"{{@class}} {{@theme.theadCell}}\" ...attributes>\n        {{yield}}\n      </th>\n    {{/if}}\n  </template>\n}\n"],"names":["THeadCell","Component","column","undefined","constructor","owner","args","parent","registerCell","willDestroy","unregisterCell","prop","setComponentTemplate","precompileTemplate","strictMode"],"mappings":";;;;AAiDe,MAAMA,kBAAkBC,SAAA,CAAU;AAC/C;AACAC,EAAAA,MAAA,GAAuCC,SAAA;AAEvCC,EAAAA,WAAAA,CAAYC,KAAY,EAAEC,IAAgC,EAAE;AAC1D,IAAA,KAAK,CAACD,KAAA,EAAOC,IAAA,CAAA;AACb,IAAA,IAAI,CAACJ,MAAM,GAAG,IAAI,CAACI,IAAI,CAACC,MAAM,EAAEC,YAAA,CAAa,IAAI,CAAA;AACnD,EAAA;AAEAC,EAAAA,WAAAA,GAAoB;IAClB,KAAK,CAACA,WAAA,EAAA;IACN,IAAI,CAACH,IAAI,CAACC,MAAM,EAAEG,eAAe,IAAI,CAAA;AACvC,EAAA;EAEA,IAAIC,IAAAA,GAA2B;AAC7B,IAAA,OAAO,IAAI,CAACL,IAAI,CAACK,IAAI;AACvB,EAAA;AAEA,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,8HAAA,EAMA;MAAAC,UAAA,EAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}