@limetech/lime-elements 38.3.1 → 38.3.2

package/dist/collection/components/table/table.js

@@ -25,6 +25,7 @@ const FIRST_PAGE = 1;
  */
 export class Table {
   constructor() {
+    this.shouldSort = false;
     this.getActiveRows = () => {
       if (!this.tabulator) {
         return [];
@@ -82,6 +83,7 @@ export class Table {
     this.selection = undefined;
     this.handleDataSorting = this.handleDataSorting.bind(this);
     this.handlePageLoaded = this.handlePageLoaded.bind(this);
+    this.handleRenderComplete = this.handleRenderComplete.bind(this);
     this.handleAjaxRequesting = this.handleAjaxRequesting.bind(this);
     this.requestData = this.requestData.bind(this);
     this.onClickRow = this.onClickRow.bind(this);
@@ -154,9 +156,8 @@ export class Table {
     if (this.areSameColumns(newColumns, oldColumnsInTable)) {
       return;
     }
-    // Updating columns requires a reinitialization otherwise sorting will not work
-    // afterwards
-    this.init();
+    this.tabulator.setColumns(this.getColumnDefinitions());
+    this.shouldSort = true;
   }
   updateAggregates(newAggregates, oldAggregates) {
     if (!this.tabulator) {
@@ -273,7 +274,7 @@ export class Table {
     const ajaxOptions = this.getAjaxOptions();
     const paginationOptions = this.getPaginationOptions();
     const columnOptions = this.getColumnOptions();
-    return Object.assign(Object.assign(Object.assign(Object.assign({ data: this.data, layout: mapLayout(this.layout), columns: this.getColumnDefinitions(), dataSorting: this.handleDataSorting, pageLoaded: this.handlePageLoaded }, ajaxOptions), paginationOptions), { rowClick: this.onClickRow, rowFormatter: this.formatRow, initialSort: this.getInitialSorting(), nestedFieldSeparator: false }), columnOptions);
+    return Object.assign(Object.assign(Object.assign(Object.assign({ data: this.data, layout: mapLayout(this.layout), columns: this.getColumnDefinitions(), dataSorting: this.handleDataSorting, pageLoaded: this.handlePageLoaded, renderComplete: this.handleRenderComplete }, ajaxOptions), paginationOptions), { rowClick: this.onClickRow, rowFormatter: this.formatRow, initialSort: this.getInitialSorting(), nestedFieldSeparator: false }), columnOptions);
   }
   getInitialSorting() {
     if (this.currentSorting && this.currentSorting.length) {
@@ -419,6 +420,12 @@ export class Table {
     }
     this.changePage.emit(page);
   }
+  handleRenderComplete() {
+    if (this.tabulator && this.shouldSort) {
+      this.shouldSort = false;
+      this.tabulator.setSort(this.getColumnSorter(this.sorting));
+    }
+  }
   onClickRow(_ev, row) {
     if (typeof row.getPosition === 'undefined') {
       // Not a data row, probably a CalcComponent

package/dist/collection/components/table/table.js.map

@@ -1 +1 @@
-{"version":3,"file":"table.js","sourceRoot":"","sources":["../../../src/components/table/table.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n    Component,\n    h,\n    Prop,\n    Element,\n    Watch,\n    EventEmitter,\n    Event,\n    Host,\n} from '@stencil/core';\nimport TabulatorTable from 'tabulator-tables';\nimport {\n    Column,\n    TableParams,\n    ColumnSorter,\n    ColumnAggregate,\n    RowData,\n} from './table.types';\nimport { ColumnDefinitionFactory, createColumnSorter } from './columns';\nimport { isEqual, has } from 'lodash-es';\nimport { ElementPool } from './element-pool';\nimport { TableSelection } from './table-selection';\nimport { mapLayout, Layout } from './layout';\n\nconst FIRST_PAGE = 1;\n\n/**\n * @exampleComponent limel-example-table\n * @exampleComponent limel-example-table-custom-components\n * @exampleComponent limel-example-table-header-menu\n * @exampleComponent limel-example-table-movable-columns\n * @exampleComponent limel-example-table-sorting-disabled\n * @exampleComponent limel-example-table-local\n * @exampleComponent limel-example-table-remote\n * @exampleComponent limel-example-table-activate-row\n * @exampleComponent limel-example-table-selectable-rows\n * @exampleComponent limel-example-table-default-sorted\n * @exampleComponent limel-example-table-layout-default\n * @exampleComponent limel-example-table-layout-stretch-last-column\n * @exampleComponent limel-example-table-layout-stretch-columns\n * @exampleComponent limel-example-table-layout-low-density\n * @exampleComponent limel-example-table-interactive-rows\n */\n@Component({\n    tag: 'limel-table',\n    styleUrl: 'table.scss',\n    shadow: true,\n})\nexport class Table {\n    /**\n     * Data to be displayed in the table\n     */\n    @Prop()\n    public data: object[] = [];\n\n    /**\n     * Columns used to display the data\n     */\n    @Prop()\n    public columns: Column[] = [];\n\n    /**\n     * Set to either `local` or `remote` to change how the table handles the\n     * loaded data. When in `local` mode, all sorting and pagination will be\n     * done locally with the data given. When in `remote` mode, the consumer\n     * is responsible to give the table new data when a `load` event occurs\n     */\n    @Prop()\n    public mode: 'local' | 'remote' = 'local';\n\n    /**\n     * Defines the layout of the table, based on how width of the columns are calculated.\n     *\n     * - `default`: makes columns as wide as their contents.\n     * - `stretchLastColumn`: makes columns as wide as their contents, stretch the last column to fill up the remaining table width.\n     * - `stretchColumns`: stretches all columns to fill the available width when possible.\n     * - `lowDensity`: makes columns as wide as their contents, and creates a low density and airy layout.\n     */\n    @Prop()\n    public layout: Layout;\n\n    /**\n     * Number of rows per page\n     */\n    @Prop()\n    public pageSize: number;\n\n    /**\n     * The number of total rows available for the data\n     */\n    @Prop()\n    public totalRows: number;\n\n    /**\n     * The initial sorted columns\n     */\n    @Prop()\n    public sorting: ColumnSorter[] = [];\n\n    /**\n     * Active row in the table\n     */\n    @Prop({ mutable: true })\n    public activeRow: RowData;\n\n    /**\n     * Set to `true` to enable reordering of the columns by dragging them\n     */\n    @Prop()\n    public movableColumns: boolean;\n\n    /**\n     * Set to `true` to trigger loading animation\n     */\n    @Prop()\n    public loading: boolean = false;\n\n    /**\n     * The page to show\n     */\n    @Prop()\n    public page: number = FIRST_PAGE;\n\n    /**\n     * Emitted when `mode` is `local` the data is sorted\n     */\n    @Event()\n    public sort: EventEmitter<ColumnSorter[]>;\n\n    /**\n     * Emitted when a new page has been set\n     */\n    @Event()\n    public changePage: EventEmitter<number>;\n\n    /**\n     * A message to display when the table has no data\n     */\n    @Prop()\n    public emptyMessage: string;\n\n    /**\n     * Column aggregates to be displayed in the table\n     */\n    @Prop()\n    public aggregates: ColumnAggregate[];\n\n    /**\n     * Enables row selection\n     */\n    @Prop()\n    public selectable: boolean;\n\n    /**\n     * Selected data. Requires `selectable` to be true.\n     */\n    @Prop()\n    public selection: object[];\n\n    /**\n     * Emitted when `mode` is `remote` and the table is loading new data. The\n     * consumer is responsible for giving the table new data\n     */\n    @Event()\n    public load: EventEmitter<TableParams>;\n\n    /**\n     * Emitted when a row is activated\n     */\n    @Event()\n    public activate: EventEmitter<object>;\n\n    /**\n     * Emitted when the columns have been changed\n     */\n    @Event()\n    public changeColumns: EventEmitter<Column[]>;\n\n    /**\n     * Emitted when the row selection has been changed\n     */\n    @Event()\n    public select: EventEmitter<object[]>;\n\n    /**\n     * Emitted when the select all rows state is toggled\n     */\n    @Event()\n    public selectAll: EventEmitter<boolean>;\n\n    @Element()\n    private host: HTMLLimelTableElement;\n\n    private currentLoad: { page: number; sorters: ColumnSorter[] };\n\n    private tabulator: Tabulator;\n\n    private pool: ElementPool;\n    private columnFactory: ColumnDefinitionFactory;\n    private firstRequest: boolean;\n    private currentSorting: ColumnSorter[];\n    private tableSelection: TableSelection;\n\n    constructor() {\n        this.handleDataSorting = this.handleDataSorting.bind(this);\n        this.handlePageLoaded = this.handlePageLoaded.bind(this);\n        this.handleAjaxRequesting = this.handleAjaxRequesting.bind(this);\n        this.requestData = this.requestData.bind(this);\n        this.onClickRow = this.onClickRow.bind(this);\n        this.formatRow = this.formatRow.bind(this);\n        this.formatRows = this.formatRows.bind(this);\n        this.updateMaxPage = this.updateMaxPage.bind(this);\n        this.initTabulatorComponent = this.initTabulatorComponent.bind(this);\n        this.setSelection = this.setSelection.bind(this);\n        this.addColumnAggregator = this.addColumnAggregator.bind(this);\n        this.pool = new ElementPool(document);\n        this.columnFactory = new ColumnDefinitionFactory(this.pool);\n    }\n\n    public componentWillLoad() {\n        this.firstRequest = this.mode === 'remote';\n        this.initTableSelection();\n    }\n\n    public componentDidLoad() {\n        this.init();\n    }\n\n    public disconnectedCallback() {\n        this.pool.clear();\n    }\n\n    @Watch('totalRows')\n    protected totalRowsChanged() {\n        this.updateMaxPage();\n    }\n\n    @Watch('pageSize')\n    protected pageSizeChanged() {\n        this.updateMaxPage();\n    }\n\n    @Watch('page')\n    protected pageChanged() {\n        if (!this.tabulator) {\n            return;\n        }\n\n        if (this.tabulator.getPage() === this.page) {\n            return;\n        }\n\n        this.tabulator.setPage(this.page);\n    }\n\n    @Watch('activeRow')\n    protected activeRowChanged() {\n        if (!this.tabulator) {\n            return;\n        }\n\n        this.formatRows();\n    }\n\n    @Watch('data')\n    protected updateData(newData: RowData[] = [], oldData: RowData[] = []) {\n        const shouldReplace = this.shouldReplaceData(newData, oldData);\n\n        setTimeout(() => {\n            if (!this.tabulator) {\n                return;\n            }\n\n            if (shouldReplace) {\n                this.pool.releaseAll();\n                this.tabulator.replaceData(newData);\n                this.setSelection();\n\n                return;\n            }\n\n            this.tabulator.updateOrAddData(newData);\n        });\n    }\n\n    @Watch('columns')\n    protected updateColumns(newColumns: Column[], oldColumns: Column[]) {\n        if (!this.tabulator) {\n            return;\n        }\n\n        if (this.areSameColumns(newColumns, oldColumns)) {\n            return;\n        }\n\n        const columnsInTable = this.tabulator\n            .getColumns()\n            .filter((c) => c.getField());\n\n        const oldColumnsInTable = columnsInTable.map((c) =>\n            oldColumns.find((old) => old.field === c.getField()),\n        );\n\n        if (this.areSameColumns(newColumns, oldColumnsInTable)) {\n            return;\n        }\n\n        // Updating columns requires a reinitialization otherwise sorting will not work\n        // afterwards\n        this.init();\n    }\n\n    @Watch('aggregates')\n    protected updateAggregates(\n        newAggregates: ColumnAggregate[],\n        oldAggregates: ColumnAggregate[],\n    ) {\n        if (!this.tabulator) {\n            return;\n        }\n\n        if (isEqual(newAggregates, oldAggregates)) {\n            return;\n        }\n\n        if (!this.haveSameAggregateFields(newAggregates, oldAggregates)) {\n            this.init();\n\n            return;\n        }\n\n        this.tabulator.recalc();\n        this.tabulator.rowManager.redraw();\n    }\n\n    @Watch('selection')\n    protected updateSelection(newSelection: any[]) {\n        if (!this.tableSelection) {\n            return;\n        }\n\n        this.tableSelection.setSelection(newSelection);\n    }\n\n    @Watch('selectable')\n    protected updateSelectable() {\n        if (this.tableSelection && !this.selectable) {\n            this.tableSelection = null;\n        }\n\n        this.initTableSelection();\n        this.init();\n    }\n\n    @Watch('sorting')\n    protected updateSorting(\n        newValue: ColumnSorter[],\n        oldValue: ColumnSorter[],\n    ) {\n        const newSorting = this.getColumnSorter(newValue);\n        const oldSorting = this.getColumnSorter(oldValue);\n        if (isEqual(newSorting, oldSorting)) {\n            return;\n        }\n\n        this.tabulator.setSort(newSorting);\n    }\n\n    private shouldReplaceData(newData: RowData[], oldData: RowData[]) {\n        const newIds = newData.map((item) => item.id ?? item) as Array<\n            string | number\n        >;\n        const oldIds = oldData.map((item) => item.id ?? item) as Array<\n            string | number\n        >;\n\n        return (\n            !this.areEqualIds(newIds, oldIds) ||\n            !this.isSameOrder(newIds, oldIds)\n        );\n    }\n\n    private areEqualIds(\n        newIds: Array<string | number>,\n        oldIds: Array<string | number>,\n    ): boolean {\n        const newIdSet = new Set(newIds);\n        const oldIdSet = new Set(oldIds);\n\n        return (\n            newIdSet.size === oldIdSet.size &&\n            newIds.every((id) => oldIdSet.has(id))\n        );\n    }\n\n    private isSameOrder(\n        newIds: Array<string | number>,\n        oldIds: Array<string | number>,\n    ): boolean {\n        return newIds.every((id, index) => id === oldIds[index]);\n    }\n\n    private areSameColumns(newColumns: Column[], oldColumns: Column[]) {\n        return (\n            newColumns.length === oldColumns.length &&\n            newColumns.every((column) => oldColumns.includes(column))\n        );\n    }\n\n    private haveSameAggregateFields(\n        newAggregates: ColumnAggregate[],\n        oldAggregates: ColumnAggregate[],\n    ) {\n        const oldAggregateFields = oldAggregates?.map((a) => a.field) || [];\n\n        return (\n            newAggregates?.length === oldAggregates?.length &&\n            !!newAggregates?.every((a) => oldAggregateFields.includes(a.field))\n        );\n    }\n\n    private init() {\n        if (this.tabulator) {\n            this.pool.releaseAll();\n            this.tabulator.destroy();\n        }\n\n        const table: HTMLElement =\n            this.host.shadowRoot.querySelector('#tabulator-table');\n        this.initTabulatorComponent(table);\n    }\n\n    /*\n     * Tabulator requires that the html element it's rendered inside\n     * has a size before it's created, otherwise it doesn't consider\n     * it self renderedy completely. (the callback \"renderComplete\"\n     * is never run).\n     *\n     * @param table {HTMLElement}\n     *\n     */\n    private initTabulatorComponent(table: HTMLElement) {\n        // Some browsers do not implement the ResizeObserver API...\n        // If that's the case lets just create the table no\n        // matter if its rendered or not.\n        if (!('ResizeObserver' in window)) {\n            this.tabulator = new TabulatorTable(table, this.getOptions());\n            this.setSelection();\n\n            return;\n        }\n\n        const observer = new ResizeObserver(() => {\n            requestAnimationFrame(() => {\n                this.tabulator = new TabulatorTable(table, this.getOptions());\n                this.setSelection();\n                observer.unobserve(table);\n                observer.disconnect();\n            });\n        });\n        observer.observe(table);\n    }\n\n    private initTableSelection() {\n        if (this.selectable) {\n            this.tableSelection = new TableSelection(\n                () => this.tabulator,\n                this.pool,\n                this.select,\n            );\n            this.tableSelection.setSelection(this.selection);\n        }\n    }\n\n    private setSelection() {\n        if (!(this.tabulator && this.tableSelection)) {\n            return;\n        }\n\n        this.tableSelection.setSelection(this.selection);\n    }\n\n    private updateMaxPage() {\n        this.tabulator?.setMaxPage(this.calculatePageCount());\n    }\n\n    private getOptions(): Tabulator.Options {\n        const ajaxOptions = this.getAjaxOptions();\n        const paginationOptions = this.getPaginationOptions();\n        const columnOptions = this.getColumnOptions();\n\n        return {\n            data: this.data,\n            layout: mapLayout(this.layout),\n            columns: this.getColumnDefinitions(),\n            dataSorting: this.handleDataSorting,\n            pageLoaded: this.handlePageLoaded,\n            ...ajaxOptions,\n            ...paginationOptions,\n            rowClick: this.onClickRow,\n            rowFormatter: this.formatRow,\n            initialSort: this.getInitialSorting(),\n            nestedFieldSeparator: false,\n            ...columnOptions,\n        };\n    }\n\n    private getInitialSorting(): Tabulator.Sorter[] {\n        if (this.currentSorting && this.currentSorting.length) {\n            return this.getColumnSorter(this.currentSorting);\n        }\n\n        return this.getColumnSorter(this.sorting);\n    }\n\n    private getColumnSorter(sorting: ColumnSorter[]): Tabulator.Sorter[] {\n        return sorting.map((sorter: ColumnSorter) => {\n            return {\n                column: String(sorter.column.field),\n                dir: sorter.direction.toLocaleLowerCase() as Tabulator.SortDirection,\n            };\n        });\n    }\n\n    private getColumnDefinitions(): Tabulator.ColumnDefinition[] {\n        const columnDefinitions = this.columns\n            .map(this.addColumnAggregator)\n            .map(this.columnFactory.create);\n\n        if (this.tableSelection) {\n            return this.tableSelection.getColumnDefinitions(columnDefinitions);\n        }\n\n        return columnDefinitions;\n    }\n\n    private addColumnAggregator(column: Column<any>): Column<any> {\n        if (!this.aggregates?.length || column.aggregator) {\n            return column;\n        }\n\n        const aggregate = this.aggregates.find((a) => a.field === column.field);\n        if (aggregate) {\n            column.aggregator = (\n                col?: Column,\n                // eslint-disable-next-line @typescript-eslint/no-unused-vars\n                _values?: any[],\n                // eslint-disable-next-line @typescript-eslint/no-unused-vars\n                _data?: any[],\n            ) => {\n                if (!col) {\n                    return undefined;\n                }\n\n                const value = this.aggregates.find(\n                    (a) => a.field === col.field,\n                )?.value;\n\n                if (col.formatter) {\n                    return col.formatter(value);\n                }\n\n                return value;\n            };\n        }\n\n        return column;\n    }\n\n    private getAjaxOptions(): Tabulator.OptionsData {\n        if (!this.isRemoteMode()) {\n            return {};\n        }\n\n        // Tabulator needs a URL to be set, even though this one will never be\n        // used since we have our own custom `ajaxRequestFunc`\n        const remoteUrl = 'https://localhost';\n\n        return {\n            ajaxSorting: true,\n            ajaxURL: remoteUrl,\n            ajaxRequestFunc: this.requestData,\n            ajaxRequesting: this.handleAjaxRequesting,\n        };\n    }\n\n    /*\n     * The ajaxRequesting callback is triggered when ever an ajax request is made.\n     *\n     * Tabulator is requesting data with an AJAX request even though it has been\n     * given data when it was created.\n     *\n     * It seems unnecessary for us to emit the `load` event as well when this\n     * happens, since we can just initialize the table with the data that has been\n     * given to us. Therefore, we abort the request if:\n     *\n     *  * its the first time this method is called and,\n     *  * data has been sent in to the component as a prop\n     *\n     */\n    private handleAjaxRequesting() {\n        const abortRequest = this.firstRequest && !!this.data?.length;\n        this.firstRequest = false;\n\n        if (abortRequest) {\n            setTimeout(() => {\n                this.updateMaxPage();\n                this.tabulator.replaceData(this.data);\n            });\n\n            return false;\n        }\n\n        return true;\n    }\n\n    private getPaginationOptions(): Tabulator.OptionsPagination {\n        if (!this.pageSize) {\n            return {};\n        }\n\n        return {\n            pagination: this.isRemoteMode() ? 'remote' : 'local',\n            paginationSize: this.pageSize,\n            paginationInitialPage: this.page,\n        };\n    }\n\n    private requestData(_, __, params: any): Promise<object> {\n        const sorters = params.sorters;\n        const currentPage = params.page;\n\n        if (this.page !== currentPage) {\n            this.changePage.emit(currentPage);\n        }\n\n        const columnSorters = sorters.map(createColumnSorter(this.columns));\n\n        const load = {\n            page: currentPage,\n            sorters: columnSorters,\n        };\n\n        // In order to make limel-table behave more like a controlled component,\n        // we always return the existing data from this function, therefore\n        // relying on the consumer component to handle the loading\n        // state via the loading prop, if it actually decides to load new data.\n        const resolveExistingData = Promise.resolve({\n            last_page: this.calculatePageCount(), // eslint-disable-line camelcase\n            data: this.data,\n        });\n\n        if (!isEqual(this.currentLoad, load)) {\n            this.currentSorting = columnSorters;\n            this.currentLoad = load;\n            this.load.emit(load);\n        }\n\n        return resolveExistingData;\n    }\n\n    private isRemoteMode(): boolean {\n        return this.mode === 'remote';\n    }\n\n    private handleDataSorting(sorters: Tabulator.Sorter[]): void {\n        if (this.isRemoteMode()) {\n            return;\n        }\n\n        const columnSorters = sorters.map(createColumnSorter(this.columns));\n        if (columnSorters.length === 0) {\n            return;\n        }\n\n        this.sort.emit(columnSorters);\n    }\n\n    private handlePageLoaded(page: number): void {\n        if (this.isRemoteMode()) {\n            return;\n        }\n\n        this.changePage.emit(page);\n    }\n\n    private onClickRow(_ev, row: Tabulator.RowComponent): void {\n        if (typeof row.getPosition === 'undefined') {\n            // Not a data row, probably a CalcComponent\n            return;\n        }\n\n        if (this.isActiveRow(row)) {\n            this.activeRow = null;\n        } else {\n            this.activeRow = row.getData();\n        }\n\n        this.activate.emit(this.activeRow);\n    }\n\n    private getActiveRows: () => Tabulator.RowComponent[] = () => {\n        if (!this.tabulator) {\n            return [];\n        }\n\n        return this.tabulator.getRows('active');\n    };\n\n    private getActiveRowsData: () => object[] = () => {\n        // Note: Tabulator.getData() creates copies of each data object\n        // and will break this.selection.has checks, hence why this function\n        // intentionally retrieves the data using the row components\n        return this.getActiveRows().map((row) => row.getData());\n    };\n\n    private selectAllOnChange = (ev: CustomEvent<boolean>) => {\n        const selectAll = ev.detail;\n\n        ev.stopPropagation();\n        ev.preventDefault();\n\n        const newSelection = selectAll ? this.getActiveRowsData() : [];\n        this.select.emit(newSelection);\n        this.tableSelection.setSelection(newSelection);\n        this.selectAll.emit(selectAll);\n    };\n\n    private formatRows() {\n        this.tabulator.getRows().forEach(this.formatRow);\n    }\n\n    private formatRow(row: Tabulator.RowComponent) {\n        if (this.isActiveRow(row)) {\n            row.getElement().classList.add('active');\n        } else {\n            row.getElement().classList.remove('active');\n        }\n\n        const interactiveFeedbackElement = row\n            .getElement()\n            .getElementsByClassName('interactive-feedback');\n        if (interactiveFeedbackElement.length === 0) {\n            const element = row.getElement().ownerDocument.createElement('div');\n            element.classList.add('interactive-feedback');\n            row.getElement().prepend(element);\n        }\n    }\n\n    private isActiveRow(row: Tabulator.RowComponent) {\n        if (!this.activeRow) {\n            return false;\n        }\n\n        const activeRowId = this.activeRow.id ?? null;\n\n        if (activeRowId !== null) {\n            return activeRowId === row.getData().id;\n        }\n\n        return this.activeRow === row.getData();\n    }\n\n    private calculatePageCount(): number {\n        let total = this.totalRows;\n        if (!total) {\n            total = this.data.length;\n        }\n\n        return Math.ceil(total / this.pageSize);\n    }\n\n    private hasAggregation(columns: Column[]): boolean {\n        return columns.some((column) => has(column, 'aggregator'));\n    }\n\n    private getColumnOptions = (): Tabulator.OptionsColumns => {\n        if (!this.movableColumns) {\n            return {};\n        }\n\n        return {\n            movableColumns: true,\n            columnMoved: this.handleMoveColumn,\n        };\n    };\n\n    private handleMoveColumn = (_, components: Tabulator.ColumnComponent[]) => {\n        const columns = components.map(this.findColumn).filter((c) => c);\n        this.changeColumns.emit(columns);\n    };\n\n    private findColumn = (component: Tabulator.ColumnComponent): Column => {\n        return this.columns.find((column) => {\n            return (\n                column.field === component.getField() &&\n                column.title === component.getDefinition().title\n            );\n        });\n    };\n\n    render() {\n        return (\n            <Host\n                class={{\n                    'has-low-density': this.layout === 'lowDensity',\n                }}\n            >\n                <div\n                    id=\"tabulator-container\"\n                    class={{\n                        'has-pagination': this.totalRows > this.pageSize,\n                        'has-aggregation': this.hasAggregation(this.columns),\n                        'has-movable-columns': this.movableColumns,\n                        'has-rowselector': this.selectable,\n                        'has-selection': this.tableSelection?.hasSelection,\n                    }}\n                >\n                    {/* Toggle style instead of removing the loader\n                    because removing the element will cause a rerender, breaking the\n                    tabulator table */}\n                    <div\n                        id=\"tabulator-loader\"\n                        style={{ display: this.loading ? 'flex' : 'none' }}\n                    >\n                        <limel-spinner size=\"large\" />\n                    </div>\n                    {this.renderEmptyMessage()}\n                    {this.renderSelectAll()}\n                    <div id=\"tabulator-table\" />\n                </div>\n            </Host>\n        );\n    }\n\n    private renderSelectAll() {\n        if (!this.selectable) {\n            return;\n        }\n\n        const showSelectAll = !this.loading && this.tableSelection;\n\n        return (\n            <div\n                class=\"select-all\"\n                style={{ display: showSelectAll ? 'inline-block' : 'none' }}\n            >\n                <limel-checkbox\n                    onChange={this.selectAllOnChange}\n                    disabled={!this.data.length}\n                    checked={this.tableSelection?.hasSelection}\n                    indeterminate={\n                        this.tableSelection?.hasSelection &&\n                        this.selection?.length < this.data.length\n                    }\n                />\n            </div>\n        );\n    }\n\n    private renderEmptyMessage() {\n        const showEmptyMessage =\n            !this.loading && !this.data.length && this.emptyMessage;\n\n        return (\n            <div\n                id=\"tabulator-empty-text\"\n                style={{ display: showEmptyMessage ? 'flex' : 'none' }}\n            >\n                <span>{this.emptyMessage}</span>\n            </div>\n        );\n    }\n}\n"]}
+{"version":3,"file":"table.js","sourceRoot":"","sources":["../../../src/components/table/table.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n    Component,\n    h,\n    Prop,\n    Element,\n    Watch,\n    EventEmitter,\n    Event,\n    Host,\n} from '@stencil/core';\nimport TabulatorTable from 'tabulator-tables';\nimport {\n    Column,\n    TableParams,\n    ColumnSorter,\n    ColumnAggregate,\n    RowData,\n} from './table.types';\nimport { ColumnDefinitionFactory, createColumnSorter } from './columns';\nimport { isEqual, has } from 'lodash-es';\nimport { ElementPool } from './element-pool';\nimport { TableSelection } from './table-selection';\nimport { mapLayout, Layout } from './layout';\n\nconst FIRST_PAGE = 1;\n\n/**\n * @exampleComponent limel-example-table\n * @exampleComponent limel-example-table-custom-components\n * @exampleComponent limel-example-table-header-menu\n * @exampleComponent limel-example-table-movable-columns\n * @exampleComponent limel-example-table-sorting-disabled\n * @exampleComponent limel-example-table-local\n * @exampleComponent limel-example-table-remote\n * @exampleComponent limel-example-table-activate-row\n * @exampleComponent limel-example-table-selectable-rows\n * @exampleComponent limel-example-table-default-sorted\n * @exampleComponent limel-example-table-layout-default\n * @exampleComponent limel-example-table-layout-stretch-last-column\n * @exampleComponent limel-example-table-layout-stretch-columns\n * @exampleComponent limel-example-table-layout-low-density\n * @exampleComponent limel-example-table-interactive-rows\n */\n@Component({\n    tag: 'limel-table',\n    styleUrl: 'table.scss',\n    shadow: true,\n})\nexport class Table {\n    /**\n     * Data to be displayed in the table\n     */\n    @Prop()\n    public data: object[] = [];\n\n    /**\n     * Columns used to display the data\n     */\n    @Prop()\n    public columns: Column[] = [];\n\n    /**\n     * Set to either `local` or `remote` to change how the table handles the\n     * loaded data. When in `local` mode, all sorting and pagination will be\n     * done locally with the data given. When in `remote` mode, the consumer\n     * is responsible to give the table new data when a `load` event occurs\n     */\n    @Prop()\n    public mode: 'local' | 'remote' = 'local';\n\n    /**\n     * Defines the layout of the table, based on how width of the columns are calculated.\n     *\n     * - `default`: makes columns as wide as their contents.\n     * - `stretchLastColumn`: makes columns as wide as their contents, stretch the last column to fill up the remaining table width.\n     * - `stretchColumns`: stretches all columns to fill the available width when possible.\n     * - `lowDensity`: makes columns as wide as their contents, and creates a low density and airy layout.\n     */\n    @Prop()\n    public layout: Layout;\n\n    /**\n     * Number of rows per page\n     */\n    @Prop()\n    public pageSize: number;\n\n    /**\n     * The number of total rows available for the data\n     */\n    @Prop()\n    public totalRows: number;\n\n    /**\n     * The initial sorted columns\n     */\n    @Prop()\n    public sorting: ColumnSorter[] = [];\n\n    /**\n     * Active row in the table\n     */\n    @Prop({ mutable: true })\n    public activeRow: RowData;\n\n    /**\n     * Set to `true` to enable reordering of the columns by dragging them\n     */\n    @Prop()\n    public movableColumns: boolean;\n\n    /**\n     * Set to `true` to trigger loading animation\n     */\n    @Prop()\n    public loading: boolean = false;\n\n    /**\n     * The page to show\n     */\n    @Prop()\n    public page: number = FIRST_PAGE;\n\n    /**\n     * Emitted when `mode` is `local` the data is sorted\n     */\n    @Event()\n    public sort: EventEmitter<ColumnSorter[]>;\n\n    /**\n     * Emitted when a new page has been set\n     */\n    @Event()\n    public changePage: EventEmitter<number>;\n\n    /**\n     * A message to display when the table has no data\n     */\n    @Prop()\n    public emptyMessage: string;\n\n    /**\n     * Column aggregates to be displayed in the table\n     */\n    @Prop()\n    public aggregates: ColumnAggregate[];\n\n    /**\n     * Enables row selection\n     */\n    @Prop()\n    public selectable: boolean;\n\n    /**\n     * Selected data. Requires `selectable` to be true.\n     */\n    @Prop()\n    public selection: object[];\n\n    /**\n     * Emitted when `mode` is `remote` and the table is loading new data. The\n     * consumer is responsible for giving the table new data\n     */\n    @Event()\n    public load: EventEmitter<TableParams>;\n\n    /**\n     * Emitted when a row is activated\n     */\n    @Event()\n    public activate: EventEmitter<object>;\n\n    /**\n     * Emitted when the columns have been changed\n     */\n    @Event()\n    public changeColumns: EventEmitter<Column[]>;\n\n    /**\n     * Emitted when the row selection has been changed\n     */\n    @Event()\n    public select: EventEmitter<object[]>;\n\n    /**\n     * Emitted when the select all rows state is toggled\n     */\n    @Event()\n    public selectAll: EventEmitter<boolean>;\n\n    @Element()\n    private host: HTMLLimelTableElement;\n\n    private currentLoad: { page: number; sorters: ColumnSorter[] };\n\n    private tabulator: Tabulator;\n\n    private pool: ElementPool;\n    private columnFactory: ColumnDefinitionFactory;\n    private firstRequest: boolean;\n    private currentSorting: ColumnSorter[];\n    private tableSelection: TableSelection;\n    private shouldSort = false;\n\n    constructor() {\n        this.handleDataSorting = this.handleDataSorting.bind(this);\n        this.handlePageLoaded = this.handlePageLoaded.bind(this);\n        this.handleRenderComplete = this.handleRenderComplete.bind(this);\n        this.handleAjaxRequesting = this.handleAjaxRequesting.bind(this);\n        this.requestData = this.requestData.bind(this);\n        this.onClickRow = this.onClickRow.bind(this);\n        this.formatRow = this.formatRow.bind(this);\n        this.formatRows = this.formatRows.bind(this);\n        this.updateMaxPage = this.updateMaxPage.bind(this);\n        this.initTabulatorComponent = this.initTabulatorComponent.bind(this);\n        this.setSelection = this.setSelection.bind(this);\n        this.addColumnAggregator = this.addColumnAggregator.bind(this);\n        this.pool = new ElementPool(document);\n        this.columnFactory = new ColumnDefinitionFactory(this.pool);\n    }\n\n    public componentWillLoad() {\n        this.firstRequest = this.mode === 'remote';\n        this.initTableSelection();\n    }\n\n    public componentDidLoad() {\n        this.init();\n    }\n\n    public disconnectedCallback() {\n        this.pool.clear();\n    }\n\n    @Watch('totalRows')\n    protected totalRowsChanged() {\n        this.updateMaxPage();\n    }\n\n    @Watch('pageSize')\n    protected pageSizeChanged() {\n        this.updateMaxPage();\n    }\n\n    @Watch('page')\n    protected pageChanged() {\n        if (!this.tabulator) {\n            return;\n        }\n\n        if (this.tabulator.getPage() === this.page) {\n            return;\n        }\n\n        this.tabulator.setPage(this.page);\n    }\n\n    @Watch('activeRow')\n    protected activeRowChanged() {\n        if (!this.tabulator) {\n            return;\n        }\n\n        this.formatRows();\n    }\n\n    @Watch('data')\n    protected updateData(newData: RowData[] = [], oldData: RowData[] = []) {\n        const shouldReplace = this.shouldReplaceData(newData, oldData);\n\n        setTimeout(() => {\n            if (!this.tabulator) {\n                return;\n            }\n\n            if (shouldReplace) {\n                this.pool.releaseAll();\n                this.tabulator.replaceData(newData);\n                this.setSelection();\n\n                return;\n            }\n\n            this.tabulator.updateOrAddData(newData);\n        });\n    }\n\n    @Watch('columns')\n    protected updateColumns(newColumns: Column[], oldColumns: Column[]) {\n        if (!this.tabulator) {\n            return;\n        }\n\n        if (this.areSameColumns(newColumns, oldColumns)) {\n            return;\n        }\n\n        const columnsInTable = this.tabulator\n            .getColumns()\n            .filter((c) => c.getField());\n\n        const oldColumnsInTable = columnsInTable.map((c) =>\n            oldColumns.find((old) => old.field === c.getField()),\n        );\n\n        if (this.areSameColumns(newColumns, oldColumnsInTable)) {\n            return;\n        }\n\n        this.tabulator.setColumns(this.getColumnDefinitions());\n        this.shouldSort = true;\n    }\n\n    @Watch('aggregates')\n    protected updateAggregates(\n        newAggregates: ColumnAggregate[],\n        oldAggregates: ColumnAggregate[],\n    ) {\n        if (!this.tabulator) {\n            return;\n        }\n\n        if (isEqual(newAggregates, oldAggregates)) {\n            return;\n        }\n\n        if (!this.haveSameAggregateFields(newAggregates, oldAggregates)) {\n            this.init();\n\n            return;\n        }\n\n        this.tabulator.recalc();\n        this.tabulator.rowManager.redraw();\n    }\n\n    @Watch('selection')\n    protected updateSelection(newSelection: any[]) {\n        if (!this.tableSelection) {\n            return;\n        }\n\n        this.tableSelection.setSelection(newSelection);\n    }\n\n    @Watch('selectable')\n    protected updateSelectable() {\n        if (this.tableSelection && !this.selectable) {\n            this.tableSelection = null;\n        }\n\n        this.initTableSelection();\n        this.init();\n    }\n\n    @Watch('sorting')\n    protected updateSorting(\n        newValue: ColumnSorter[],\n        oldValue: ColumnSorter[],\n    ) {\n        const newSorting = this.getColumnSorter(newValue);\n        const oldSorting = this.getColumnSorter(oldValue);\n        if (isEqual(newSorting, oldSorting)) {\n            return;\n        }\n\n        this.tabulator.setSort(newSorting);\n    }\n\n    private shouldReplaceData(newData: RowData[], oldData: RowData[]) {\n        const newIds = newData.map((item) => item.id ?? item) as Array<\n            string | number\n        >;\n        const oldIds = oldData.map((item) => item.id ?? item) as Array<\n            string | number\n        >;\n\n        return (\n            !this.areEqualIds(newIds, oldIds) ||\n            !this.isSameOrder(newIds, oldIds)\n        );\n    }\n\n    private areEqualIds(\n        newIds: Array<string | number>,\n        oldIds: Array<string | number>,\n    ): boolean {\n        const newIdSet = new Set(newIds);\n        const oldIdSet = new Set(oldIds);\n\n        return (\n            newIdSet.size === oldIdSet.size &&\n            newIds.every((id) => oldIdSet.has(id))\n        );\n    }\n\n    private isSameOrder(\n        newIds: Array<string | number>,\n        oldIds: Array<string | number>,\n    ): boolean {\n        return newIds.every((id, index) => id === oldIds[index]);\n    }\n\n    private areSameColumns(newColumns: Column[], oldColumns: Column[]) {\n        return (\n            newColumns.length === oldColumns.length &&\n            newColumns.every((column) => oldColumns.includes(column))\n        );\n    }\n\n    private haveSameAggregateFields(\n        newAggregates: ColumnAggregate[],\n        oldAggregates: ColumnAggregate[],\n    ) {\n        const oldAggregateFields = oldAggregates?.map((a) => a.field) || [];\n\n        return (\n            newAggregates?.length === oldAggregates?.length &&\n            !!newAggregates?.every((a) => oldAggregateFields.includes(a.field))\n        );\n    }\n\n    private init() {\n        if (this.tabulator) {\n            this.pool.releaseAll();\n            this.tabulator.destroy();\n        }\n\n        const table: HTMLElement =\n            this.host.shadowRoot.querySelector('#tabulator-table');\n        this.initTabulatorComponent(table);\n    }\n\n    /*\n     * Tabulator requires that the html element it's rendered inside\n     * has a size before it's created, otherwise it doesn't consider\n     * it self renderedy completely. (the callback \"renderComplete\"\n     * is never run).\n     *\n     * @param table {HTMLElement}\n     *\n     */\n    private initTabulatorComponent(table: HTMLElement) {\n        // Some browsers do not implement the ResizeObserver API...\n        // If that's the case lets just create the table no\n        // matter if its rendered or not.\n        if (!('ResizeObserver' in window)) {\n            this.tabulator = new TabulatorTable(table, this.getOptions());\n            this.setSelection();\n\n            return;\n        }\n\n        const observer = new ResizeObserver(() => {\n            requestAnimationFrame(() => {\n                this.tabulator = new TabulatorTable(table, this.getOptions());\n                this.setSelection();\n                observer.unobserve(table);\n                observer.disconnect();\n            });\n        });\n        observer.observe(table);\n    }\n\n    private initTableSelection() {\n        if (this.selectable) {\n            this.tableSelection = new TableSelection(\n                () => this.tabulator,\n                this.pool,\n                this.select,\n            );\n            this.tableSelection.setSelection(this.selection);\n        }\n    }\n\n    private setSelection() {\n        if (!(this.tabulator && this.tableSelection)) {\n            return;\n        }\n\n        this.tableSelection.setSelection(this.selection);\n    }\n\n    private updateMaxPage() {\n        this.tabulator?.setMaxPage(this.calculatePageCount());\n    }\n\n    private getOptions(): Tabulator.Options {\n        const ajaxOptions = this.getAjaxOptions();\n        const paginationOptions = this.getPaginationOptions();\n        const columnOptions = this.getColumnOptions();\n\n        return {\n            data: this.data,\n            layout: mapLayout(this.layout),\n            columns: this.getColumnDefinitions(),\n            dataSorting: this.handleDataSorting,\n            pageLoaded: this.handlePageLoaded,\n            renderComplete: this.handleRenderComplete,\n            ...ajaxOptions,\n            ...paginationOptions,\n            rowClick: this.onClickRow,\n            rowFormatter: this.formatRow,\n            initialSort: this.getInitialSorting(),\n            nestedFieldSeparator: false,\n            ...columnOptions,\n        };\n    }\n\n    private getInitialSorting(): Tabulator.Sorter[] {\n        if (this.currentSorting && this.currentSorting.length) {\n            return this.getColumnSorter(this.currentSorting);\n        }\n\n        return this.getColumnSorter(this.sorting);\n    }\n\n    private getColumnSorter(sorting: ColumnSorter[]): Tabulator.Sorter[] {\n        return sorting.map((sorter: ColumnSorter) => {\n            return {\n                column: String(sorter.column.field),\n                dir: sorter.direction.toLocaleLowerCase() as Tabulator.SortDirection,\n            };\n        });\n    }\n\n    private getColumnDefinitions(): Tabulator.ColumnDefinition[] {\n        const columnDefinitions = this.columns\n            .map(this.addColumnAggregator)\n            .map(this.columnFactory.create);\n\n        if (this.tableSelection) {\n            return this.tableSelection.getColumnDefinitions(columnDefinitions);\n        }\n\n        return columnDefinitions;\n    }\n\n    private addColumnAggregator(column: Column<any>): Column<any> {\n        if (!this.aggregates?.length || column.aggregator) {\n            return column;\n        }\n\n        const aggregate = this.aggregates.find((a) => a.field === column.field);\n        if (aggregate) {\n            column.aggregator = (\n                col?: Column,\n                // eslint-disable-next-line @typescript-eslint/no-unused-vars\n                _values?: any[],\n                // eslint-disable-next-line @typescript-eslint/no-unused-vars\n                _data?: any[],\n            ) => {\n                if (!col) {\n                    return undefined;\n                }\n\n                const value = this.aggregates.find(\n                    (a) => a.field === col.field,\n                )?.value;\n\n                if (col.formatter) {\n                    return col.formatter(value);\n                }\n\n                return value;\n            };\n        }\n\n        return column;\n    }\n\n    private getAjaxOptions(): Tabulator.OptionsData {\n        if (!this.isRemoteMode()) {\n            return {};\n        }\n\n        // Tabulator needs a URL to be set, even though this one will never be\n        // used since we have our own custom `ajaxRequestFunc`\n        const remoteUrl = 'https://localhost';\n\n        return {\n            ajaxSorting: true,\n            ajaxURL: remoteUrl,\n            ajaxRequestFunc: this.requestData,\n            ajaxRequesting: this.handleAjaxRequesting,\n        };\n    }\n\n    /*\n     * The ajaxRequesting callback is triggered when ever an ajax request is made.\n     *\n     * Tabulator is requesting data with an AJAX request even though it has been\n     * given data when it was created.\n     *\n     * It seems unnecessary for us to emit the `load` event as well when this\n     * happens, since we can just initialize the table with the data that has been\n     * given to us. Therefore, we abort the request if:\n     *\n     *  * its the first time this method is called and,\n     *  * data has been sent in to the component as a prop\n     *\n     */\n    private handleAjaxRequesting() {\n        const abortRequest = this.firstRequest && !!this.data?.length;\n        this.firstRequest = false;\n\n        if (abortRequest) {\n            setTimeout(() => {\n                this.updateMaxPage();\n                this.tabulator.replaceData(this.data);\n            });\n\n            return false;\n        }\n\n        return true;\n    }\n\n    private getPaginationOptions(): Tabulator.OptionsPagination {\n        if (!this.pageSize) {\n            return {};\n        }\n\n        return {\n            pagination: this.isRemoteMode() ? 'remote' : 'local',\n            paginationSize: this.pageSize,\n            paginationInitialPage: this.page,\n        };\n    }\n\n    private requestData(_, __, params: any): Promise<object> {\n        const sorters = params.sorters;\n        const currentPage = params.page;\n\n        if (this.page !== currentPage) {\n            this.changePage.emit(currentPage);\n        }\n\n        const columnSorters = sorters.map(createColumnSorter(this.columns));\n\n        const load = {\n            page: currentPage,\n            sorters: columnSorters,\n        };\n\n        // In order to make limel-table behave more like a controlled component,\n        // we always return the existing data from this function, therefore\n        // relying on the consumer component to handle the loading\n        // state via the loading prop, if it actually decides to load new data.\n        const resolveExistingData = Promise.resolve({\n            last_page: this.calculatePageCount(), // eslint-disable-line camelcase\n            data: this.data,\n        });\n\n        if (!isEqual(this.currentLoad, load)) {\n            this.currentSorting = columnSorters;\n            this.currentLoad = load;\n            this.load.emit(load);\n        }\n\n        return resolveExistingData;\n    }\n\n    private isRemoteMode(): boolean {\n        return this.mode === 'remote';\n    }\n\n    private handleDataSorting(sorters: Tabulator.Sorter[]): void {\n        if (this.isRemoteMode()) {\n            return;\n        }\n\n        const columnSorters = sorters.map(createColumnSorter(this.columns));\n        if (columnSorters.length === 0) {\n            return;\n        }\n\n        this.sort.emit(columnSorters);\n    }\n\n    private handlePageLoaded(page: number): void {\n        if (this.isRemoteMode()) {\n            return;\n        }\n\n        this.changePage.emit(page);\n    }\n\n    private handleRenderComplete(): void {\n        if (this.tabulator && this.shouldSort) {\n            this.shouldSort = false;\n            this.tabulator.setSort(this.getColumnSorter(this.sorting));\n        }\n    }\n\n    private onClickRow(_ev, row: Tabulator.RowComponent): void {\n        if (typeof row.getPosition === 'undefined') {\n            // Not a data row, probably a CalcComponent\n            return;\n        }\n\n        if (this.isActiveRow(row)) {\n            this.activeRow = null;\n        } else {\n            this.activeRow = row.getData();\n        }\n\n        this.activate.emit(this.activeRow);\n    }\n\n    private getActiveRows: () => Tabulator.RowComponent[] = () => {\n        if (!this.tabulator) {\n            return [];\n        }\n\n        return this.tabulator.getRows('active');\n    };\n\n    private getActiveRowsData: () => object[] = () => {\n        // Note: Tabulator.getData() creates copies of each data object\n        // and will break this.selection.has checks, hence why this function\n        // intentionally retrieves the data using the row components\n        return this.getActiveRows().map((row) => row.getData());\n    };\n\n    private selectAllOnChange = (ev: CustomEvent<boolean>) => {\n        const selectAll = ev.detail;\n\n        ev.stopPropagation();\n        ev.preventDefault();\n\n        const newSelection = selectAll ? this.getActiveRowsData() : [];\n        this.select.emit(newSelection);\n        this.tableSelection.setSelection(newSelection);\n        this.selectAll.emit(selectAll);\n    };\n\n    private formatRows() {\n        this.tabulator.getRows().forEach(this.formatRow);\n    }\n\n    private formatRow(row: Tabulator.RowComponent) {\n        if (this.isActiveRow(row)) {\n            row.getElement().classList.add('active');\n        } else {\n            row.getElement().classList.remove('active');\n        }\n\n        const interactiveFeedbackElement = row\n            .getElement()\n            .getElementsByClassName('interactive-feedback');\n        if (interactiveFeedbackElement.length === 0) {\n            const element = row.getElement().ownerDocument.createElement('div');\n            element.classList.add('interactive-feedback');\n            row.getElement().prepend(element);\n        }\n    }\n\n    private isActiveRow(row: Tabulator.RowComponent) {\n        if (!this.activeRow) {\n            return false;\n        }\n\n        const activeRowId = this.activeRow.id ?? null;\n\n        if (activeRowId !== null) {\n            return activeRowId === row.getData().id;\n        }\n\n        return this.activeRow === row.getData();\n    }\n\n    private calculatePageCount(): number {\n        let total = this.totalRows;\n        if (!total) {\n            total = this.data.length;\n        }\n\n        return Math.ceil(total / this.pageSize);\n    }\n\n    private hasAggregation(columns: Column[]): boolean {\n        return columns.some((column) => has(column, 'aggregator'));\n    }\n\n    private getColumnOptions = (): Tabulator.OptionsColumns => {\n        if (!this.movableColumns) {\n            return {};\n        }\n\n        return {\n            movableColumns: true,\n            columnMoved: this.handleMoveColumn,\n        };\n    };\n\n    private handleMoveColumn = (_, components: Tabulator.ColumnComponent[]) => {\n        const columns = components.map(this.findColumn).filter((c) => c);\n        this.changeColumns.emit(columns);\n    };\n\n    private findColumn = (component: Tabulator.ColumnComponent): Column => {\n        return this.columns.find((column) => {\n            return (\n                column.field === component.getField() &&\n                column.title === component.getDefinition().title\n            );\n        });\n    };\n\n    render() {\n        return (\n            <Host\n                class={{\n                    'has-low-density': this.layout === 'lowDensity',\n                }}\n            >\n                <div\n                    id=\"tabulator-container\"\n                    class={{\n                        'has-pagination': this.totalRows > this.pageSize,\n                        'has-aggregation': this.hasAggregation(this.columns),\n                        'has-movable-columns': this.movableColumns,\n                        'has-rowselector': this.selectable,\n                        'has-selection': this.tableSelection?.hasSelection,\n                    }}\n                >\n                    {/* Toggle style instead of removing the loader\n                    because removing the element will cause a rerender, breaking the\n                    tabulator table */}\n                    <div\n                        id=\"tabulator-loader\"\n                        style={{ display: this.loading ? 'flex' : 'none' }}\n                    >\n                        <limel-spinner size=\"large\" />\n                    </div>\n                    {this.renderEmptyMessage()}\n                    {this.renderSelectAll()}\n                    <div id=\"tabulator-table\" />\n                </div>\n            </Host>\n        );\n    }\n\n    private renderSelectAll() {\n        if (!this.selectable) {\n            return;\n        }\n\n        const showSelectAll = !this.loading && this.tableSelection;\n\n        return (\n            <div\n                class=\"select-all\"\n                style={{ display: showSelectAll ? 'inline-block' : 'none' }}\n            >\n                <limel-checkbox\n                    onChange={this.selectAllOnChange}\n                    disabled={!this.data.length}\n                    checked={this.tableSelection?.hasSelection}\n                    indeterminate={\n                        this.tableSelection?.hasSelection &&\n                        this.selection?.length < this.data.length\n                    }\n                />\n            </div>\n        );\n    }\n\n    private renderEmptyMessage() {\n        const showEmptyMessage =\n            !this.loading && !this.data.length && this.emptyMessage;\n\n        return (\n            <div\n                id=\"tabulator-empty-text\"\n                style={{ display: showEmptyMessage ? 'flex' : 'none' }}\n            >\n                <span>{this.emptyMessage}</span>\n            </div>\n        );\n    }\n}\n"]}

package/dist/esm/limel-table.entry.js

@@ -24308,6 +24308,7 @@ const Table = class {
     this.changeColumns = createEvent(this, "changeColumns", 7);
     this.select = createEvent(this, "select", 7);
     this.selectAll = createEvent(this, "selectAll", 7);
+    this.shouldSort = false;
     this.getActiveRows = () => {
       if (!this.tabulator) {
         return [];
@@ -24365,6 +24366,7 @@ const Table = class {
     this.selection = undefined;
     this.handleDataSorting = this.handleDataSorting.bind(this);
     this.handlePageLoaded = this.handlePageLoaded.bind(this);
+    this.handleRenderComplete = this.handleRenderComplete.bind(this);
     this.handleAjaxRequesting = this.handleAjaxRequesting.bind(this);
     this.requestData = this.requestData.bind(this);
     this.onClickRow = this.onClickRow.bind(this);
@@ -24437,9 +24439,8 @@ const Table = class {
     if (this.areSameColumns(newColumns, oldColumnsInTable)) {
       return;
     }
-    // Updating columns requires a reinitialization otherwise sorting will not work
-    // afterwards
-    this.init();
+    this.tabulator.setColumns(this.getColumnDefinitions());
+    this.shouldSort = true;
   }
   updateAggregates(newAggregates, oldAggregates) {
     if (!this.tabulator) {
@@ -24556,7 +24557,7 @@ const Table = class {
     const ajaxOptions = this.getAjaxOptions();
     const paginationOptions = this.getPaginationOptions();
     const columnOptions = this.getColumnOptions();
-    return Object.assign(Object.assign(Object.assign(Object.assign({ data: this.data, layout: mapLayout(this.layout), columns: this.getColumnDefinitions(), dataSorting: this.handleDataSorting, pageLoaded: this.handlePageLoaded }, ajaxOptions), paginationOptions), { rowClick: this.onClickRow, rowFormatter: this.formatRow, initialSort: this.getInitialSorting(), nestedFieldSeparator: false }), columnOptions);
+    return Object.assign(Object.assign(Object.assign(Object.assign({ data: this.data, layout: mapLayout(this.layout), columns: this.getColumnDefinitions(), dataSorting: this.handleDataSorting, pageLoaded: this.handlePageLoaded, renderComplete: this.handleRenderComplete }, ajaxOptions), paginationOptions), { rowClick: this.onClickRow, rowFormatter: this.formatRow, initialSort: this.getInitialSorting(), nestedFieldSeparator: false }), columnOptions);
   }
   getInitialSorting() {
     if (this.currentSorting && this.currentSorting.length) {
@@ -24702,6 +24703,12 @@ const Table = class {
     }
     this.changePage.emit(page);
   }
+  handleRenderComplete() {
+    if (this.tabulator && this.shouldSort) {
+      this.shouldSort = false;
+      this.tabulator.setSort(this.getColumnSorter(this.sorting));
+    }
+  }
   onClickRow(_ev, row) {
     if (typeof row.getPosition === 'undefined') {
       // Not a data row, probably a CalcComponent