@inobeta/ui 18.0.1-build.1722007687

package/src/app/inobeta-ui/ui/kai-filter/filters.d.ts

@@ -0,0 +1,16 @@
+import { IbFilterDef, IbFilterOperator } from "./filter.types";
+export declare const eq: (value: any) => IbFilterDef;
+export declare const neq: (value: any) => IbFilterDef;
+export declare const gt: (value: any) => IbFilterDef;
+export declare const gte: (value: any) => IbFilterDef;
+export declare const lt: (value: any) => IbFilterDef;
+export declare const lte: (value: any) => IbFilterDef;
+export declare const contains: (value: any) => IbFilterDef;
+export declare const ncontains: (value: any) => IbFilterDef;
+export declare const startsWith: (value: any) => IbFilterDef;
+export declare const endsWith: (value: any) => IbFilterDef;
+export declare const and: (value: any) => IbFilterDef;
+export declare const or: (value: any) => IbFilterDef;
+export declare const none: () => IbFilterDef;
+export declare function applyFilter(filter: IbFilterDef, filterValue: any): any;
+export declare function evalOperation(operation: IbFilterOperator, value: any, filterValue: any): any;

package/src/app/inobeta-ui/ui/kai-filter/filters.module.d.ts

@@ -0,0 +1,35 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./filter.component";
+import * as i2 from "./filters/base/filter-base";
+import * as i3 from "./filters/text/filter-text.component";
+import * as i4 from "./filters/tag/filter-tag.component";
+import * as i5 from "./filters/number/filter-number.component";
+import * as i6 from "./filters/date/filter-date.component";
+import * as i7 from "./filters/search-bar/search-bar.component";
+import * as i8 from "@angular/common";
+import * as i9 from "@angular/cdk/portal";
+import * as i10 from "@angular/forms";
+import * as i11 from "@angular/material/input";
+import * as i12 from "@angular/material/button";
+import * as i13 from "@angular/material/icon";
+import * as i14 from "@angular/material/menu";
+import * as i15 from "@angular/material/select";
+import * as i16 from "@angular/material/chips";
+import * as i17 from "@angular/material/form-field";
+import * as i18 from "@angular/material/divider";
+import * as i19 from "@angular/material/list";
+import * as i20 from "@angular/material/slider";
+import * as i21 from "@angular/material/radio";
+import * as i22 from "@angular/material/datepicker";
+import * as i23 from "../kai-table/action";
+import * as i24 from "@angular/material/tooltip";
+import * as i25 from "@ngx-translate/core";
+import * as i26 from "../../core/filter.pipe";
+import * as i27 from "./filter-button/filter-button.component";
+import * as i28 from "./filter-button/filter-action-group.component";
+import * as i29 from "./filters/boolean/boolean-filter.component";
+export declare class IbFilterModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<IbFilterModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<IbFilterModule, [typeof i1.IbFilter, typeof i2.IbFilterBase, typeof i3.IbTextFilter, typeof i4.IbTagFilter, typeof i5.IbNumberFilter, typeof i6.IbDateFilter, typeof i7.IbSearchBar], [typeof i8.CommonModule, typeof i9.PortalModule, typeof i10.FormsModule, typeof i10.ReactiveFormsModule, typeof i11.MatInputModule, typeof i12.MatButtonModule, typeof i13.MatIconModule, typeof i14.MatMenuModule, typeof i15.MatSelectModule, typeof i16.MatChipsModule, typeof i17.MatFormFieldModule, typeof i18.MatDividerModule, typeof i19.MatListModule, typeof i20.MatSliderModule, typeof i21.MatRadioModule, typeof i22.MatDatepickerModule, typeof i23.IbTableActionModule, typeof i24.MatTooltipModule, typeof i25.TranslateModule, typeof i26.IbFilterPipe, typeof i27.IbFilterButton, typeof i28.IbFilterActionGroup, typeof i29.IbBooleanFilter], [typeof i1.IbFilter, typeof i2.IbFilterBase, typeof i27.IbFilterButton, typeof i3.IbTextFilter, typeof i4.IbTagFilter, typeof i5.IbNumberFilter, typeof i6.IbDateFilter, typeof i7.IbSearchBar, typeof i29.IbBooleanFilter, typeof i28.IbFilterActionGroup]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<IbFilterModule>;
+}

package/src/app/inobeta-ui/ui/kai-filter/index.d.ts

@@ -0,0 +1,13 @@
+export * from "./filter-button/filter-action-group.component";
+export * from "./filter-button/filter-button.component";
+export * from "./filter.component";
+export * from "./filter.types";
+export * from "./filters";
+export * from "./filters.module";
+export * from "./filters/base/filter-base";
+export * from "./filters/date/filter-date.component";
+export * from "./filters/number/filter-number.component";
+export * from "./filters/search-bar/search-bar.component";
+export * from "./filters/tag/filter-tag.component";
+export * from "./filters/text/filter-text.component";
+export * from "./filters/boolean/boolean-filter.component";

package/src/app/inobeta-ui/ui/kai-filter/tokens.d.ts

@@ -0,0 +1,2 @@
+import { InjectionToken } from "@angular/core";
+export declare const IB_FILTER: InjectionToken<any>;

package/src/app/inobeta-ui/ui/kai-filter/translations.d.ts

@@ -0,0 +1,50 @@
+export declare const ibKaiFilterTranslations: {
+    it: {
+        ibKaiFilter: {
+            required: string;
+        };
+        ibFilter: {
+            search: string;
+            condition: string;
+            eq: string;
+            contains: string;
+            startsWith: string;
+            endsWith: string;
+            update: string;
+            clear: string;
+            value: string;
+            min: string;
+            max: string;
+            between: string;
+            date: {
+                withinTheLast: string;
+                moreThan: string;
+                between: string;
+                minutes: string;
+                hours: string;
+                days: string;
+                weeks: string;
+                minutesAgo: string;
+                hoursAgo: string;
+                daysAgo: string;
+                weeksAgo: string;
+                dateRangeLabel: string;
+                dateRangeInvalid: string;
+            };
+            label: {
+                text: string;
+                tag: {
+                    default: string;
+                    empty: string;
+                    singleItem: string;
+                    multipleItems: string;
+                };
+                number: string;
+            };
+            includeEmpty: string;
+            noItems: string;
+            true: string;
+            false: string;
+        };
+    };
+};

package/src/app/inobeta-ui/ui/kai-table/_table-theme.scss

@@ -0,0 +1,123 @@
+@use "sass:map";
+@use "@angular/material" as mat;
+
+@mixin base($theme) {
+  .ib-table__container {
+    @if (mat.get-theme-version($theme) == 1) {
+      border-radius: 28px;
+    } @else {
+      border-radius: 4px;
+    }
+  }
+}
+
+@mixin m2-color($theme) {
+  .mat-mdc-header-cell,
+  .mat-sort-header-arrow {
+    color: var(
+      --ib-table-header-text-color,
+      mat.get-theme-color($theme, primary, darker-contrast)
+    ) !important;
+    background: var(
+      --ib-table-header-background-color,
+      mat.get-theme-color($theme, primary, 500)
+    ) !important;
+  }
+
+  .mat-mdc-row:hover {
+    background: var(
+      --ib-table-row-background-color-on-hover,
+      rgba(mat.get-theme-color($theme, accent, darker-contrast), 0.03)
+    ) !important;
+  }
+
+  .ib-table-striped-rows .mat-mdc-row:nth-child(even) {
+    color: var(
+      --ib-table-even-row-text-color,
+      mat.get-theme-color($theme, accent, darker-contrast)
+    );
+    background: var(
+      --ib-table-even-row-background-color,
+      mat.get-theme-color($theme, primary, 50)
+    );
+  }
+
+  .ib-table-striped-rows .mat-mdc-row:nth-child(odd) {
+    color: var(--ib-table-odd-row-text-color);
+    background: var(--ib-table-odd-row-background-color);
+  }
+
+  .ib-table__container {
+    color: mat.get-theme-color($theme, background, text);
+    background-color: mat.get-theme-color($theme, background, card);
+  }
+}
+
+@mixin color($theme) {
+  .mat-mdc-header-cell,
+  .mat-sort-header-arrow {
+    --mdc-checkbox-unselected-icon-color: #{mat.get-theme-color($theme, on-primary)};
+    color: var(
+      --ib-table-header-text-color,
+      mat.get-theme-color($theme, on-primary)
+    ) !important;
+    background: var(
+      --ib-table-header-background-color,
+      mat.get-theme-color($theme, primary)
+    ) !important;
+  }
+
+  .mat-mdc-row:hover {
+    background: var(
+      --ib-table-row-background-color-on-hover,
+      rgba(mat.get-theme-color($theme, primary), 0.03)
+    ) !important;
+  }
+
+  .ib-table-striped-rows .mat-mdc-row:nth-child(even) {
+    color: var(
+      --ib-table-even-row-text-color,
+      mat.get-theme-color($theme, on-surface)
+    );
+    background: var(
+      --ib-table-even-row-background-color,
+      rgba(mat.get-theme-color($theme, secondary), 0.06)
+    );
+  }
+
+  .ib-table-striped-rows .mat-mdc-row:nth-child(odd) {
+    color: var(--ib-table-odd-row-text-color);
+    background: var(--ib-table-odd-row-background-color);
+  }
+
+  .ib-table__container {
+    color: mat.get-theme-color($theme, on-surface);
+    background-color: mat.get-theme-color($theme, surface);
+  }
+}
+
+@mixin typography($theme) {
+}
+
+@mixin density($theme) {
+}
+
+@mixin theme($theme) {
+  @if (mat.get-theme-version($theme) == 1) {
+    @include base($theme);
+    @if mat.theme-has($theme, color) {
+      @include color($theme);
+    }
+    @if mat.theme-has($theme, density) {
+      @include density($theme);
+    }
+    @if mat.theme-has($theme, typography) {
+      @include typography($theme);
+    }
+  } @else {
+    @if mat.theme-has($theme, color) {
+      @include base($theme);
+      @include m2-color($theme);
+    }
+  }
+}

package/src/app/inobeta-ui/ui/kai-table/action.d.ts

@@ -0,0 +1,19 @@
+import { TemplateRef, ViewContainerRef } from "@angular/core";
+import * as i0 from "@angular/core";
+export declare class IbKaiTableAction {
+    _templateRef: TemplateRef<any>;
+    viewContainerRef: ViewContainerRef;
+    templateRef: any;
+    constructor(_templateRef: TemplateRef<any>, viewContainerRef: ViewContainerRef);
+    static ɵfac: i0.ɵɵFactoryDeclaration<IbKaiTableAction, [{ optional: true; }, null]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<IbKaiTableAction, "[ibTableAction]", never, {}, {}, never, never, false, never>;
+}
+export declare class IbKaiTableActionGroup {
+    static ɵfac: i0.ɵɵFactoryDeclaration<IbKaiTableActionGroup, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<IbKaiTableActionGroup, "ib-table-action-group, [ib-table-action-group]", never, {}, {}, never, never, false, never>;
+}
+export declare class IbTableActionModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<IbTableActionModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<IbTableActionModule, [typeof IbKaiTableAction, typeof IbKaiTableActionGroup], never, [typeof IbKaiTableAction, typeof IbKaiTableActionGroup]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<IbTableActionModule>;
+}

package/src/app/inobeta-ui/ui/kai-table/cells.d.ts

@@ -0,0 +1,88 @@
+import { EventEmitter, TemplateRef } from "@angular/core";
+import * as i0 from "@angular/core";
+export declare class IbCellDef {
+    templateRef: TemplateRef<unknown>;
+    constructor(templateRef: TemplateRef<unknown>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<IbCellDef, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<IbCellDef, "[ibCellDef]", never, {}, {}, never, never, false, never>;
+}
+export interface IbAggregateResult {
+    currentPage?: number | string | undefined;
+    total?: number | string | undefined;
+}
+export declare abstract class IbAggregate {
+    /** Unique identifier for the aggregate function. */
+    abstract id: string;
+    /** Function name displayed before the results. i18n supported. */
+    abstract name: string;
+    /** Menu item label. i18n supported. */
+    abstract label: string;
+    /**
+     * Function type. Used to include this function in the available functions of
+     * a given column with the same `IB_AGGREGATE_TYPE` token value.
+     * Currently, only `number` is supported.
+     */
+    abstract type: string;
+    /**
+     * Calls {@link aggregateData} twice and returns an {@link IbAggregateResult}
+     * with the aggregated value for the entire column and the current visible page.
+     *
+     * It takes into account only filtered data.
+     *
+     * @param dataSource `IbTableDataSource` compatible data source instance
+     * @param column Column name
+     */
+    aggregate(
+    /**
+     * Note: this is any to avoid an importing cycle
+     */
+    dataSource: any, column: string): IbAggregateResult;
+    /**
+     * An aggregate function.
+     *
+     * @param data Data array of a given column.
+     * @returns Aggregated value.
+     */
+    abstract aggregateData(data: any[]): number | string;
+}
+declare class IbSumAggregate extends IbAggregate {
+    id: string;
+    name: string;
+    label: string;
+    type: string;
+    aggregateData(data: number[]): number;
+}
+export declare const IbSumAggregateProvider: {
+    provide: import("@angular/core").InjectionToken<any>;
+    useClass: typeof IbSumAggregate;
+    multi: boolean;
+};
+declare class IbAverageAggregate extends IbAggregate {
+    id: string;
+    name: string;
+    label: string;
+    type: string;
+    aggregateData(data: number[]): number;
+}
+export declare const IbAverageAggregateProvider: {
+    provide: import("@angular/core").InjectionToken<any>;
+    useClass: typeof IbAverageAggregate;
+    multi: boolean;
+};
+export declare class IbAggregateCell {
+    private column;
+    private type;
+    private functions;
+    set function(fun: string);
+    result: IbAggregateResult;
+    showTotal: boolean;
+    ibFunctionChange: EventEmitter<string>;
+    availableFunctions: IbAggregate[];
+    displayName: string;
+    constructor(column: any, type: string, functions: IbAggregate[]);
+    apply(fun: string): void;
+    updateDisplayName(fun: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IbAggregateCell, [null, { optional: true; }, { optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IbAggregateCell, "ib-aggregate", never, { "function": { "alias": "function"; "required": false; }; "result": { "alias": "result"; "required": false; }; "showTotal": { "alias": "showTotal"; "required": false; }; }, { "ibFunctionChange": "ibFunctionChange"; }, never, never, false, never>;
+}
+export {};

package/src/app/inobeta-ui/ui/kai-table/columns/action-column.d.ts

@@ -0,0 +1,9 @@
+import { IbColumn } from "./column";
+import * as i0 from "@angular/core";
+export declare class IbActionColumn {
+    ibColumn: IbColumn<unknown>;
+    constructor(ibColumn: IbColumn<unknown>);
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IbActionColumn, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<IbActionColumn, "[ib-action-column]", never, {}, {}, never, never, false, never>;
+}

package/src/app/inobeta-ui/ui/kai-table/columns/column.d.ts

@@ -0,0 +1,87 @@
+import { OnDestroy, OnInit } from "@angular/core";
+import { MatCellDef, MatColumnDef, MatFooterCellDef, MatHeaderCellDef } from "@angular/material/table";
+import { IbAggregateCell, IbCellDef } from "../cells";
+import { IbTable } from "../table.component";
+import { IbColumnOptions } from "../tokens";
+import * as i0 from "@angular/core";
+/**
+ * Column that shows any arbitrary content for the row cells.
+ *
+ * It requires a single element with the `*ibCellDef` directive in its template.
+ *
+ * By default, the name of this column will be the header text and data property accessor.
+ * The header text can be overridden with the `headerText` input. Cell values can be overridden with
+ * the `dataAccessor` input.
+ */
+export declare class IbColumn<T> implements OnDestroy, OnInit {
+    /** Column name that should be used to reference this column. */
+    get name(): string;
+    set name(name: string);
+    _name: string;
+    /**
+     * Text label that should be used for the column header. If this property is not
+     * set, the header text will default to the column name with its first letter capitalized.
+     */
+    headerText: string;
+    /**
+     * Accessor function to retrieve the data rendered for each cell. If this
+     * property is not set, the data cells will render the value found in the data's property matching
+     * the column's name. For example, if the column is named `id`, then the rendered value will be
+     * value defined by the data's `id` property.
+     */
+    dataAccessor: (data: T, name: string) => number | string;
+    /**
+     * Data accessor function that is used to retrieve data properties for sorting
+     */
+    sortingDataAccessor: (data: T, name: string) => number | string;
+    /**
+     * Data accessor function that is used to retrieve data properties for filtering
+     */
+    filterDataAccessor: (data: T, name: string) => number | string;
+    /**
+     * Enables sorting for the column.
+     */
+    sort: boolean;
+    /** Whether sticky positioning should be applied. */
+    sticky: boolean;
+    /** Whether this column should be sticky positioned on the end of the row. */
+    stickyEnd: boolean;
+    /** Whether this column should display in the roll-up footer. */
+    aggregate: boolean;
+    get aggregationFunction(): string;
+    get aggregatedData(): import("../cells").IbAggregateResult;
+    ibCellDef: IbCellDef;
+    /** @ignore */
+    columnDef: MatColumnDef;
+    /**
+     * The column cell, headerCell, and footerCell are provided to the column during `ngOnInit` with a static query.
+     * Normally, this will be retrieved by the column using `ContentChild`, but that assumes the
+     * column definition was provided in the same view as the table, which is not the case with this
+     * component.
+     * @ignore
+     */
+    cell: MatCellDef;
+    headerCell: MatHeaderCellDef;
+    footerCell: MatFooterCellDef;
+    aggregateCell: IbAggregateCell;
+    /** @ignore */
+    get matSort(): import("@angular/material/sort").MatSort;
+    _table: IbTable;
+    _options: IbColumnOptions<T>;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    /**
+     * Creates a default header text. Use the options' header text transformation function if one
+     * has been provided. Otherwise simply capitalize the column name.
+     */
+    _createDefaultHeaderText(): string;
+    handleAggregationChange(fun: string): void;
+    /** Synchronizes the column definition name with the text column name. */
+    private _syncColumnDefName;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IbColumn<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IbColumn<any>, "ib-column", never, { "name": { "alias": "name"; "required": false; }; "headerText": { "alias": "headerText"; "required": false; }; "dataAccessor": { "alias": "dataAccessor"; "required": false; }; "sortingDataAccessor": { "alias": "sortingDataAccessor"; "required": false; }; "filterDataAccessor": { "alias": "filterDataAccessor"; "required": false; }; "sort": { "alias": "sort"; "required": false; }; "sticky": { "alias": "sticky"; "required": false; }; "stickyEnd": { "alias": "stickyEnd"; "required": false; }; "aggregate": { "alias": "aggregate"; "required": false; }; }, {}, ["ibCellDef"], never, true, never>;
+    static ngAcceptInputType_sort: unknown;
+    static ngAcceptInputType_sticky: unknown;
+    static ngAcceptInputType_stickyEnd: unknown;
+    static ngAcceptInputType_aggregate: unknown;
+}

package/src/app/inobeta-ui/ui/kai-table/columns/date-column.d.ts

@@ -0,0 +1,21 @@
+import { IbColumn } from "./column";
+import * as i0 from "@angular/core";
+/**
+ * Column that shows a formatted date for the row cells.
+ *
+ * By default, the name of this column will be the header text and data property accessor.
+ * The header text can be overridden with the `headerText` input. Cell values can be overridden with
+ * the `dataAccessor` input. Change the date-time components using
+ * the `format` input. Same as `DatePipe` or `formatDate` function.
+ */
+export declare class IbDateColumn<T> extends IbColumn<T> {
+    format: string;
+    locale: string;
+    filterDataAccessor: (data: T, name: string) => number;
+    /** @ignore */
+    transform: {
+        pdf: (data: any) => string;
+    };
+    static ɵfac: i0.ɵɵFactoryDeclaration<IbDateColumn<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IbDateColumn<any>, "ib-date-column", never, { "format": { "alias": "format"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; }, {}, never, never, false, never>;
+}

package/src/app/inobeta-ui/ui/kai-table/columns/index.d.ts

@@ -0,0 +1,6 @@
+export * from "./action-column";
+export * from "./column";
+export * from "./date-column";
+export * from "./number-column";
+export * from "./selection-column";
+export * from "./text-column";

package/src/app/inobeta-ui/ui/kai-table/columns/number-column.d.ts

@@ -0,0 +1,16 @@
+import { IbColumn } from "./column";
+import * as i0 from "@angular/core";
+/**
+ * Column that shows a formatted number for the row cells.
+ *
+ * By default, the name of this column will be the header text and data property accessor.
+ * The header text can be overridden with the `headerText` input. Cell values can be overridden with
+ * the `dataAccessor` input. Change the decimal representation using the
+ * `digitsInfo` input. Same as `DecimalPipe` or `formatNumber` function.
+ */
+export declare class IbNumberColumn<T> extends IbColumn<T> {
+    digitsInfo: string;
+    locale: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IbNumberColumn<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IbNumberColumn<any>, "ib-number-column", never, { "digitsInfo": { "alias": "digitsInfo"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; }, {}, never, never, false, never>;
+}

package/src/app/inobeta-ui/ui/kai-table/columns/selection-column.d.ts

@@ -0,0 +1,26 @@
+import { SelectionModel } from "@angular/cdk/collections";
+import { EventEmitter, OnInit } from "@angular/core";
+import { MatCellDef, MatColumnDef, MatFooterCellDef, MatHeaderCellDef } from "@angular/material/table";
+import { IbTableRowSelectionChange } from "../table.types";
+import * as i0 from "@angular/core";
+export declare class IbSelectionColumn implements OnInit {
+    private table;
+    /** @ignore */
+    cell: MatCellDef;
+    /** @ignore */
+    headerCell: MatHeaderCellDef;
+    /** @ignore */
+    footerCell: MatFooterCellDef;
+    /** @ignore */
+    columnDef: MatColumnDef;
+    selection: SelectionModel<any>;
+    ibRowSelectionChange: EventEmitter<IbTableRowSelectionChange<any>[]>;
+    constructor(table: any);
+    ngOnInit(): void;
+    isAllSelected(): boolean;
+    toggleAllRows(): void;
+    toggleRowSelection(ev: any, row: any): void;
+    isDisabled(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IbSelectionColumn, [{ optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IbSelectionColumn, "ib-selection-column", never, {}, { "ibRowSelectionChange": "ibRowSelectionChange"; }, never, never, false, never>;
+}

package/src/app/inobeta-ui/ui/kai-table/columns/text-column.d.ts

@@ -0,0 +1,16 @@
+import { IbColumn } from "./column";
+import * as i0 from "@angular/core";
+/**
+ * Column that simply shows text content for the header and row cells.
+ *
+ * By default, the name of this column will be the header text and data property accessor.
+ * The header text can be overridden with the `headerText` input. Cell values can be overridden with
+ * the `dataAccessor` input. Change the text justification to the start or end using the `justify`
+ * input.
+ */
+export declare class IbTextColumn<T> extends IbColumn<T> {
+    /** Alignment of the cell values. */
+    justify: "start" | "end" | "center";
+    static ɵfac: i0.ɵɵFactoryDeclaration<IbTextColumn<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IbTextColumn<any>, "ib-text-column", never, { "justify": { "alias": "justify"; "required": false; }; }, {}, never, never, false, never>;
+}

package/src/app/inobeta-ui/ui/kai-table/index.d.ts

@@ -0,0 +1,12 @@
+export * from "./action";
+export * from "./cells";
+export * from "./columns";
+export * from "./rowgroup";
+export * from "./sort-header";
+export * from "./remote-data-source";
+export * from "./table.component";
+export * from "./table.module";
+export * from "./table.types";
+export * from "./table-url.service";
+export * from "./store/url-state/actions";
+export * from "./store/url-state/selectors";

package/src/app/inobeta-ui/ui/kai-table/paginator-intl.d.ts

@@ -0,0 +1,18 @@
+import { MatPaginatorIntl } from "@angular/material/paginator";
+import { TranslateService } from "@ngx-translate/core";
+import { Subject } from "rxjs";
+import * as i0 from "@angular/core";
+export declare class IbTablePaginatorIntl implements MatPaginatorIntl {
+    private translate;
+    changes: Subject<void>;
+    itemsPerPageLabel: any;
+    nextPageLabel: any;
+    previousPageLabel: any;
+    firstPageLabel: any;
+    lastPageLabel: any;
+    constructor(translate: TranslateService);
+    setLabels(): void;
+    getRangeLabel(page: number, pageSize: number, length: number): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IbTablePaginatorIntl, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<IbTablePaginatorIntl>;
+}

package/src/app/inobeta-ui/ui/kai-table/remote-data-source.d.ts

@@ -0,0 +1,60 @@
+import { MatPaginator } from "@angular/material/paginator";
+import { MatSort } from "@angular/material/sort";
+import { BehaviorSubject, Observable, Subscription } from "rxjs";
+import { IbTableDataSource } from "./table-data-source";
+import { IbKaiTableState } from "./table.types";
+export type IbFetchDataResponse<T> = {
+    /**
+     * Subset of rows returned by the server.
+     */
+    data: T[];
+    /**
+     * Total row count of the query without pagination.
+     */
+    totalCount: number;
+};
+export declare abstract class IbTableRemoteDataSource<T, V = Record<string, any>> extends IbTableDataSource<T> {
+    private _refresh;
+    _renderChangesSubscription: Subscription | null;
+    get state(): IbKaiTableState;
+    set state(value: IbKaiTableState);
+    readonly _state: BehaviorSubject<IbKaiTableState>;
+    _updateChangeSubscription(): void;
+    refresh(): void;
+    /** Disable _filterData */
+    _filterData(data: T[]): T[];
+    /**
+     * Data fetching strategy
+     *
+     * ```typescript
+     * class ProductDataSource extends IbTableRemoteDataSource<Product> {
+     *   private http = inject(HttpClient)
+     *
+     *   fetchData(
+     *     sort: MatSort,
+     *     page: MatPaginator
+     *   ): Observable<IbFetchDataResponse<Product>> {
+     *       return this.http.get("/products", {
+     *         params: {
+     *           sort: sort.active,
+     *           order: sort.direction,
+     *           page: page.pageIndex + 1,
+     *           per_page: page.pageSize
+     *         }
+     *       }).pipe(
+     *         map((result) => ({
+     *           data: result.items,
+     *           totalCount: result.total_count
+     *         }))
+     *       );
+     *   }
+     * }
+     * ```
+     *
+     * @param sort Sort state
+     * @param page Paginator state
+     * @param filter Filter applied
+     * @returns Observable of data and total count
+     */
+    abstract fetchData(sort: MatSort, page: MatPaginator, filter?: V): Observable<IbFetchDataResponse<T>>;
+}

package/src/app/inobeta-ui/ui/kai-table/rowgroup.d.ts

@@ -0,0 +1,8 @@
+import { TemplateRef } from "@angular/core";
+import * as i0 from "@angular/core";
+export declare class IbKaiRowGroupDirective {
+    templateRef: TemplateRef<unknown>;
+    constructor(templateRef: TemplateRef<unknown>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<IbKaiRowGroupDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<IbKaiRowGroupDirective, "[ibKaiRowGroup]", never, {}, {}, never, never, false, never>;
+}