@triptyk/ember-yeti-table 3.0.0

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

@@ -0,0 +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;;;;"}

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

@@ -0,0 +1,20 @@
+import Component from '@glimmer/component';
+import { hash } from '@ember/helper';
+import TBodyRow from './tbody/row.js';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+
+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>", {
+      strictMode: true,
+      scope: () => ({
+        hash,
+        TBodyRow
+      })
+    }), this);
+  }
+}
+
+export { TBody as default };
+//# sourceMappingURL=tbody.js.map

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

@@ -0,0 +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;;;;"}

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

@@ -0,0 +1,31 @@
+import Component from '@glimmer/component';
+import { tracked } from '@glimmer/tracking';
+import { precompileTemplate } from '@ember/template-compilation';
+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];
+  }
+  constructor() {
+    super(...arguments);
+    this.index = this.args.parent?.registerCell(this);
+  }
+  willDestroy() {
+    super.willDestroy(...arguments);
+    this.args.parent?.unregisterCell(this);
+  }
+}
+
+export { TFootCell as default };
+//# sourceMappingURL=cell.js.map

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

@@ -0,0 +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;;;;"}

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

@@ -0,0 +1,31 @@
+import Component from '@glimmer/component';
+import { hash } from '@ember/helper';
+import TFootCell from './row/cell.js';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+
+class TFootRow extends Component {
+  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,
+      scope: () => ({
+        hash,
+        Cell: TFootCell
+      })
+    }), 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 };
+//# sourceMappingURL=row.js.map

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

@@ -0,0 +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;;;;"}

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

@@ -0,0 +1,20 @@
+import Component from '@glimmer/component';
+import { hash } from '@ember/helper';
+import TFootRow from './tfoot/row.js';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+
+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>", {
+      strictMode: true,
+      scope: () => ({
+        hash,
+        TFootRow
+      })
+    }), this);
+  }
+}
+
+export { TFoot as default };
+//# sourceMappingURL=tfoot.js.map

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

@@ -0,0 +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;;;;"}

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

@@ -0,0 +1,24 @@
+import Component from '@glimmer/component';
+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);
+    this.column = this.args.parent?.registerCell(this);
+  }
+  willDestroy() {
+    super.willDestroy(...arguments);
+    this.args.parent?.unregisterCell(this);
+  }
+}
+
+export { THeadCell as default };
+//# sourceMappingURL=cell.js.map

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

@@ -0,0 +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;;;;"}

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

@@ -0,0 +1,202 @@
+import { isArray } from '@ember/array';
+import { assert } from '@ember/debug';
+import Component from '@glimmer/component';
+import { modifier } from 'ember-modifier';
+import { localCopy } from 'tracked-toolbox';
+import { on } from '@ember/modifier';
+import { hash, fn } from '@ember/helper';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+import { g, i } from 'decorator-transforms/runtime-esm';
+
+class Column extends Component {
+  static {
+    setComponentTemplate(precompileTemplate("{{!-- template-lint-disable no-invalid-interactive --}}\n{{#if this.visible}}\n  <th role={{if this.sortable \"button\"}} class=\"{{@class}}\n      {{@theme.theadCell}}\n      {{if this.sortable @theme.sorting.columnSortable}}\n      {{if this.isSorted @theme.sorting.columnSorted}}\n      {{if this.isAscSorted @theme.sorting.columnSortedAsc}}\n      {{if this.isDescSorted @theme.sorting.columnSortedDesc}}\" {{on \"click\" (if this.sortable (fn @onClick this) this.noop)}} {{this.updateName}} ...attributes>\n    {{yield (hash isSorted=this.isSorted isAscSorted=this.isAscSorted isDescSorted=this.isDescSorted)}}\n  </th>\n{{/if}}", {
+      strictMode: true,
+      scope: () => ({
+        on,
+        fn,
+        hash
+      })
+    }), this);
+  }
+  /**
+  * An important argument that Yeti Table uses to tie this column to a certain property on
+  * each row object of the original `@data` (or `@loadFunction`) that was passed in.
+  *
+  * This is the argument that Yeti Table uses to filter and sort the data.
+  *
+  * This argument also allows Yeti Table to keep itself up to date when the original
+  * data changes. NOTE: If this property is a nested property (one that contains periods),
+  * the table will not update when this property changes. This is due to `@each` only supporting
+  * one level of properties.
+  *
+  * If you don't need sorting, filtering or automatic table unrolling (using the blockless
+  * body component), then this property is optional.
+  *
+  * @argument prop
+  * @type {String}
+  */
+  get prop() {
+    return this.args.prop;
+  }
+  /**
+  * Set to `false` to hide the entire column across all rows. Keep in mind that this property
+  * won't just hide the column using css. The DOM for the column will be removed. Defaults to `true`.
+  *
+  * @argument visible
+  * @type {Boolean}
+  */
+  static {
+    g(this.prototype, "visible", [localCopy('args.visible', true)]);
+  }
+  #visible = (i(this, "visible"), void 0);
+  static {
+    g(this.prototype, "sortable", [localCopy('args.sortable', true)]);
+  }
+  #sortable = (i(this, "sortable"), void 0);
+  /**
+  * Used to turn off sorting clicking on this column (clicks won't toggle sorting anymore).
+  * Useful on avatar columns, for example, where a sorting order doesn't really make sense.
+  * Defaults to the `<YetiTable>` `@sortable` argument (which in turn defaults to `true`).
+  *
+  * @argument sortable
+  * @type Boolean
+  */
+  static {
+    g(this.prototype, "sort", [localCopy('args.sort')]);
+  }
+  #sort = (i(this, "sort"), void 0);
+  /**
+  * Optionally use an `asc` or `desc` string on this argument to turn on ascending or descending sorting
+  * on this column. Useful to turn on default sortings on the table.
+  * @argument sort
+  * @type {String}
+  */
+  static {
+    g(this.prototype, "filterable", [localCopy('args.filterable', true)]);
+  }
+  #filterable = (i(this, "filterable"), void 0);
+  /**
+  * Use `@sortSequence` to customize the sequence in which the sorting order will cycle when
+  * clicking on this column header. You can either pass in a comma-separated string or an array
+  * of strings. Accepted values are `'asc'`, `'desc'` and `'unsorted'`. The default value is `['asc', 'desc']`
+  * or whatever the global table sortSequence value is.
+  *
+  * @argument sortSequence
+  * @type Array
+  */
+  /**
+  * Used to turn off filtering for this column. When `false`, Yeti Table won't look for
+  * values on this column. Defaults to `true`.
+  *
+  * @argument filterable
+  * @type {Boolean}
+  */
+  /**
+  * The column filter. If passed in, Yeti Table will search this column for rows that contain this
+  * string and show those rows.
+  *
+  * The column definitions `@filter` argument is subtractive, meaning that it will filter out rows
+  * from the subset that passes the general `@filter`.
+  *
+  * @argument filter
+  * @type {String}
+  */
+  get filter() {
+    return this.args.filter;
+  }
+  /**
+  * An optional function to customize the filtering logic *on this column*. This function should return true
+  * or false to either include or exclude the row on the resulting set. If this function depends
+  * on a value, pass that value as the `@filterUsing` argument.
+  *
+  * This function will be called with two arguments:
+  * - `value` - the current data cell to use for filtering
+  * - `filterUsing` - the value you passed in as `@filterUsing`
+  *
+  * @argument filterFunction
+  * @type {Function}
+  */
+  get filterFunction() {
+    return this.args.filterFunction;
+  }
+  /**
+  * If you `@filterFunction` function depends on a different value (other that `@filter`)
+  * to show, pass it in this argument. Yeti Table uses this argument to know when to recalculate
+  * the fitlered rows.
+  *
+  * @argument filterUsing
+  * @type {String}
+  */
+  get filterUsing() {
+    return this.args.filterUsing;
+  }
+  /**
+  * Used to add a class to all the cells in this column.
+  *
+  * @argument columnClass
+  * @type {String}
+  */
+  get columnClass() {
+    return this.args.columnClass;
+  }
+  /**
+  * This property is a human-readable representation of the name of the column.
+  * It defaults to the trimmed `textContent` of the `<th>` element, but can be overridden
+  * by using a `@name="your custom name"` argument.
+  *
+  * @argument name
+  * @type {String}
+  */
+  static {
+    g(this.prototype, "name", [localCopy('args.name')]);
+  }
+  #name = (i(this, "name"), void 0);
+  /**
+  * An optional function to be invoked whenever this column is clicked
+  *
+  * This function will be called with two arguments:
+  * - `column` - the column that was clicked
+  *
+  * @argument onClick
+  * @type {Function}
+  */
+  get isAscSorted() {
+    return this.sort === 'asc';
+  }
+  get isDescSorted() {
+    return this.sort === 'desc';
+  }
+  get isSorted() {
+    return this.isAscSorted || this.isDescSorted;
+  }
+  get normalizedSortSequence() {
+    let sortSequence = this.args.sortSequence;
+    assert('@sortSequence must be either a comma-separated string or an array. Got `${sortSequence}.`', isArray(sortSequence) || typeof sortSequence === 'string');
+    if (isArray(sortSequence)) {
+      return sortSequence;
+    } else if (typeof sortSequence === 'string') {
+      return sortSequence.split(',').map(s => s.trim());
+    } else {
+      return [];
+    }
+  }
+  constructor() {
+    super(...arguments);
+    this.args.parent?.registerColumn(this);
+  }
+  willDestroy() {
+    super.willDestroy(...arguments);
+    this.args.parent?.unregisterColumn(this);
+  }
+  updateName = modifier(element => {
+    if (!this.args.name) {
+      this.name = element.textContent.trim();
+    }
+  });
+  noop = () => {};
+}
+
+export { Column as default };
+//# sourceMappingURL=column.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"column.js","sources":["../../../../../src/components/yeti-table/thead/row/column.gjs"],"sourcesContent":["import { isArray } from '@ember/array';\nimport { assert } from '@ember/debug';\n\nimport Component from '@glimmer/component';\nimport { modifier } from 'ember-modifier';\nimport { localCopy } from 'tracked-toolbox';\n\n/**\n  An important component yielded from the header or head.row component that is used to define\n  a column of the table.\n\n  ```hbs\n  <table.header as |header|>\n    <header.column @prop=\"firstName\" as |column|>\n      First name\n      {{if column.isAscSorted \"(sorted asc)\"}}\n      {{if column.isDescSorted \"(sorted desc)\"}}\n    </header.column>\n  </table.header>\n  ```\n\n  ```hbs\n  <table.thead as |head|>\n    <head.row as |row|>\n      <row.column @prop=\"firstName\" as |column|>\n        First name\n        {{if column.isAscSorted \"(sorted asc)\"}}\n        {{if column.isDescSorted \"(sorted desc)\"}}\n      </row.column>\n    </head.row>\n  </table.thead>\n  ```\n\n  @class Column\n  @yield {object} column\n  @yield {boolean} column.isSorted - `true` if column is sorted ascending or descending\n  @yield {boolean} column.isAscSorted - `true` if column is sorted ascending\n  @yield {boolean} column.isDescSorted - `true` if column is sorted descending\n*/\nimport { on } from '@ember/modifier';\nimport { fn, hash } from '@ember/helper';\n\nexport default class Column extends Component {\n  <template>\n    {{! template-lint-disable no-invalid-interactive }}\n    {{#if this.visible}}\n      <th\n        role={{if this.sortable \"button\"}}\n        class=\"{{@class}}\n          {{@theme.theadCell}}\n          {{if this.sortable @theme.sorting.columnSortable}}\n          {{if this.isSorted @theme.sorting.columnSorted}}\n          {{if this.isAscSorted @theme.sorting.columnSortedAsc}}\n          {{if this.isDescSorted @theme.sorting.columnSortedDesc}}\"\n        {{on \"click\" (if this.sortable (fn @onClick this) this.noop)}}\n        {{this.updateName}}\n        ...attributes\n      >\n        {{yield\n          (hash\n            isSorted=this.isSorted\n            isAscSorted=this.isAscSorted\n            isDescSorted=this.isDescSorted\n          )\n        }}\n      </th>\n    {{/if}}\n  </template>\n  /**\n   * An important argument that Yeti Table uses to tie this column to a certain property on\n   * each row object of the original `@data` (or `@loadFunction`) that was passed in.\n   *\n   * This is the argument that Yeti Table uses to filter and sort the data.\n   *\n   * This argument also allows Yeti Table to keep itself up to date when the original\n   * data changes. NOTE: If this property is a nested property (one that contains periods),\n   * the table will not update when this property changes. This is due to `@each` only supporting\n   * one level of properties.\n   *\n   * If you don't need sorting, filtering or automatic table unrolling (using the blockless\n   * body component), then this property is optional.\n   *\n   * @argument prop\n   * @type {String}\n   */\n  get prop() {\n    return this.args.prop;\n  }\n\n  /**\n   * Set to `false` to hide the entire column across all rows. Keep in mind that this property\n   * won't just hide the column using css. The DOM for the column will be removed. Defaults to `true`.\n   *\n   * @argument visible\n   * @type {Boolean}\n   */\n  @localCopy('args.visible', true)\n  visible;\n\n  /**\n   * Used to turn off sorting clicking on this column (clicks won't toggle sorting anymore).\n   * Useful on avatar columns, for example, where a sorting order doesn't really make sense.\n   * Defaults to the `<YetiTable>` `@sortable` argument (which in turn defaults to `true`).\n   *\n   * @argument sortable\n   * @type Boolean\n   */\n  @localCopy('args.sortable', true)\n  sortable;\n\n  /**\n   * Optionally use an `asc` or `desc` string on this argument to turn on ascending or descending sorting\n   * on this column. Useful to turn on default sortings on the table.\n\n   * @argument sort\n   * @type {String}\n   */\n  @localCopy('args.sort')\n  sort;\n\n  /**\n   * Use `@sortSequence` to customize the sequence in which the sorting order will cycle when\n   * clicking on this column header. You can either pass in a comma-separated string or an array\n   * of strings. Accepted values are `'asc'`, `'desc'` and `'unsorted'`. The default value is `['asc', 'desc']`\n   * or whatever the global table sortSequence value is.\n   *\n   * @argument sortSequence\n   * @type Array\n   */\n\n  /**\n   * Used to turn off filtering for this column. When `false`, Yeti Table won't look for\n   * values on this column. Defaults to `true`.\n   *\n   * @argument filterable\n   * @type {Boolean}\n   */\n  @localCopy('args.filterable', true)\n  filterable;\n\n  /**\n   * The column filter. If passed in, Yeti Table will search this column for rows that contain this\n   * string and show those rows.\n   *\n   * The column definitions `@filter` argument is subtractive, meaning that it will filter out rows\n   * from the subset that passes the general `@filter`.\n   *\n   * @argument filter\n   * @type {String}\n   */\n  get filter() {\n    return this.args.filter;\n  }\n\n  /**\n   * An optional function to customize the filtering logic *on this column*. This function should return true\n   * or false to either include or exclude the row on the resulting set. If this function depends\n   * on a value, pass that value as the `@filterUsing` argument.\n   *\n   * This function will be called with two arguments:\n   * - `value` - the current data cell to use for filtering\n   * - `filterUsing` - the value you passed in as `@filterUsing`\n   *\n   * @argument filterFunction\n   * @type {Function}\n   */\n  get filterFunction() {\n    return this.args.filterFunction;\n  }\n\n  /**\n   * If you `@filterFunction` function depends on a different value (other that `@filter`)\n   * to show, pass it in this argument. Yeti Table uses this argument to know when to recalculate\n   * the fitlered rows.\n   *\n   * @argument filterUsing\n   * @type {String}\n   */\n  get filterUsing() {\n    return this.args.filterUsing;\n  }\n\n  /**\n   * Used to add a class to all the cells in this column.\n   *\n   * @argument columnClass\n   * @type {String}\n   */\n  get columnClass() {\n    return this.args.columnClass;\n  }\n\n  /**\n   * This property is a human-readable representation of the name of the column.\n   * It defaults to the trimmed `textContent` of the `<th>` element, but can be overridden\n   * by using a `@name=\"your custom name\"` argument.\n   *\n   * @argument name\n   * @type {String}\n   */\n  @localCopy('args.name')\n  name;\n\n  /**\n   * An optional function to be invoked whenever this column is clicked\n   *\n   * This function will be called with two arguments:\n   * - `column` - the column that was clicked\n   *\n   * @argument onClick\n   * @type {Function}\n   */\n\n  get isAscSorted() {\n    return this.sort === 'asc';\n  }\n\n  get isDescSorted() {\n    return this.sort === 'desc';\n  }\n\n  get isSorted() {\n    return this.isAscSorted || this.isDescSorted;\n  }\n\n  get normalizedSortSequence() {\n    let sortSequence = this.args.sortSequence;\n    assert(\n      '@sortSequence must be either a comma-separated string or an array. Got `${sortSequence}.`',\n      isArray(sortSequence) || typeof sortSequence === 'string',\n    );\n\n    if (isArray(sortSequence)) {\n      return sortSequence;\n    } else if (typeof sortSequence === 'string') {\n      return sortSequence.split(',').map((s) => s.trim());\n    } else {\n      return [];\n    }\n  }\n\n  constructor() {\n    super(...arguments);\n\n    this.args.parent?.registerColumn(this);\n  }\n\n  willDestroy() {\n    super.willDestroy(...arguments);\n    this.args.parent?.unregisterColumn(this);\n  }\n\n  updateName = modifier((element) => {\n    if (!this.args.name) {\n      this.name = element.textContent.trim();\n    }\n  });\n\n  noop = () => {};\n}\n"],"names":["Column","Component","setComponentTemplate","precompileTemplate","strictMode","scope","on","fn","hash","prop","args","g","prototype","localCopy","i","filter","filterFunction","filterUsing","columnClass","isAscSorted","sort","isDescSorted","isSorted","normalizedSortSequence","sortSequence","assert","isArray","split","map","s","trim","constructor","arguments","parent","registerColumn","willDestroy","unregisterColumn","updateName","modifier","element","name","textContent","noop"],"mappings":"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"}

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

@@ -0,0 +1,41 @@
+import Component from '@glimmer/component';
+import Column from './row/column.js';
+import THeadCell from './row/cell.js';
+import { hash } from '@ember/helper';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+
+class THeadRow extends Component {
+  static {
+    setComponentTemplate(precompileTemplate("<tr class=\"{{@trClass}} {{@theme.theadRow}} {{@theme.row}}\" ...attributes>\n  {{yield (hash column=(component Column sortable=@sortable sortSequence=@sortSequence onClick=@onColumnClick theme=@theme parent=@parent) cell=(component Cell theme=@theme parent=this))}}\n</tr>", {
+      strictMode: true,
+      scope: () => ({
+        hash,
+        Column,
+        Cell: THeadCell
+      })
+    }), this);
+  }
+  cells = [];
+  registerCell(cell) {
+    let column;
+    if (cell.prop) {
+      column = this.args.columns.findBy('prop', cell.prop);
+      cell.column = column;
+    } else {
+      let index = this.cells.length;
+      column = this.args.columns[index];
+      return column;
+    }
+    this.cells.push(cell);
+    return column;
+  }
+  unregisterCell(cell) {
+    let cells = this.cells;
+    let index = cells.indexOf(cell);
+    cells.splice(index, 1);
+  }
+}
+
+export { THeadRow as default };
+//# sourceMappingURL=row.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"row.js","sources":["../../../../src/components/yeti-table/thead/row.gjs"],"sourcesContent":["import Component from '@glimmer/component';\n\n/**\n  Renders a `<tr>` element and yields the column and cell component.\n  ```hbs\n  <table.thead as |head|>\n    <head.row as |row|>\n      <row.column @prop=\"firstName\" as |column|>\n        First name\n        {{if column.isAscSorted \"(sorted asc)\"}}\n        {{if column.isDescSorted \"(sorted desc)\"}}\n      </row.column>\n    </head.row>\n  </table.thead>\n  ```\n\n  @class THeadRow\n  @yield {Component} column\n  @yield {Component} cell\n*/\n\nimport Column from './row/column.gjs';\nimport Cell from './row/cell.gjs';\nimport { hash } from '@ember/helper';\n\nexport default class THeadRow extends Component {\n  <template>\n    <tr class=\"{{@trClass}} {{@theme.theadRow}} {{@theme.row}}\" ...attributes>\n      {{yield\n        (hash\n          column=(component\n            Column\n            sortable=@sortable\n            sortSequence=@sortSequence\n            onClick=@onColumnClick\n            theme=@theme\n            parent=@parent\n          )\n          cell=(component Cell theme=@theme parent=this)\n        )\n      }}\n    </tr>\n  </template>\n\n  cells = [];\n\n  registerCell(cell) {\n    let column;\n\n    if (cell.prop) {\n      column = this.args.columns.findBy('prop', cell.prop);\n      cell.column = column;\n    } else {\n      let index = this.cells.length;\n      column = this.args.columns[index];\n\n      return column;\n    }\n\n    this.cells.push(cell);\n\n    return column;\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"],"names":["THeadRow","Component","setComponentTemplate","precompileTemplate","strictMode","scope","hash","Column","Cell","cells","registerCell","cell","column","prop","args","columns","findBy","index","length","push","unregisterCell","indexOf","splice"],"mappings":";;;;;;;AAyBe,MAAMA,QAAA,SAAiBC,SAAA,CAAA;AACpC,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,mRAAA,EAgBA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,IAAA;QAAAC,MAAA;AAAAC,cAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AAEVC,EAAAA,KAAA,GAAQ,EAAE;EAEVC,YAAAA,CAAaC,IAAI,EAAE;AACjB,IAAA,IAAIC,MAAA;IAEJ,IAAID,IAAA,CAAKE,IAAI,EAAE;AACbD,MAAAA,MAAA,GAAS,IAAI,CAACE,IAAI,CAACC,OAAO,CAACC,MAAM,CAAC,MAAA,EAAQL,IAAA,CAAKE,IAAI,CAAA;MACnDF,IAAA,CAAKC,MAAM,GAAGA,MAAA;AAChB,IAAA,CAAA,MAAO;AACL,MAAA,IAAIK,KAAA,GAAQ,IAAI,CAACR,KAAK,CAACS,MAAM;MAC7BN,MAAA,GAAS,IAAI,CAACE,IAAI,CAACC,OAAO,CAACE,KAAA,CAAM;AAEjC,MAAA,OAAOL,MAAA;AACT,IAAA;AAEA,IAAA,IAAI,CAACH,KAAK,CAACU,IAAI,CAACR,IAAA,CAAA;AAEhB,IAAA,OAAOC,MAAA;AACT,EAAA;EAEAQ,cAAAA,CAAeT,IAAI,EAAE;AACnB,IAAA,IAAIF,KAAA,GAAQ,IAAI,CAACA,KAAK;AACtB,IAAA,IAAIQ,KAAA,GAAQR,KAAA,CAAMY,OAAO,CAACV,IAAA,CAAA;AAE1BF,IAAAA,KAAA,CAAMa,MAAM,CAACL,KAAA,EAAO,CAAA,CAAA;AACtB,EAAA;AACF;;;;"}

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

@@ -0,0 +1,35 @@
+import { hash } from '@ember/helper';
+import THeadRow from './thead/row.js';
+import { precompileTemplate } from '@ember/template-compilation';
+import { setComponentTemplate } from '@ember/component';
+import templateOnly from '@ember/component/template-only';
+
+/**
+  Renders a `<thead>` element and yields the row component.
+
+  ```hbs
+  <table.thead as |head|>
+    <head.row as |row|>
+      <row.column @prop="firstName" as |column|>
+        First name
+        {{if column.isAscSorted "(sorted asc)"}}
+        {{if column.isDescSorted "(sorted desc)"}}
+      </row.column>
+    </head.row>
+  </table.thead>
+  ```
+
+  @class THead
+  @yield {object} head
+  @yield {Component} head.row
+*/
+var THead = setComponentTemplate(precompileTemplate("<thead class={{@theme.thead}} ...attributes>\n  {{yield (hash row=(component THead sortable=@sortable sortSequence=@sortSequence onColumnClick=@onColumnClick columns=@columns theme=@theme parent=@parent))}}\n</thead>", {
+  strictMode: true,
+  scope: () => ({
+    hash,
+    THead: THeadRow
+  })
+}), templateOnly());
+
+export { THead as default };
+//# sourceMappingURL=thead.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"thead.js","sources":["../../../src/components/yeti-table/thead.gjs"],"sourcesContent":["/**\n  Renders a `<thead>` element and yields the row component.\n\n  ```hbs\n  <table.thead as |head|>\n    <head.row as |row|>\n      <row.column @prop=\"firstName\" as |column|>\n        First name\n        {{if column.isAscSorted \"(sorted asc)\"}}\n        {{if column.isDescSorted \"(sorted desc)\"}}\n      </row.column>\n    </head.row>\n  </table.thead>\n  ```\n\n  @class THead\n  @yield {object} head\n  @yield {Component} head.row\n*/\nimport { hash } from '@ember/helper';\nimport THead from './thead/row.gjs';\n\n<template>\n  <thead class={{@theme.thead}} ...attributes>\n    {{yield\n      (hash\n        row=(component\n          THead\n          sortable=@sortable\n          sortSequence=@sortSequence\n          onColumnClick=@onColumnClick\n          columns=@columns\n          theme=@theme\n          parent=@parent\n        )\n      )\n    }}\n  </thead>\n</template>\n/**\n * Adds a click action to the thead, called with the clicked column as an argument.\n *\n * @argument onColumnClick - action that is called when the column header is clicked\n * @type Function\n */\n"],"names":["setComponentTemplate","precompileTemplate","strictMode","scope","hash","THead","templateOnly"],"mappings":";;;;;;AAAA;;;;;;;;;;;;;;;;;;AAkBA;AAIA,YAAAA,oBAAA,CAAAC,kBAAA,CAAA,0NAAA,EAgBA;EAAAC,UAAA,EAAA,IAAA;AAAAC,EAAAA,KAAA,EAAAA,OAAA;IAAAC,IAAA;AAAAC,WAAAA;AAAA,GAAA;AAAU,CAAA,CAAA,EAAAC,YAAA,EAAA,CAAA;;;;"}