@limetech/lime-elements 39.12.3 → 39.12.5

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

@@ -30686,8 +30686,7 @@ const Table = class {
             return;
         }
         if (!this.haveSameAggregateFields(newAggregates, oldAggregates)) {
-            this.init();
-            return;
+            this.tabulator.setColumns(this.getColumnDefinitions());
         }
         this.tabulator.recalc();
         this.tabulator.rowManager.redraw();
@@ -30915,7 +30914,7 @@ const Table = class {
         // used since we have our own custom `ajaxRequestFunc`
         const remoteUrl = 'https://localhost';
         return {
-            ajaxSorting: true,
+            sortMode: 'remote',
             ajaxURL: remoteUrl,
             ajaxRequestFunc: this.requestData,
             ajaxRequesting: this.handleAjaxRequesting,
@@ -30954,10 +30953,16 @@ const Table = class {
         // we always return the existing data from this function, therefore
         // relying on the consumer component to handle the loading
         // state via the loading prop, if it actually decides to load new data.
-        const resolveExistingData = Promise.resolve({
-            last_page: this.calculatePageCount(),
-            data: this.data,
-        });
+        //
+        // When pagination is enabled, Tabulator's pagination module unwraps
+        // the `{last_page, data}` format. Without pagination, Tabulator
+        // expects a plain array directly.
+        const resolveExistingData = this.pageSize
+            ? Promise.resolve({
+                last_page: this.calculatePageCount(),
+                data: this.data,
+            })
+            : Promise.resolve(this.data);
         if (!isEqual.isEqual(this.currentLoad, load)) {
             this.currentSorting = columnSorters;
             this.currentLoad = load;
@@ -31062,16 +31067,16 @@ const Table = class {
     render() {
         var _a, _b;
         const totalRows = (_a = this.totalRows) !== null && _a !== void 0 ? _a : this.data.length;
-        return (index.h(index.Host, { key: '93dbd2f3ca88990432e28057035fcb538083d119', class: {
+        return (index.h(index.Host, { key: 'e615540df33a213dcdcdecfbaf4a62add8a56343', class: {
                 'has-low-density': this.layout === 'lowDensity',
                 'has-pagination-on-top': this.paginationLocation === 'top',
-            } }, index.h("div", { key: 'aa5355f9c10a3d75d40cffff4bc6620579fb3b6c', id: "tabulator-container", class: {
+            } }, index.h("div", { key: '912374e7d1308708945dde7e94366a9e20ce8236', id: "tabulator-container", class: {
                 'has-pagination': totalRows > this.pageSize,
                 'has-aggregation': this.hasAggregation(this.columns),
                 'has-movable-columns': this.movableColumns,
                 'has-rowselector': this.selectable,
                 'has-selection': (_b = this.tableSelection) === null || _b === void 0 ? void 0 : _b.hasSelection,
-            } }, index.h("div", { key: '2263536b78e2bdece8fe5d80ed7d51aa29015c02', id: "tabulator-loader", style: { display: this.loading ? 'flex' : 'none' } }, index.h("limel-spinner", { key: '95c1c4e8864338f0415adc07313a16ee26618b17', size: "large" })), this.renderEmptyMessage(), this.renderSelectAll(), index.h("div", { key: '6c8ae89d20edbee0bf28cc759668900991fa55e6', id: "tabulator-table" }))));
+            } }, index.h("div", { key: 'ccfead61db80a9d54631daecb950c352cf41bbc8', id: "tabulator-loader", style: { display: this.loading ? 'flex' : 'none' } }, index.h("limel-spinner", { key: '2f095d05a6d972e008467d54e71520e2848b6d2e', size: "large" })), this.renderEmptyMessage(), this.renderSelectAll(), index.h("div", { key: '1c200d356c582e35bce4b0f02bfc187e42a072ec', id: "tabulator-table" }))));
     }
     renderSelectAll() {
         var _a, _b, _c;

package/dist/collection/components/markdown/markdown.js

@@ -3,6 +3,7 @@ import { markdownToHTML } from "./markdown-parser";
 import { globalConfig } from "../../global/config";
 import { ImageIntersectionObserver } from "./image-intersection-observer";
 import { hydrateCustomElements } from "./hydrate-custom-elements";
+import { morphChildren } from "./morph-dom";
 import { DEFAULT_MARKDOWN_WHITELIST } from "./default-whitelist";
 /**
  * The Markdown component receives markdown syntax
@@ -95,7 +96,7 @@ export class Markdown {
                 lazyLoadImages: this.lazyLoadImages,
                 removeEmptyParagraphs: this.removeEmptyParagraphs,
             });
-            this.rootElement.innerHTML = html;
+            morphChildren(this.rootElement, html);
             // Hydration parses JSON attribute values (e.g. link='{"href":"..."}')
             // into JS properties. URL sanitization happens here because
             // rehype-sanitize can't inspect values inside JSON strings.
@@ -119,7 +120,7 @@ export class Markdown {
         this.cleanupImageIntersectionObserver();
     }
     render() {
-        return (h(Host, { key: 'd3c5e71466ad7fa2723a0a44bc6ba6742e597ca1' }, h("div", { key: 'ff45056e1a3ad465bdea9026b0c9674d911607a2', id: "markdown", ref: (el) => (this.rootElement = el) })));
+        return (h(Host, { key: '9d88a42e047b6701215699ab5459af3275e51693' }, h("div", { key: '83a5801839318bf47eeacbf53e320e4628559bfa', id: "markdown", ref: (el) => (this.rootElement = el) })));
     }
     setupImageIntersectionObserver() {
         if (this.lazyLoadImages) {

package/dist/collection/components/markdown/morph-dom.js

@@ -0,0 +1,29 @@
+import morphdom from "morphdom";
+/**
+ * Morph the children of `container` to match the given HTML string.
+ *
+ * Uses morphdom to diff the existing DOM against the new HTML and apply
+ * only the minimum changes. This preserves existing DOM nodes (including
+ * custom elements with internal state) that haven't changed.
+ *
+ * @param container - The parent element whose children should be morphed.
+ * @param html - The new HTML content for the container's children.
+ */
+export function morphChildren(container, html = '') {
+    // morphdom's second argument must be a single root element. We wrap
+    // the new HTML in a <div> purely to satisfy that requirement — the
+    // tag name doesn't matter because childrenOnly makes morphdom skip
+    // the root and only diff the children. The container element itself
+    // is never compared or replaced, so it can be any element type.
+    try {
+        morphdom(container, `<div>${html}</div>`, {
+            childrenOnly: true,
+        });
+    }
+    catch (error) {
+        // Fall back to innerHTML so that content is at least visible,
+        // even though custom elements will be destroyed and recreated.
+        console.warn('morphdom failed, falling back to innerHTML:', error);
+        container.innerHTML = html;
+    }
+}

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

@@ -231,8 +231,7 @@ export class Table {
             return;
         }
         if (!this.haveSameAggregateFields(newAggregates, oldAggregates)) {
-            this.init();
-            return;
+            this.tabulator.setColumns(this.getColumnDefinitions());
         }
         this.tabulator.recalc();
         this.tabulator.rowManager.redraw();
@@ -460,7 +459,7 @@ export class Table {
         // used since we have our own custom `ajaxRequestFunc`
         const remoteUrl = 'https://localhost';
         return {
-            ajaxSorting: true,
+            sortMode: 'remote',
             ajaxURL: remoteUrl,
             ajaxRequestFunc: this.requestData,
             ajaxRequesting: this.handleAjaxRequesting,
@@ -499,10 +498,16 @@ export class Table {
         // we always return the existing data from this function, therefore
         // relying on the consumer component to handle the loading
         // state via the loading prop, if it actually decides to load new data.
-        const resolveExistingData = Promise.resolve({
-            last_page: this.calculatePageCount(),
-            data: this.data,
-        });
+        //
+        // When pagination is enabled, Tabulator's pagination module unwraps
+        // the `{last_page, data}` format. Without pagination, Tabulator
+        // expects a plain array directly.
+        const resolveExistingData = this.pageSize
+            ? Promise.resolve({
+                last_page: this.calculatePageCount(),
+                data: this.data,
+            })
+            : Promise.resolve(this.data);
         if (!isEqual(this.currentLoad, load)) {
             this.currentSorting = columnSorters;
             this.currentLoad = load;
@@ -607,16 +612,16 @@ export class Table {
     render() {
         var _a, _b;
         const totalRows = (_a = this.totalRows) !== null && _a !== void 0 ? _a : this.data.length;
-        return (h(Host, { key: '93dbd2f3ca88990432e28057035fcb538083d119', class: {
+        return (h(Host, { key: 'e615540df33a213dcdcdecfbaf4a62add8a56343', class: {
                 'has-low-density': this.layout === 'lowDensity',
                 'has-pagination-on-top': this.paginationLocation === 'top',
-            } }, h("div", { key: 'aa5355f9c10a3d75d40cffff4bc6620579fb3b6c', id: "tabulator-container", class: {
+            } }, h("div", { key: '912374e7d1308708945dde7e94366a9e20ce8236', id: "tabulator-container", class: {
                 'has-pagination': totalRows > this.pageSize,
                 'has-aggregation': this.hasAggregation(this.columns),
                 'has-movable-columns': this.movableColumns,
                 'has-rowselector': this.selectable,
                 'has-selection': (_b = this.tableSelection) === null || _b === void 0 ? void 0 : _b.hasSelection,
-            } }, h("div", { key: '2263536b78e2bdece8fe5d80ed7d51aa29015c02', id: "tabulator-loader", style: { display: this.loading ? 'flex' : 'none' } }, h("limel-spinner", { key: '95c1c4e8864338f0415adc07313a16ee26618b17', size: "large" })), this.renderEmptyMessage(), this.renderSelectAll(), h("div", { key: '6c8ae89d20edbee0bf28cc759668900991fa55e6', id: "tabulator-table" }))));
+            } }, h("div", { key: 'ccfead61db80a9d54631daecb950c352cf41bbc8', id: "tabulator-loader", style: { display: this.loading ? 'flex' : 'none' } }, h("limel-spinner", { key: '2f095d05a6d972e008467d54e71520e2848b6d2e', size: "large" })), this.renderEmptyMessage(), this.renderSelectAll(), h("div", { key: '1c200d356c582e35bce4b0f02bfc187e42a072ec', id: "tabulator-table" }))));
     }
     renderSelectAll() {
         var _a, _b, _c;