@triptyk/ember-yeti-table 3.0.0 → 3.0.2

package/declarations/components/yeti-table/thead/row/column.d.ts

@@ -0,0 +1,69 @@
+import Component from '@glimmer/component';
+import type Owner from '@ember/owner';
+import type { ColumnDefinition, FilterFunction, SortDirection, Theme } from '../../../../types.ts';
+/**
+  An important component yielded from the header or head.row component that is used to define
+  a column of the table.
+
+  @class Column
+*/
+export interface ColumnParent {
+    registerColumn(column: Column): void;
+    unregisterColumn(column: Column): void;
+}
+export interface ColumnSignature {
+    Element: HTMLTableCellElement;
+    Args: {
+        class?: string;
+        theme?: Theme;
+        prop?: string;
+        visible?: boolean;
+        sortable?: boolean;
+        sort?: SortDirection | null;
+        sortSequence?: SortDirection[] | string;
+        filterable?: boolean;
+        filter?: string;
+        filterFunction?: FilterFunction;
+        filterUsing?: unknown;
+        columnClass?: string;
+        name?: string;
+        onClick?: (column: Column, e: MouseEvent) => void;
+        parent?: ColumnParent;
+    };
+    Blocks: {
+        default: [
+            {
+                isSorted: boolean;
+                isAscSorted: boolean;
+                isDescSorted: boolean;
+            }
+        ];
+    };
+}
+export default class Column extends Component<ColumnSignature> implements ColumnDefinition {
+    get prop(): string | undefined;
+    visible: boolean;
+    sortable: boolean;
+    sort: SortDirection | null | undefined;
+    filterable: boolean;
+    get filter(): string | undefined;
+    get filterFunction(): FilterFunction | undefined;
+    get filterUsing(): unknown;
+    get columnClass(): string | undefined;
+    name: string | undefined;
+    get isAscSorted(): boolean;
+    get isDescSorted(): boolean;
+    get isSorted(): boolean;
+    get normalizedSortSequence(): string[];
+    constructor(owner: Owner, args: ColumnSignature['Args']);
+    willDestroy(): void;
+    updateName: import("ember-modifier").FunctionBasedModifier<{
+        Args: {
+            Positional: unknown[];
+            Named: import("ember-modifier/-private/signature").EmptyObject;
+        };
+        Element: Element;
+    }>;
+    handleClick(e: MouseEvent): void;
+}
+//# sourceMappingURL=column.d.ts.map

package/declarations/components/yeti-table/thead/row/column.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"column.d.ts","sourceRoot":"","sources":["../../../../../src/components/yeti-table/thead/row/column.gts"],"names":[],"mappings":"AAoLA,OAAO,SAAS,MAAM,oBAAoB,CAAC;AAG3C,OAAO,KAAK,KAAK,MAAM,cAAc,CAAC;AAKtC,OAAO,KAAK,EACV,gBAAgB,EAChB,cAAc,EACd,aAAa,EACb,KAAK,EACN,MAAM,sBAAsB,CAAC;AAE9B;;;;;EAKE;AAEF,MAAM,WAAW,YAAY;IAC3B,cAAc,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACrC,gBAAgB,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;CACxC;AAED,MAAM,WAAW,eAAe;IAC9B,OAAO,EAAE,oBAAoB,CAAC;IAC9B,IAAI,EAAE;QACJ,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,KAAK,CAAC,EAAE,KAAK,CAAC;QACd,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,OAAO,CAAC,EAAE,OAAO,CAAC;QAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,IAAI,CAAC,EAAE,aAAa,GAAG,IAAI,CAAC;QAC5B,YAAY,CAAC,EAAE,aAAa,EAAE,GAAG,MAAM,CAAC;QACxC,UAAU,CAAC,EAAE,OAAO,CAAC;QACrB,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,cAAc,CAAC,EAAE,cAAc,CAAC;QAChC,WAAW,CAAC,EAAE,OAAO,CAAC;QACtB,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;QAClD,MAAM,CAAC,EAAE,YAAY,CAAC;KACvB,CAAC;IACF,MAAM,EAAE;QACN,OAAO,EAAE;YACP;gBACE,QAAQ,EAAE,OAAO,CAAC;gBAClB,WAAW,EAAE,OAAO,CAAC;gBACrB,YAAY,EAAE,OAAO,CAAC;aACvB;SACF,CAAC;KACH,CAAC;CACH;AAED,MAAM,CAAC,OAAO,OAAO,MACnB,SAAQ,SAAS,CAAC,eAAe,CACjC,YAAW,gBAAgB;IAE3B,IAAI,IAAI,IAAI,MAAM,GAAG,SAAS,CAE7B;IAGD,OAAO,EAAG,OAAO,CAAC;IAGlB,QAAQ,EAAG,OAAO,CAAC;IAGnB,IAAI,EAAE,aAAa,GAAG,IAAI,GAAG,SAAS,CAAC;IAGvC,UAAU,EAAG,OAAO,CAAC;IAErB,IAAI,MAAM,IAAI,MAAM,GAAG,SAAS,CAE/B;IAED,IAAI,cAAc,IAAI,cAAc,GAAG,SAAS,CAE/C;IAED,IAAI,WAAW,IAAI,OAAO,CAEzB;IAED,IAAI,WAAW,IAAI,MAAM,GAAG,SAAS,CAEpC;IAGD,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;IAEzB,IAAI,WAAW,IAAI,OAAO,CAEzB;IAED,IAAI,YAAY,IAAI,OAAO,CAE1B;IAED,IAAI,QAAQ,IAAI,OAAO,CAEtB;IAED,IAAI,sBAAsB,IAAI,MAAM,EAAE,CAcrC;gBAEW,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,eAAe,CAAC,MAAM,CAAC;IAMvD,WAAW,IAAI,IAAI;IAKnB,UAAU;;;;;;OAIP;IAGH,WAAW,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI;CA6BjC"}

package/declarations/components/yeti-table/thead/row.d.ts

@@ -0,0 +1,55 @@
+import Component from '@glimmer/component';
+import type { WithBoundArgs } from '@glint/template';
+import Column from './row/column';
+import type { ColumnParent } from './row/column';
+import Cell from './row/cell';
+import type { ColumnDefinition, SortDirection, Theme } from '../../../types.ts';
+/**
+  Renders a `<tr>` element and yields the column and cell 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 THeadRow
+  @yield {Component} column
+  @yield {Component} cell
+*/
+interface THeadCellLike {
+    prop?: string;
+    column?: ColumnDefinition;
+}
+export interface THeadRowSignature {
+    Element: HTMLTableRowElement;
+    Args: {
+        trClass?: string;
+        theme?: Theme;
+        sortable?: boolean;
+        sortSequence?: SortDirection[] | string;
+        onColumnClick?: (column: Column, e: MouseEvent) => void;
+        columns: ColumnDefinition[];
+        parent?: ColumnParent;
+    };
+    Blocks: {
+        default: [
+            {
+                column: WithBoundArgs<typeof Column, 'sortable' | 'sortSequence' | 'onClick' | 'theme' | 'parent'>;
+                cell: WithBoundArgs<typeof Cell, 'theme' | 'parent'>;
+            }
+        ];
+    };
+}
+export default class THeadRow extends Component<THeadRowSignature> {
+    cells: THeadCellLike[];
+    registerCell(cell: THeadCellLike): ColumnDefinition | undefined;
+    unregisterCell(cell: THeadCellLike): void;
+}
+export {};
+//# sourceMappingURL=row.d.ts.map

package/declarations/components/yeti-table/thead/row.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"row.d.ts","sourceRoot":"","sources":["../../../../src/components/yeti-table/thead/row.gts"],"names":[],"mappings":"AAyGA,OAAO,SAAS,MAAM,oBAAoB,CAAC;AAI3C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,OAAO,MAAM,MAAM,kBAAkB,CAAC;AACtC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,IAAI,MAAM,gBAAgB,CAAC;AAClC,OAAO,KAAK,EAAE,gBAAgB,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAEhF;;;;;;;;;;;;;;;;;EAiBE;AAEF,UAAU,aAAa;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,gBAAgB,CAAC;CAC3B;AAED,MAAM,WAAW,iBAAiB;IAChC,OAAO,EAAE,mBAAmB,CAAC;IAC7B,IAAI,EAAE;QACJ,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,KAAK,CAAC,EAAE,KAAK,CAAC;QACd,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,YAAY,CAAC,EAAE,aAAa,EAAE,GAAG,MAAM,CAAC;QACxC,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;QACxD,OAAO,EAAE,gBAAgB,EAAE,CAAC;QAC5B,MAAM,CAAC,EAAE,YAAY,CAAC;KACvB,CAAC;IACF,MAAM,EAAE;QACN,OAAO,EAAE;YACP;gBACE,MAAM,EAAE,aAAa,CACnB,OAAO,MAAM,EACb,UAAU,GAAG,cAAc,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,CAC7D,CAAC;gBACF,IAAI,EAAE,aAAa,CAAC,OAAO,IAAI,EAAE,OAAO,GAAG,QAAQ,CAAC,CAAC;aACtD;SACF,CAAC;KACH,CAAC;CACH;AAED,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,SAAS,CAAC,iBAAiB,CAAC;IAChE,KAAK,EAAE,aAAa,EAAE,CAAM;IAE5B,YAAY,CAAC,IAAI,EAAE,aAAa,GAAG,gBAAgB,GAAG,SAAS;IAkB/D,cAAc,CAAC,IAAI,EAAE,aAAa,GAAG,IAAI;CAuB1C"}

package/declarations/components/yeti-table/thead.d.ts

@@ -0,0 +1,34 @@
+import type { TemplateOnlyComponent } from '@ember/component/template-only';
+import type { WithBoundArgs } from '@glint/template';
+import THeadRow from './thead/row';
+import type Column from './thead/row/column';
+import type { ColumnParent } from './thead/row/column';
+import type { ColumnDefinition, SortDirection, Theme } from '../../types.ts';
+/**
+  Renders a `<thead>` element and yields the row component.
+
+  @class THead
+  @yield {object} head
+  @yield {Component} head.row
+*/
+export interface THeadSignature {
+    Element: HTMLTableSectionElement;
+    Args: {
+        theme?: Theme;
+        sortable?: boolean;
+        sortSequence?: SortDirection[] | string;
+        onColumnClick?: (column: Column, e: MouseEvent) => void;
+        columns: ColumnDefinition[];
+        parent?: ColumnParent;
+    };
+    Blocks: {
+        default: [
+            {
+                row: WithBoundArgs<typeof THeadRow, 'sortable' | 'sortSequence' | 'onColumnClick' | 'columns' | 'theme' | 'parent'>;
+            }
+        ];
+    };
+}
+declare const THeadComponent: TemplateOnlyComponent<THeadSignature>;
+export default THeadComponent;
+//# sourceMappingURL=thead.d.ts.map

package/declarations/components/yeti-table/thead.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"thead.d.ts","sourceRoot":"","sources":["../../../src/components/yeti-table/thead.gts"],"names":[],"mappings":"AAiEA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AAI5E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,OAAO,QAAQ,MAAM,iBAAiB,CAAC;AACvC,OAAO,KAAK,MAAM,MAAM,wBAAwB,CAAC;AACjD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,KAAK,EAAE,gBAAgB,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAE7E;;;;;;EAME;AAEF,MAAM,WAAW,cAAc;IAC7B,OAAO,EAAE,uBAAuB,CAAC;IACjC,IAAI,EAAE;QACJ,KAAK,CAAC,EAAE,KAAK,CAAC;QACd,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,YAAY,CAAC,EAAE,aAAa,EAAE,GAAG,MAAM,CAAC;QACxC,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;QACxD,OAAO,EAAE,gBAAgB,EAAE,CAAC;QAC5B,MAAM,CAAC,EAAE,YAAY,CAAC;KACvB,CAAC;IACF,MAAM,EAAE;QACN,OAAO,EAAE;YACP;gBACE,GAAG,EAAE,aAAa,CAChB,OAAO,QAAQ,EACb,UAAU,GACV,cAAc,GACd,eAAe,GACf,SAAS,GACT,OAAO,GACP,QAAQ,CACX,CAAC;aACH;SACF,CAAC;KACH,CAAC;CACH;AAED,QAAA,MAAM,cAAc,EAAE,qBAAqB,CAAC,cAAc,CAcxD,CAAC;AAEH,eAAe,cAAc,CAAC"}

package/declarations/components/yeti-table.d.ts

@@ -0,0 +1,107 @@
+import Component from '@glimmer/component';
+import type Owner from '@ember/owner';
+import Table from './yeti-table/table';
+import HeaderComponent from './yeti-table/header';
+import THead from './yeti-table/thead';
+import Body from './yeti-table/body';
+import TBody from './yeti-table/tbody';
+import TFoot from './yeti-table/tfoot';
+import Pagination from './yeti-table/pagination';
+import type Column from './yeti-table/thead/row/column';
+import type { LoadDataParams, PaginationData, Row, RowFilterFunction, SortDirection, Theme } from '../types.ts';
+import type { Comparator } from '../utils/sorting-utils.ts';
+import type { WithBoundArgs } from '@glint/template';
+export type YetiTableLoadData = (params: LoadDataParams) => Row[] | Promise<Row[]>;
+export interface YetiTableSignature {
+    Element: HTMLElement;
+    Args: {
+        data?: Row[] | Promise<Row[]>;
+        loadData?: YetiTableLoadData;
+        theme?: Partial<Theme>;
+        pagination?: boolean;
+        pageSize?: number;
+        pageNumber?: number;
+        totalRows?: number;
+        filter?: string;
+        filterFunction?: RowFilterFunction;
+        filterUsing?: unknown;
+        sortable?: boolean;
+        sortFunction?: (itemA: Row, itemB: Row, sorts: {
+            prop: string;
+            direction: SortDirection;
+        }[], compareFn: Comparator) => number;
+        compareFunction?: Comparator;
+        sortSequence?: SortDirection[] | string;
+        ignoreDataChanges?: boolean;
+        renderTableElement?: boolean;
+        isColumnVisible?: (column: Column) => boolean;
+        registerApi?: (api: YetiTable['publicApi']) => void;
+    };
+    Blocks: {
+        default: [
+            {
+                table: WithBoundArgs<typeof Table, 'theme' | 'parent'>;
+                header: WithBoundArgs<typeof HeaderComponent, 'columns' | 'onColumnClick' | 'sortable' | 'sortSequence' | 'parent' | 'theme'>;
+                thead: WithBoundArgs<typeof THead, 'columns' | 'onColumnClick' | 'sortable' | 'sortSequence' | 'theme' | 'parent'>;
+                body: WithBoundArgs<typeof Body, 'data' | 'columns' | 'theme'>;
+                tbody: WithBoundArgs<typeof TBody, 'data' | 'columns' | 'theme'>;
+                tfoot: WithBoundArgs<typeof TFoot, 'columns' | 'theme' | 'parent'>;
+                pagination: WithBoundArgs<typeof Pagination, 'disabled' | 'theme' | 'paginationData' | 'paginationActions'>;
+                actions: YetiTable['publicApi'];
+                paginationData: PaginationData;
+                isLoading: boolean;
+                columns: Column[];
+                visibleColumns: Column[];
+                rows: Row[] | undefined;
+                totalRows: number;
+                visibleRows: Row[] | undefined;
+                theme: Theme;
+            }
+        ];
+    };
+}
+export default class YetiTable extends Component<YetiTableSignature> {
+    publicApi: {
+        previousPage: () => void;
+        nextPage: () => void;
+        goToPage: (n: number) => void;
+        changePageSize: (n: number | string) => void;
+        reloadData: () => Promise<unknown>;
+    };
+    pagination: boolean;
+    pageSize: number;
+    pageNumber: number;
+    totalRows: number | undefined;
+    filter: string;
+    sortable: boolean;
+    sortFunction: YetiTableSignature['Args']['sortFunction'];
+    compareFunction: Comparator;
+    sortSequence: SortDirection[] | string;
+    ignoreDataChanges: boolean;
+    renderTableElement: boolean;
+    get mergedTheme(): Theme;
+    get visibleColumns(): Column[];
+    config: Record<string, unknown>;
+    get normalizedTotalRows(): number;
+    get normalizedRows(): Row[] | undefined;
+    get paginationData(): PaginationData;
+    columns: Column[];
+    previousResolvedData: Row[];
+    processedData: Row[] | undefined;
+    processedDataRows: Row[] | undefined;
+    resolvedData: import("reactiveweb/function").State<Promise<Row[] | undefined>>;
+    latestData: Row[];
+    constructor(owner: Owner, args: YetiTableSignature['Args']);
+    processData(data: Row[]): void;
+    computeLoadDataParams(): LoadDataParams;
+    paginateData(data: Row[]): Row[];
+    reloadData(): Promise<unknown>;
+    onColumnSort(column: Column, e: MouseEvent): void;
+    previousPage(): void;
+    nextPage(): void;
+    goToPage(pageNumber: number): void;
+    changePageSize(pageSize: number | string): void;
+    registerColumn(column: Column): void;
+    unregisterColumn(column: Column): void;
+}
+//# sourceMappingURL=yeti-table.d.ts.map

package/declarations/components/yeti-table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"yeti-table.d.ts","sourceRoot":"","sources":["../../src/components/yeti-table.gts"],"names":[],"mappings":"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"}

package/declarations/index.d.ts

@@ -0,0 +1 @@
+//# sourceMappingURL=index.d.ts.map

package/declarations/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":""}

package/declarations/template-registry.d.ts

@@ -0,0 +1 @@
+//# sourceMappingURL=template-registry.d.ts.map

package/declarations/template-registry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"template-registry.d.ts","sourceRoot":"","sources":["../src/template-registry.ts"],"names":[],"mappings":""}

package/declarations/themes/default-theme.d.ts

@@ -1,28 +1,4 @@
-declare const _default: {
-    table: string;
-    row: string;
-    thead: string;
-    theadRow: string;
-    theadCell: string;
-    tbody: string;
-    tbodyRow: string;
-    tbodyCell: string;
-    tfoot: string;
-    tfootRow: string;
-    tfootCell: string;
-    sorting: {
-        columnSortable: string;
-        columnSorted: string;
-        columnSortedAsc: string;
-        columnSortedDesc: string;
-    };
-    pagination: {
-        controls: string;
-        info: string;
-        pageSize: string;
-        next: string;
-        previous: string;
-    };
-};
-export default _default;
+import type { Theme } from '../types.ts';
+declare const defaultTheme: Theme;
+export default defaultTheme;
 //# sourceMappingURL=default-theme.d.ts.map

package/declarations/themes/default-theme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"default-theme.d.ts","sourceRoot":"","sources":["../../src/themes/default-theme.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AACA,wBAkDE"}
+{"version":3,"file":"default-theme.d.ts","sourceRoot":"","sources":["../../src/themes/default-theme.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAEzC,QAAA,MAAM,YAAY,EAAE,KAkDnB,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/declarations/types.d.ts

@@ -0,0 +1,82 @@
+export type SortDirection = 'asc' | 'desc';
+export interface Sort {
+    prop: string;
+    direction: SortDirection;
+}
+export type FilterFunction = (value: unknown, filterUsing?: unknown) => boolean;
+export type RowFilterFunction = (row: Row, filterUsing?: unknown) => boolean;
+export type Row = Record<string, unknown>;
+export type RowClickHandler = (...args: any[]) => void;
+export interface ColumnDefinition {
+    prop?: string;
+    filter?: string;
+    filterFunction?: FilterFunction;
+    filterUsing?: unknown;
+    filterable?: boolean;
+    sortable?: boolean;
+    visible?: boolean;
+    sort?: SortDirection | null;
+    columnClass?: string;
+    name?: string;
+}
+export interface ThemeSorting {
+    columnSortable: string;
+    columnSorted: string;
+    columnSortedAsc: string;
+    columnSortedDesc: string;
+}
+export interface ThemePagination {
+    controls: string;
+    info: string;
+    pageSize: string;
+    next: string;
+    previous: string;
+}
+export interface Theme {
+    table: string;
+    row: string;
+    thead: string;
+    theadRow: string;
+    theadCell: string;
+    tbody: string;
+    tbodyRow: string;
+    tbodyCell: string;
+    tfoot: string;
+    tfootRow: string;
+    tfootCell: string;
+    sorting: ThemeSorting;
+    pagination: ThemePagination;
+}
+export interface PaginationData {
+    pageSize: number;
+    pageNumber: number;
+    pageStart: number;
+    pageEnd: number;
+    isFirstPage: boolean;
+    isLastPage?: boolean;
+    totalRows?: number;
+    totalPages?: number;
+}
+export interface PaginationActions {
+    previousPage: () => void;
+    nextPage: () => void;
+    goToPage: (page: number) => void;
+    changePageSize: (size: number | string) => void;
+}
+export interface LoadDataParams {
+    paginationData?: PaginationData;
+    sortData: Array<{
+        prop: string | undefined;
+        direction: SortDirection | null | undefined;
+    }>;
+    filterData: {
+        filter: string;
+        filterUsing: unknown;
+        columnFilters: Array<{
+            prop: string | undefined;
+            filter: string | undefined;
+            filterUsing: unknown;
+        }>;
+    };
+}
+//# sourceMappingURL=types.d.ts.map

package/declarations/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"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"}

package/declarations/utils/create-regex.d.ts

@@ -1,2 +1,2 @@
-export default function createRegex(search: string, regex?: boolean, smart?: boolean, caseInsensitive?: boolean): RegExp | undefined;
+export default function createRegex(search: string | null | undefined, regex?: boolean, smart?: boolean, caseInsensitive?: boolean): RegExp | undefined;
 //# sourceMappingURL=create-regex.d.ts.map

package/declarations/utils/create-regex.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"create-regex.d.ts","sourceRoot":"","sources":["../../src/utils/create-regex.ts"],"names":[],"mappings":"AAWA,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,UAAQ,EAAE,KAAK,UAAO,EAAE,eAAe,UAAO,sBA6BtG"}
+{"version":3,"file":"create-regex.d.ts","sourceRoot":"","sources":["../../src/utils/create-regex.ts"],"names":[],"mappings":"AA8BA,MAAM,CAAC,OAAO,UAAU,WAAW,CACjC,MAAM,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EACjC,KAAK,UAAQ,EACb,KAAK,UAAO,EACZ,eAAe,UAAO,GACrB,MAAM,GAAG,SAAS,CA6BpB"}

package/declarations/utils/filtering-utils.d.ts

@@ -1,5 +1,3 @@
-import type Column from '../components/yeti-table/thead/row/column.ts';
-import type { TableData } from '../components/yeti-table/body.ts';
-import type { FilterFunction } from '../components/yeti-table.ts';
-export default function filterData(data: TableData[], columns: Column[], globalFilter: string, filterFunction?: FilterFunction, filterUsing?: string): TableData[];
+import type { ColumnDefinition, Row, RowFilterFunction } from '../types.ts';
+export default function filterData(data: Row[], columns: ColumnDefinition[], globalFilter?: string, filterFunction?: RowFilterFunction, filterUsing?: unknown): Row[];
 //# sourceMappingURL=filtering-utils.d.ts.map

package/declarations/utils/filtering-utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"filtering-utils.d.ts","sourceRoot":"","sources":["../../src/utils/filtering-utils.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,MAAM,8CAA8C,CAAC;AACvE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAClE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AA8BlE,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,IAAI,EAAE,SAAS,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,YAAY,EAAE,MAAM,EAAE,cAAc,CAAC,EAAE,cAAc,EAAE,WAAW,CAAC,EAAE,MAAM,eAoCnJ"}
+{"version":3,"file":"filtering-utils.d.ts","sourceRoot":"","sources":["../../src/utils/filtering-utils.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,gBAAgB,EAAE,GAAG,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AA4C5E,MAAM,CAAC,OAAO,UAAU,UAAU,CAChC,IAAI,EAAE,GAAG,EAAE,EACX,OAAO,EAAE,gBAAgB,EAAE,EAC3B,YAAY,CAAC,EAAE,MAAM,EACrB,cAAc,CAAC,EAAE,iBAAiB,EAClC,WAAW,CAAC,EAAE,OAAO,GACpB,GAAG,EAAE,CAoCP"}

package/declarations/utils/sorting-utils.d.ts

@@ -1,10 +1,5 @@
-import type { IterableElement } from 'type-fest';
-export type ComparatorFunction<T> = (a: T, b: T) => number;
-export type SortProps = {
-    prop?: string;
-    direction?: 'asc' | 'desc' | null;
-}[];
-export type SortFunction<T> = (itemA: T, itemB: T, sorts: SortProps, compare: ComparatorFunction<T>) => number;
+import type { Sort } from '../types.ts';
+export type Comparator<T = unknown> = (a: T, b: T) => number;
 /**
  * An implementation of the standard merge sort algorithm.
  *
@@ -12,13 +7,9 @@ export type SortFunction<T> = (itemA: T, itemB: T, sorts: SortProps, compare: Co
  * a general comparator. The built in sort function and Ember's sort functions
  * are not stable, and `_.sortBy` doesn't take a general comparator. Ideally
  * lodash would add a `_.sort` function whose API would mimic this function's.
- *
- * @function
- * @param {Array} array The array to be sorted
- * @param {Comparator} comparator The comparator function to compare elements with.
- * @return {Array} A sorted array
  */
-export declare function mergeSort<T extends Array<unknown>>(array: T, comparator?: ComparatorFunction<IterableElement<T>>): T;
-export declare function sortMultiple<T>(itemA: T, itemB: T, sorts: SortProps, compare: ComparatorFunction<T>): number | undefined;
-export declare function compareValues<T>(itemA: T, itemB: T): 0 | 1 | -1;
+export declare function mergeSort<T>(array: T[], comparator?: Comparator<T>): T[];
+export declare function sortMultiple<T>(itemA: T, itemB: T, sorts: Sort[], compareFn: Comparator): number;
+export declare function compareValues(itemA: unknown, itemB: unknown): number;
+export default compareValues;
 //# sourceMappingURL=sorting-utils.d.ts.map

package/declarations/utils/sorting-utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sorting-utils.d.ts","sourceRoot":"","sources":["../../src/utils/sorting-utils.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAEjD,MAAM,MAAM,kBAAkB,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,MAAM,CAAC;AAE3D,MAAM,MAAM,SAAS,GAAG;IAAE,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,IAAI,CAAA;CAAE,EAAE,CAAC;AAC/E,MAAM,MAAM,YAAY,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,kBAAkB,CAAC,CAAC,CAAC,KAAK,MAAM,CAAC;AA8B/G;;;;;;;;;;;;GAYG;AACH,wBAAgB,SAAS,CAAC,CAAC,SAAS,KAAK,CAAC,OAAO,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,UAAU,GAAE,kBAAkB,CAAC,eAAe,CAAC,CAAC,CAAC,CAAW,GAAG,CAAC,CAU7H;AAED,wBAAgB,YAAY,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,kBAAkB,CAAC,CAAC,CAAC,sBAenG;AA2BD,wBAAgB,aAAa,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,cAMlD"}
+{"version":3,"file":"sorting-utils.d.ts","sourceRoot":"","sources":["../../src/utils/sorting-utils.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAExC,MAAM,MAAM,UAAU,CAAC,CAAC,GAAG,OAAO,IAAI,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,MAAM,CAAC;AA8B7D;;;;;;;GAOG;AACH,wBAAgB,SAAS,CAAC,CAAC,EACzB,KAAK,EAAE,CAAC,EAAE,EACV,UAAU,GAAE,UAAU,CAAC,CAAC,CAAW,GAClC,CAAC,EAAE,CAUL;AAED,wBAAgB,YAAY,CAAC,CAAC,EAC5B,KAAK,EAAE,CAAC,EACR,KAAK,EAAE,CAAC,EACR,KAAK,EAAE,IAAI,EAAE,EACb,SAAS,EAAE,UAAU,GACpB,MAAM,CAkBR;AA2BD,wBAAgB,aAAa,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,GAAG,MAAM,CAMpE;AAED,eAAe,aAAa,CAAC"}

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

@@ -7,8 +7,26 @@ import { setComponentTemplate } from '@ember/component';
 import { n } from 'decorator-transforms/runtime-esm';
 
 class Body extends Component {
+  handleRowClick(rowData) {
+    this.args.onRowClick?.(rowData);
+  }
+  static {
+    n(this.prototype, "handleRowClick", [action]);
+  }
+  asContent = value => {
+    if (value == null) return '';
+    if (typeof value === 'string') return value;
+    if (typeof value === 'number' || typeof value === 'boolean') {
+      return String(value);
+    }
+    try {
+      return JSON.stringify(value);
+    } catch {
+      return '';
+    }
+  };
   static {
-    setComponentTemplate(precompileTemplate("<tbody class={{@theme.tbody}} ...attributes>\n  {{#if (has-block)}}\n\n    {{#each @data as |rowData index|}}\n      {{yield (hash row=(component TBodyRow theme=@theme onClick=@onRowClick columns=@columns)) rowData index}}\n    {{/each}}\n\n  {{else}}\n\n    {{#each @data as |rowData|}}\n      <TBodyRow @theme={{@theme}} @onClick={{if @onRowClick (fn this.handleRowClick rowData)}} @columns={{@columns}} as |row|>\n\n        {{#each @columns as |column|}}\n          <row.cell @class={{column.columnClass}}>\n            {{#if column.prop}}\n              {{get rowData column.prop}}\n            {{else}}\n              {{rowData}}\n            {{/if}}\n          </row.cell>\n        {{/each}}\n      </TBodyRow>\n    {{/each}}\n  {{/if}}\n</tbody>", {
+    setComponentTemplate(precompileTemplate("<tbody class={{@theme.tbody}} ...attributes>\n  {{#if (has-block)}}\n\n    {{#each @data as |rowData index|}}\n      {{yield (hash row=(component TBodyRow theme=@theme onClick=@onRowClick columns=@columns)) rowData index}}\n    {{/each}}\n\n  {{else}}\n\n    {{#each @data as |rowData|}}\n      <TBodyRow @theme={{@theme}} @onClick={{if @onRowClick (fn this.handleRowClick rowData)}} @columns={{@columns}} as |row|>\n\n        {{#each @columns as |column|}}\n          <row.cell @class={{column.columnClass}}>\n            {{#if column.prop}}\n              {{this.asContent (get rowData column.prop)}}\n            {{else}}\n              {{this.asContent rowData}}\n            {{/if}}\n          </row.cell>\n        {{/each}}\n      </TBodyRow>\n    {{/each}}\n  {{/if}}\n</tbody>", {
       strictMode: true,
       scope: () => ({
         hash,
@@ -18,19 +36,6 @@ class Body extends Component {
       })
     }), this);
   }
-  /**
-  * Adds a click action to each row, called with the clicked row's data as an argument.
-  * Can be used with both the blockless and block invocations.
-  *
-  * @argument onRowClick
-  * @type Function
-  */
-  handleRowClick(rowData) {
-    this.args.onRowClick?.(rowData);
-  }
-  static {
-    n(this.prototype, "handleRowClick", [action]);
-  }
 }
 
 export { Body as default };

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

@@ -1 +1 @@
-{"version":3,"file":"body.js","sources":["../../../src/components/yeti-table/body.gjs"],"sourcesContent":["import { action } from '@ember/object';\n\nimport Component from '@glimmer/component';\n\n/**\n  Renders a `<tbody>` element and yields the row component, row data and index.\n  ```hbs\n  <table.body as |body 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  </table.body>\n  ```\n  It can also be used as a blockless component to let yeti table automatically\n  unroll thee rows for you, based on the `@prop` arguments you passed in to the\n  column definition components.\n  ```hbs\n  <table.body/>\n  ```\n  Remember that this component's block will be rendered once per each item in the `@data` array.\n\n  @class Body\n  @yield {object} body\n  @yield {Component} body.row - the row component\n  @yield {Object} rowData - one item in the data array\n  @yield {number} index\n*/\n\n// template imports\nimport { fn, get, hash } from '@ember/helper';\nimport TBodyRow from './tbody/row.gjs';\n\nexport default class Body extends Component {\n  <template>\n    <tbody class={{@theme.tbody}} ...attributes>\n      {{#if (has-block)}}\n\n        {{#each @data as |rowData index|}}\n          {{yield\n            (hash\n              row=(component\n                TBodyRow theme=@theme onClick=@onRowClick columns=@columns\n              )\n            )\n            rowData\n            index\n          }}\n        {{/each}}\n\n      {{else}}\n\n        {{#each @data as |rowData|}}\n          <TBodyRow\n            @theme={{@theme}}\n            @onClick={{if @onRowClick (fn this.handleRowClick rowData)}}\n            @columns={{@columns}}\n            as |row|\n          >\n\n            {{#each @columns as |column|}}\n              <row.cell @class={{column.columnClass}}>\n                {{#if column.prop}}\n                  {{get rowData column.prop}}\n                {{else}}\n                  {{rowData}}\n                {{/if}}\n              </row.cell>\n            {{/each}}\n          </TBodyRow>\n        {{/each}}\n      {{/if}}\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  @action\n  handleRowClick(rowData) {\n    this.args.onRowClick?.(rowData);\n  }\n}\n"],"names":["Body","Component","setComponentTemplate","precompileTemplate","strictMode","scope","hash","TBodyRow","fn","get","handleRowClick","rowData","args","onRowClick","n","prototype","action"],"mappings":";;;;;;;;AAwCe,MAAMA,IAAA,SAAaC,SAAA,CAAA;AAChC,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,kvBAAA,EAuCA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,IAAA;QAAAC,QAAA;QAAAC,EAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACV;;;;;;AAMC;EAGDC,cAAAA,CAAeC,OAAO,EAAE;AACtB,IAAA,IAAI,CAACC,IAAI,CAACC,UAAU,GAAGF,OAAA,CAAA;AACzB,EAAA;AAAA,EAAA;IAAAG,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,gBAAA,EAAA,CAHCC,MAAA,CAAA,CAAA;AAAA;AAIH;;;;"}
+{"version":3,"file":"body.js","sources":["../../../src/components/yeti-table/body.gts"],"sourcesContent":["import { action } from '@ember/object';\nimport Component from '@glimmer/component';\n\nimport { fn, get, 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, row data and index.\n\n  @class Body\n*/\n\nexport interface BodySignature {\n  Element: HTMLTableSectionElement;\n  Args: {\n    theme?: Theme;\n    data?: Row[];\n    columns?: ColumnDefinition[];\n    onRowClick?: RowClickHandler;\n  };\n  Blocks: {\n    default: [\n      { row: WithBoundArgs<typeof TBodyRow, 'theme' | 'onClick' | 'columns'> },\n      Row,\n      number,\n    ];\n  };\n}\n\nexport default class Body extends Component<BodySignature> {\n  @action\n  handleRowClick(rowData: Row): void {\n    this.args.onRowClick?.(rowData);\n  }\n\n  asContent = (value: unknown): string => {\n    if (value == null) return '';\n    if (typeof value === 'string') return value;\n    if (typeof value === 'number' || typeof value === 'boolean') {\n      return String(value);\n    }\n    try {\n      return JSON.stringify(value);\n    } catch {\n      return '';\n    }\n  };\n\n  <template>\n    <tbody class={{@theme.tbody}} ...attributes>\n      {{#if (has-block)}}\n\n        {{#each @data as |rowData index|}}\n          {{yield\n            (hash\n              row=(component\n                TBodyRow theme=@theme onClick=@onRowClick columns=@columns\n              )\n            )\n            rowData\n            index\n          }}\n        {{/each}}\n\n      {{else}}\n\n        {{#each @data as |rowData|}}\n          <TBodyRow\n            @theme={{@theme}}\n            @onClick={{if @onRowClick (fn this.handleRowClick rowData)}}\n            @columns={{@columns}}\n            as |row|\n          >\n\n            {{#each @columns as |column|}}\n              <row.cell @class={{column.columnClass}}>\n                {{#if column.prop}}\n                  {{this.asContent (get rowData column.prop)}}\n                {{else}}\n                  {{this.asContent rowData}}\n                {{/if}}\n              </row.cell>\n            {{/each}}\n          </TBodyRow>\n        {{/each}}\n      {{/if}}\n    </tbody>\n  </template>\n}\n"],"names":["Body","Component","handleRowClick","rowData","args","onRowClick","n","prototype","action","asContent","value","String","JSON","stringify","setComponentTemplate","precompileTemplate","strictMode","scope","hash","TBodyRow","fn","get"],"mappings":";;;;;;;;AAsCe,MAAMA,aAAaC,SAAA,CAAU;EAE1CC,cAAAA,CAAeC,OAAY,EAAQ;AACjC,IAAA,IAAI,CAACC,IAAI,CAACC,UAAU,GAAGF,OAAA,CAAA;AACzB,EAAA;AAAA,EAAA;IAAAG,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,gBAAA,EAAA,CAHCC,MAAA,CAAA,CAAA;AAAA;EAKDC,SAAA,GAAaC,KAAc,IAAS;AAClC,IAAA,IAAIA,KAAA,IAAS,MAAM,OAAO,EAAA;AAC1B,IAAA,IAAI,OAAOA,KAAA,KAAU,QAAA,EAAU,OAAOA,KAAA;IACtC,IAAI,OAAOA,KAAA,KAAU,QAAA,IAAY,OAAOA,UAAU,SAAA,EAAW;MAC3D,OAAOC,MAAA,CAAOD,KAAA,CAAA;AAChB,IAAA;IACA,IAAI;AACF,MAAA,OAAOE,IAAA,CAAKC,SAAS,CAACH,KAAA,CAAA;AACxB,IAAA,CAAA,CAAE,MAAM;AACN,MAAA,OAAO,EAAA;AACT,IAAA;EACF,CAAA;AAEA,EAAA;IAAAI,oBAAA,CAAAC,kBAAA,CAAA,kxBAAA,EAuCA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,IAAA;QAAAC,QAAA;QAAAC,EAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}

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

@@ -1,21 +1,12 @@
 import { action } from '@ember/object';
 import Component from '@glimmer/component';
-import Column from './thead/row/column.js';
 import { hash } from '@ember/helper';
+import Column from './thead/row/column.js';
 import { precompileTemplate } from '@ember/template-compilation';
 import { setComponentTemplate } from '@ember/component';
 import { n } from 'decorator-transforms/runtime-esm';
 
 class Header extends Component {
-  static {
-    setComponentTemplate(precompileTemplate("<thead class={{@theme.thead}} ...attributes>\n  <tr class=\"{{@trClass}} {{@theme.theadRow}} {{@theme.row}}\">\n    {{yield (hash column=(component THead sortable=@sortable sortSequence=@sortSequence onClick=this.onColumnClickHeader parent=@parent theme=@theme))}}\n  </tr>\n</thead>", {
-      strictMode: true,
-      scope: () => ({
-        hash,
-        THead: Column
-      })
-    }), this);
-  }
   onColumnClickHeader(column, e) {
     if (this.args.onColumnClick && column.sortable) {
       this.args.onColumnClick(column, e);
@@ -24,6 +15,15 @@ class Header extends Component {
   static {
     n(this.prototype, "onColumnClickHeader", [action]);
   }
+  static {
+    setComponentTemplate(precompileTemplate("<thead class={{@theme.thead}} ...attributes>\n  <tr class=\"{{@trClass}} {{@theme.theadRow}} {{@theme.row}}\">\n    {{yield (hash column=(component Column sortable=@sortable sortSequence=@sortSequence onClick=this.onColumnClickHeader parent=@parent theme=@theme))}}\n  </tr>\n</thead>", {
+      strictMode: true,
+      scope: () => ({
+        hash,
+        Column
+      })
+    }), this);
+  }
 }
 
 export { Header as default };

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

@@ -1 +1 @@
-{"version":3,"file":"header.js","sources":["../../../src/components/yeti-table/header.gjs"],"sourcesContent":["import { action } from '@ember/object';\n\nimport Component from '@glimmer/component';\n\n/**\n  Renders a `<thead>` element and yields the column component.\n  ```hbs\n  <table.header as |header|>\n    <header.column @prop=\"firstName\">\n      First name\n    </header.column>\n    <header.column @prop=\"lastName\">\n      Last name\n    </header.column>\n    <header.column @prop=\"points\">\n      Points\n    </header.column>\n  </table.header>\n  ```\n\n  @class Header\n  @yield {object} header\n  @yield {Component} header.column       the column component\n*/\n\nimport THead from './thead/row/column.gjs';\nimport { hash } from '@ember/helper';\n\nexport default class Header extends Component {\n  <template>\n    <thead class={{@theme.thead}} ...attributes>\n      <tr class=\"{{@trClass}} {{@theme.theadRow}} {{@theme.row}}\">\n        {{yield\n          (hash\n            column=(component\n              THead\n              sortable=@sortable\n              sortSequence=@sortSequence\n              onClick=this.onColumnClickHeader\n              parent=@parent\n              theme=@theme\n            )\n          )\n        }}\n      </tr>\n    </thead>\n  </template>\n  @action\n  onColumnClickHeader(column, e) {\n    if (this.args.onColumnClick && column.sortable) {\n      this.args.onColumnClick(column, e);\n    }\n  }\n}\n"],"names":["Header","Component","setComponentTemplate","precompileTemplate","strictMode","scope","hash","THead","onColumnClickHeader","column","e","args","onColumnClick","sortable","n","prototype","action"],"mappings":";;;;;;;;AA4Be,MAAMA,MAAA,SAAeC,SAAA,CAAA;AAClC,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,6RAAA,EAiBA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,IAAA;AAAAC,eAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AAEVC,EAAAA,mBAAAA,CAAoBC,MAAM,EAAEC,CAAC,EAAE;IAC7B,IAAI,IAAI,CAACC,IAAI,CAACC,aAAa,IAAIH,MAAA,CAAOI,QAAQ,EAAE;MAC9C,IAAI,CAACF,IAAI,CAACC,aAAa,CAACH,MAAA,EAAQC,CAAA,CAAA;AAClC,IAAA;AACF,EAAA;AAAA,EAAA;IAAAI,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,qBAAA,EAAA,CALCC,MAAA,CAAA,CAAA;AAAA;AAMH;;;;"}
+{"version":3,"file":"header.js","sources":["../../../src/components/yeti-table/header.gts"],"sourcesContent":["import { action } from '@ember/object';\nimport Component from '@glimmer/component';\n\nimport { hash } from '@ember/helper';\n\nimport type { WithBoundArgs } from '@glint/template';\n\nimport Column from './thead/row/column.gts';\nimport type { ColumnParent } from './thead/row/column.gts';\nimport type { ColumnDefinition, SortDirection, Theme } from '../../types.ts';\n\n/**\n  Renders a `<thead>` element and yields the column component.\n\n  @class Header\n*/\n\nexport interface HeaderSignature {\n  Element: HTMLTableSectionElement;\n  Args: {\n    trClass?: string;\n    theme?: Theme;\n    sortable?: boolean;\n    sortSequence?: SortDirection[] | string;\n    columns?: ColumnDefinition[];\n    onColumnClick?: (column: Column, e: MouseEvent) => void;\n    parent?: ColumnParent;\n  };\n  Blocks: {\n    default: [\n      {\n        column: WithBoundArgs<\n          typeof Column,\n          'sortable' | 'sortSequence' | 'onClick' | 'parent' | 'theme'\n        >;\n      },\n    ];\n  };\n}\n\nexport default class Header extends Component<HeaderSignature> {\n  @action\n  onColumnClickHeader(column: Column, e: MouseEvent): void {\n    if (this.args.onColumnClick && column.sortable) {\n      this.args.onColumnClick(column, e);\n    }\n  }\n\n  <template>\n    <thead class={{@theme.thead}} ...attributes>\n      <tr class=\"{{@trClass}} {{@theme.theadRow}} {{@theme.row}}\">\n        {{yield\n          (hash\n            column=(component\n              Column\n              sortable=@sortable\n              sortSequence=@sortSequence\n              onClick=this.onColumnClickHeader\n              parent=@parent\n              theme=@theme\n            )\n          )\n        }}\n      </tr>\n    </thead>\n  </template>\n}\n"],"names":["Header","Component","onColumnClickHeader","column","e","args","onColumnClick","sortable","n","prototype","action","setComponentTemplate","precompileTemplate","strictMode","scope","hash","Column"],"mappings":";;;;;;;;AAwCe,MAAMA,eAAeC,SAAA,CAAU;AAE5CC,EAAAA,mBAAAA,CAAoBC,MAAc,EAAEC,CAAa,EAAQ;IACvD,IAAI,IAAI,CAACC,IAAI,CAACC,aAAa,IAAIH,MAAA,CAAOI,QAAQ,EAAE;MAC9C,IAAI,CAACF,IAAI,CAACC,aAAa,CAACH,MAAA,EAAQC,CAAA,CAAA;AAClC,IAAA;AACF,EAAA;AAAA,EAAA;IAAAI,CAAA,CAAA,IAAA,CAAAC,SAAA,EAAA,qBAAA,EAAA,CALCC,MAAA,CAAA,CAAA;AAAA;AAOD,EAAA;IAAAC,oBAAA,CAAAC,kBAAA,CAAA,8RAAA,EAiBA;MAAAC,UAAA,EAAA,IAAA;AAAAC,MAAAA,KAAA,EAAAA,OAAA;QAAAC,IAAA;AAAAC,QAAAA;AAAA,OAAA;KAAU,CAAA,EAAV,IAAW,CAAA;AAAD;AACZ;;;;"}