@paperless/core 1.52.0 → 1.52.1

package/dist/types/components/helpers/table-column/table-column.component.d.ts

@@ -28,7 +28,13 @@ export declare class TableColumn {
   /**
    * Wether the column is the last in the row
    */
-  isLast: boolean;
+  isLast: {
+    [key: string]: boolean;
+  };
+  /**
+   * Parsed sizes based on the complete set of columns
+   */
+  parsedSizes: TableColumnSizes | undefined;
   /**
    * The sizes of the column
    */

package/dist/types/components/molecules/table-cell/table-cell.component.d.ts

@@ -44,4 +44,5 @@ export declare class TableCell {
   private _getContent;
   private _getColumnClasses;
   private _getSizes;
+  private _getIsLastValues;
 }

package/dist/types/components/organisms/table/table.component.d.ts

@@ -264,4 +264,8 @@ export declare class Table {
   private _findRow;
   private _findRowAction;
   private _showFloatingMenu;
+  private _parseDefinitions;
+  private _findLastDefinitionBySize;
+  private _parseDefinitionSizes;
+  private _parseRowActionsRowDefinition;
 }

package/dist/types/components.d.ts

@@ -1349,11 +1349,16 @@ export namespace Components {
         /**
           * Wether the column is the last in the row
          */
-        "isLast": boolean;
+        "isLast": { [key: string]: boolean };
         /**
           * The name of the column
          */
         "name": string;
+        /**
+          * Parsed sizes based on the complete set of columns
+         */
+        "parsedSizes": | TableColumnSizes
+		| undefined;
         /**
           * The path of the value of the item you want to display
          */
@@ -3602,7 +3607,7 @@ declare namespace LocalJSX {
         /**
           * Wether the column is the last in the row
          */
-        "isLast"?: boolean;
+        "isLast"?: { [key: string]: boolean };
         /**
           * The name of the column
          */
@@ -3611,6 +3616,11 @@ declare namespace LocalJSX {
           * Event to let the table know it has to re render
          */
         "onTableDefinitionChanged"?: (event: PTableColumnCustomEvent<boolean>) => void;
+        /**
+          * Parsed sizes based on the complete set of columns
+         */
+        "parsedSizes"?: | TableColumnSizes
+		| undefined;
         /**
           * The path of the value of the item you want to display
          */

package/dist/types/types/constants.d.ts

@@ -0,0 +1,2 @@
+import { TableColumnSizes } from './table';
+export declare const tableColumSizesOptions: (keyof TableColumnSizes)[];

package/dist/types/types/index.d.ts

@@ -1,2 +1,3 @@
 export * from './table';
 export * from './tailwind';
+export * from './constants';

package/dist/types/types/table.d.ts

@@ -25,5 +25,14 @@ export interface TableColumnSizes {
   'desktop-lg'?: number | 'hidden' | 'full';
   'desktop-xl'?: number | 'hidden' | 'full';
 }
+export interface TableColumnIsLast {
+  default: boolean;
+  tablet?: boolean;
+  'desktop-xs'?: boolean;
+  'desktop-sm'?: boolean;
+  desktop?: boolean;
+  'desktop-lg'?: boolean;
+  'desktop-xl'?: boolean;
+}
 export type TableColumnSizesKey = 'default' | 'tablet' | 'desktop-xs' | 'desktop-sm' | 'desktop' | 'desktop-lg' | 'desktop-xl';
 export declare function isTableColumnSizesKey(x: TableColumnSizes, k: PropertyKey): k is keyof TableColumnSizes;

package/hydrate/index.js

@@ -21651,6 +21651,16 @@ class TabItem {
   }; }
 }
 
+const tableColumSizesOptions = [
+  'default',
+  'tablet',
+  'desktop-xs',
+  'desktop-sm',
+  'desktop',
+  'desktop-lg',
+  'desktop-xl',
+];
+
 const tableComponentCss = ".fixed{position:fixed!important}.absolute{position:absolute!important}.relative{position:relative!important}.bottom-4{bottom:1rem!important}.left-1\\/2{left:50%!important}.flex{display:flex!important}.hidden{display:none!important}.flex-shrink{flex-shrink:1!important}.-translate-x-1\\/2{--tw-translate-x:-50%!important}.-translate-x-1\\/2,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}*{box-sizing:border-box}p-table{display:flex;flex-direction:column;position:relative}p-table .p-input[type=checkbox]{flex-shrink:0}p-table p-table-container{position:relative}p-table p-table-container p-floating-menu-container{--tw-translate-x:-50%;animation:floatingMenuContainerIn .3s ease forwards!important;bottom:1rem;left:50%;position:fixed;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@media (min-width:40rem){p-table p-table-container p-floating-menu-container{bottom:4rem;position:absolute}}p-table p-table-container p-floating-menu-container:not(.shown){display:none}p-table p-table-container p-floating-menu-container.inactive{animation:floatingMenuContainerOut .3s ease forwards!important}@keyframes floatingMenuContainerOut{0%{display:flex;opacity:1;transform:translateY(0) translateX(-50%)}99%{display:flex;opacity:0;transform:translateY(100%) translateX(-50%)}to{display:none;opacity:0;transform:translateY(100%) translateX(-50%)}}@keyframes floatingMenuContainerIn{0%{display:none;opacity:0;transform:translateY(100%) translateX(-50%)}1%{display:flex;opacity:0;transform:translateY(100%) translateX(-50%)}to{display:flex;opacity:1;transform:translateY(0) translateX(-50%)}}.static{position:static!important}.mx-0{margin-left:0!important;margin-right:0!important}.mb-14{margin-bottom:3.5rem!important}.mb-6{margin-bottom:1.5rem!important}.ml-auto{margin-left:auto!important}.table{display:table!important}.h-6{height:1.5rem!important}.w-6{width:1.5rem!important}.max-w-\\[20rem\\]{max-width:20rem!important}.flex-1{flex:1 1 0%!important}.cursor-pointer{cursor:pointer!important}.resize{resize:both!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.gap-2{gap:.5rem!important}.self-center{align-self:center!important}.rounded{border-radius:.25rem!important}.py-24{padding-bottom:6rem!important;padding-top:6rem!important}.text-center{text-align:center!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.font-semibold{font-weight:600!important}.text-storm{--tw-text-opacity:1!important;color:rgb(81 83 107/var(--tw-text-opacity))!important}.text-storm-medium{--tw-text-opacity:1!important;color:rgb(128 130 158/var(--tw-text-opacity))!important}.opacity-0{opacity:0!important}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}@media (min-width:40rem){.tablet\\:flex{display:flex!important}}";
 
 class Table {
@@ -21741,7 +21751,7 @@ class Table {
   }
   render() {
     var _a, _b, _c, _d, _e, _f, _g;
-    return (hAsync(Host, { class: "p-table" }, hAsync("p-table-container", { shadow: this.shadow }, this.enableHeader && (hAsync("p-table-header", {
+    return (hAsync(Host, { class: 'p-table' }, hAsync("p-table-container", { shadow: this.shadow }, this.enableHeader && (hAsync("p-table-header", {
       // quick filters
       quickFilters: this.quickFilters, activeQuickFilterIdentifier: this.activeQuickFilterIdentifier, onQuickFilter: ({ detail }) => this.quickFilter.emit(detail),
       // search
@@ -21752,7 +21762,7 @@ class Table {
       enableAction: this.enableAction, actionIcon: this.actionButtonIcon, actionText: this.actionButtonText, actionLoading: this.actionButtonLoading, canUseAction: this.actionButtonEnabled, actionButtonTemplate: this.actionButtonTemplate, onAction: () => this.action.emit(), itemsSelectedAmount: (_a = this.selectedRows) === null || _a === void 0 ? void 0 : _a.length,
       //loading
       loading: this.headerLoading
-    }, this._hasCustomFilterSlot && (hAsync("slot", { name: "custom-filter", slot: "custom-filter" })))), this._getHeader(), hAsync("div", { class: "flex flex-col flex-1" }, this._getRows()), this.enableFooter && (hAsync("p-table-footer", {
+    }, this._hasCustomFilterSlot && (hAsync("slot", { name: 'custom-filter', slot: 'custom-filter' })))), this._getHeader(), hAsync("div", { class: 'flex flex-1 flex-col' }, this._getRows()), this.enableFooter && (hAsync("p-table-footer", {
       // overall
       hideOnSinglePage: this.hideOnSinglePage,
       // page size select
@@ -21763,17 +21773,13 @@ class Table {
       enableExport: this.enableExport, onExport: () => this.export.emit(),
       //loading
       loading: this.footerLoading
-    })), this.enableFloatingMenu && this._enableRowSelection ? (hAsync("p-floating-menu-container", { usedInTable: true, class: `${((_b = this.selectedRows) === null || _b === void 0 ? void 0 : _b.length) ? '' : 'inactive'} ${this._floatingMenuShown ? 'shown' : ''}` }, hAsync("p-floating-menu-item", { hover: false, slot: "floating-menu-item", class: ((_c = this._rowActionsFloating) === null || _c === void 0 ? void 0 : _c.length)
-        ? 'hidden tablet:flex'
-        : '' }, this.floatingMenuAmountSelectedTemplate((_d = this.selectedRows) === null || _d === void 0 ? void 0 : _d.length)), hAsync("p-divider", { class: `mx-0 text-storm ${((_e = this._rowActionsFloating) === null || _e === void 0 ? void 0 : _e.length)
-        ? 'hidden tablet:flex'
-        : ''}`, variant: "vertical", slot: "floating-menu-item" }), ((_f = this._rowActionsFloating) === null || _f === void 0 ? void 0 : _f.length) &&
-      this._rowActionsFloating.map((a) => (hAsync("p-floating-menu-item", { slot: "floating-menu-item", disabled: a.disabled, onClick: () => !a.disabled &&
+    })), this.enableFloatingMenu && this._enableRowSelection ? (hAsync("p-floating-menu-container", { usedInTable: true, class: `${((_b = this.selectedRows) === null || _b === void 0 ? void 0 : _b.length) ? '' : 'inactive'} ${this._floatingMenuShown ? 'shown' : ''}` }, hAsync("p-floating-menu-item", { hover: false, slot: 'floating-menu-item', class: ((_c = this._rowActionsFloating) === null || _c === void 0 ? void 0 : _c.length) ? 'hidden tablet:flex' : '' }, this.floatingMenuAmountSelectedTemplate((_d = this.selectedRows) === null || _d === void 0 ? void 0 : _d.length)), hAsync("p-divider", { class: `mx-0 text-storm ${((_e = this._rowActionsFloating) === null || _e === void 0 ? void 0 : _e.length) ? 'hidden tablet:flex' : ''}`, variant: 'vertical', slot: 'floating-menu-item' }), ((_f = this._rowActionsFloating) === null || _f === void 0 ? void 0 : _f.length) &&
+      this._rowActionsFloating.map(a => (hAsync("p-floating-menu-item", { slot: 'floating-menu-item', disabled: a.disabled, onClick: () => !a.disabled &&
           !a.loading &&
           !!a.action &&
           a.type === 'single'
           ? a.action(this.selectedRows[0], false)
-          : a.action(this.selectedRows, true) }, a.label, ' ', a.loading ? (hAsync("p-loader", null)) : (hAsync("p-icon", { variant: a.icon, rotate: a.iconRotate, flip: a.iconFlip }))))), ((_g = this._rowActionsFloating) === null || _g === void 0 ? void 0 : _g.length) && (hAsync("p-divider", { class: "mx-0 text-storm", variant: "vertical", slot: "floating-menu-item" })), hAsync("p-floating-menu-item", { slot: "floating-menu-item", onClick: () => this._selectAllChange(null, false) }, hAsync("p-icon", { variant: "negative" })))) : (''))));
+          : a.action(this.selectedRows, true) }, a.label, ' ', a.loading ? (hAsync("p-loader", null)) : (hAsync("p-icon", { variant: a.icon, rotate: a.iconRotate, flip: a.iconFlip }))))), ((_g = this._rowActionsFloating) === null || _g === void 0 ? void 0 : _g.length) && (hAsync("p-divider", { class: 'mx-0 text-storm', variant: 'vertical', slot: 'floating-menu-item' })), hAsync("p-floating-menu-item", { slot: 'floating-menu-item', onClick: () => this._selectAllChange(null, false) }, hAsync("p-icon", { variant: 'negative' })))) : (''))));
   }
   async _setLocales() {
     this._locales = await getLocaleComponentStrings(this._el);
@@ -21821,10 +21827,12 @@ class Table {
       const mobile = isMobile();
       // we hack this to any[] to make it work..
       const actions = Array.from(this._el.querySelectorAll(':scope > p-table-row-action'));
-      this._rowActionsRow = actions.filter((a) => a.type === 'both' || a.type === 'single');
+      this._rowActionsRow = actions.filter(a => a.type === 'both' || a.type === 'single');
       this._rowActionsFloatingAll = actions
-        .filter((a) => a.type === 'both' || a.type === 'multi' || mobile)
-        .map((a) => {
+        .filter(a => (this.enableRowSelection &&
+        (a.type === 'both' || a.type === 'multi')) ||
+        (mobile && a.type === 'single'))
+        .map(a => {
         var _a;
         if (a.type === 'single') {
           a.disabled = ((_a = this.selectedRows) === null || _a === void 0 ? void 0 : _a.length) > 1;
@@ -21846,16 +21854,19 @@ class Table {
         enableRowSelection = true;
       }
       this._enableRowSelection = enableRowSelection;
+      if (this._floatingMenuShown) {
+        this._showFloatingMenu();
+      }
     }, 200);
   }
   _generateColumns() {
     const definitions = this._el.querySelectorAll('p-table-column');
-    const definitionsArray = Array.from(definitions);
-    definitionsArray[definitionsArray.length - 1]['isLast'] = true;
+    let definitionsArray = Array.from(definitions);
+    definitionsArray = this._parseDefinitions(definitionsArray);
     this._columns = definitionsArray;
   }
   _getHeader() {
-    return (hAsync("p-table-row", { variant: "header" }, this._columns.map((col, index) => (hAsync("p-table-cell", { definition: col, value: col.name, variant: "header", checkbox: index === 0 || col.hasCheckbox
+    return (hAsync("p-table-row", { variant: 'header' }, this._columns.map((col, index) => (hAsync("p-table-cell", { definition: col, value: col.name, variant: 'header', checkbox: index === 0 || col.hasCheckbox
         ? this._getCheckbox(null, this.loading ? 'loading' : 'header')
         : null, index: index })))));
   }
@@ -21868,32 +21879,26 @@ class Table {
     if (!this._items.length) {
       return this._getEmptyState();
     }
-    return this._items.map((item, index) => (hAsync("p-table-row", { enableHover: this._enableRowSelection || this.enableRowClick, onClick: (ev) => this._rowClick(ev, index) }, this._getRowColumns(item, index))));
+    return this._items.map((item, index) => (hAsync("p-table-row", { enableHover: this._enableRowSelection || this.enableRowClick, onClick: ev => this._rowClick(ev, index) }, this._getRowColumns(item, index))));
   }
   _getRowColumns(item, index) {
     var _a;
     const columns = this._columns.map((col, colIndex) => {
-      return (hAsync("p-table-cell", { definition: col, item: item, checkbox: colIndex === 0 || col.hasCheckbox
-          ? this._getCheckbox(index)
-          : null, index: colIndex, rowIndex: index, tableHasActions: !!this._rowActionsRow.length && !isMobile() }));
+      return (hAsync("p-table-cell", { definition: col, item: item, checkbox: colIndex === 0 || col.hasCheckbox ? this._getCheckbox(index) : null, index: colIndex, rowIndex: index, tableHasActions: !!this._rowActionsRow.length && !isMobile() }));
     });
     if (((_a = this._rowActionsRow) === null || _a === void 0 ? void 0 : _a.length) && !isMobile()) {
-      const lastDef = this._columns[this._columns.length - 1];
-      const actions = this._rowActionsRow.filter((a) => a.showFunction ? a.showFunction(item) : true);
+      const def = this._parseRowActionsRowDefinition();
+      const actions = this._rowActionsRow.filter(a => a.showFunction ? a.showFunction(item) : true);
       if (!actions.length) {
         return columns;
       }
-      columns.push(hAsync("p-table-cell", { variant: "actions", definition: lastDef, item: item, index: this._columns.length - 1, rowIndex: index, tableHasActions: !!this._rowActionsRow.length }, hAsync("div", { slot: "actions", class: "flex ml-auto gap-2 items-center" }, actions.map((a) => (hAsync("p-tooltip", { content: a.label }, hAsync("p-button", { "data-is-action": true, variant: "secondary", slot: "trigger", icon: a.icon, iconRotate: a.iconRotate, iconFlip: a.iconFlip, iconOnly: true, size: "small", onClick: () => {
-          var _a;
-          return typeof a.action === 'function' &&
-            ((_a = a.action) === null || _a === void 0 ? void 0 : _a.call(a, item, false));
-        } })))))));
+      columns.push(hAsync("p-table-cell", { variant: 'actions', definition: def, item: item, index: this._columns.length - 1, rowIndex: index, tableHasActions: !!this._rowActionsRow.length }, hAsync("div", { slot: 'actions', class: 'ml-auto flex items-center gap-2' }, actions.map(a => (hAsync("p-tooltip", { content: a.label }, hAsync("p-button", { "data-is-action": true, variant: 'secondary', slot: 'trigger', icon: a.icon, iconRotate: a.iconRotate, iconFlip: a.iconFlip, iconOnly: true, size: 'small', onClick: () => { var _a; return typeof a.action === 'function' && ((_a = a.action) === null || _a === void 0 ? void 0 : _a.call(a, item, false)); } })))))));
     }
     return columns;
   }
   _getLoadingColumns(index) {
     return this._columns.map((col, colIndex) => {
-      return (hAsync("p-table-cell", { definition: col, variant: "loading", checkbox: colIndex === 0 || col.hasCheckbox
+      return (hAsync("p-table-cell", { definition: col, variant: 'loading', checkbox: colIndex === 0 || col.hasCheckbox
           ? this._getCheckbox(index, 'loading')
           : null, index: colIndex, rowIndex: index }));
     });
@@ -21905,14 +21910,14 @@ class Table {
       return;
     }
     if (variant === 'loading') {
-      return hAsync("p-loader", { variant: "ghost", class: "h-6 w-6 rounded" });
+      return (hAsync("p-loader", { variant: 'ghost', class: 'h-6 w-6 rounded' }));
     }
     if (variant === 'header') {
-      return (hAsync("input", { class: `p-input ${this._rowSelectionLimit !== undefined && 'opacity-0'}`, type: "checkbox", onChange: (ev) => this._selectAllChange(ev), checked: this._selectionContainsAll(), indeterminate: this._selectionIndeterminate(), disabled: this._rowSelectionLimit !== undefined }));
+      return (hAsync("input", { class: `p-input ${this._rowSelectionLimit !== undefined && 'opacity-0'}`, type: 'checkbox', onChange: ev => this._selectAllChange(ev), checked: this._selectionContainsAll(), indeterminate: this._selectionIndeterminate(), disabled: this._rowSelectionLimit !== undefined }));
     }
     const item = this._items[rowIndex];
     const selectionContains = this._selectionContains(rowIndex);
-    return (hAsync("input", { class: "p-input", type: "checkbox", onChange: (ev) => this._checkboxChange(ev === null || ev === void 0 ? void 0 : ev.target, rowIndex), disabled: (this.canSelectKey && !item[this.canSelectKey]) ||
+    return (hAsync("input", { class: 'p-input', type: 'checkbox', onChange: ev => this._checkboxChange(ev === null || ev === void 0 ? void 0 : ev.target, rowIndex), disabled: (this.canSelectKey && !item[this.canSelectKey]) ||
         (this._rowSelectionLimit !== undefined &&
           !selectionContains &&
           this.selectedRows.length === this._rowSelectionLimit), checked: selectionContains }));
@@ -21920,10 +21925,9 @@ class Table {
   _getEmptyState() {
     var _a;
     if (((_a = this.query) === null || _a === void 0 ? void 0 : _a.length) || this.selectedFiltersAmount) {
-      return (hAsync("div", { class: "flex max-w-[20rem] flex-col items-center self-center py-24 text-center" }, hAsync("p-illustration", { variant: "empty-state-search", class: "mb-6" }), hAsync("p", { class: "text-storm-default font-semibold" }, this.emptyStateFilteredHeader()), hAsync("p", { class: "mb-14 text-sm text-storm-medium" }, this.emptyStateFilteredContent())));
+      return (hAsync("div", { class: 'flex max-w-[20rem] flex-col items-center self-center py-24 text-center' }, hAsync("p-illustration", { variant: 'empty-state-search', class: 'mb-6' }), hAsync("p", { class: 'text-storm-default font-semibold' }, this.emptyStateFilteredHeader()), hAsync("p", { class: 'mb-14 text-sm text-storm-medium' }, this.emptyStateFilteredContent())));
     }
-    return (hAsync("div", { class: `flex max-w-[20rem] flex-col items-center self-center py-24 text-center ${this.enableEmptyStateAction && 'cursor-pointer'}`, onClick: () => this.enableEmptyStateAction &&
-        this.emptyStateActionClick.emit(null) }, hAsync("p-illustration", { variant: "empty-state-add", class: "mb-6" }), hAsync("p", { class: "text-storm-default font-semibold" }, this.emptyStateHeader()), hAsync("p", { class: "mb-6 text-sm text-storm-medium" }, this.emptyStateContent()), this.enableEmptyStateAction && (hAsync("p-button", { variant: "secondary", icon: "plus", size: "small" }, this.emptyStateAction()))));
+    return (hAsync("div", { class: `flex max-w-[20rem] flex-col items-center self-center py-24 text-center ${this.enableEmptyStateAction && 'cursor-pointer'}`, onClick: () => this.enableEmptyStateAction && this.emptyStateActionClick.emit(null) }, hAsync("p-illustration", { variant: 'empty-state-add', class: 'mb-6' }), hAsync("p", { class: 'text-storm-default font-semibold' }, this.emptyStateHeader()), hAsync("p", { class: 'mb-6 text-sm text-storm-medium' }, this.emptyStateContent()), this.enableEmptyStateAction && (hAsync("p-button", { variant: 'secondary', icon: 'plus', size: 'small' }, this.emptyStateAction()))));
   }
   _selectAllChange($event, forceValue) {
     if (!this._enableRowSelection) {
@@ -21945,8 +21949,7 @@ class Table {
         toAdd.push(row);
         this.rowSelected.emit(row);
         if (this._rowSelectionLimit !== undefined &&
-          this.selectedRows.length + toAdd.length ===
-            this._rowSelectionLimit) {
+          this.selectedRows.length + toAdd.length === this._rowSelectionLimit) {
           break;
         }
       }
@@ -21959,8 +21962,7 @@ class Table {
     }
     for (let i = 0; i < this.selectedRows.length; i++) {
       const value = this.selectedRows[i];
-      const row = this._items.find((d) => this._getSelectionValue(d, i) ===
-        this._getSelectionValue(value, i));
+      const row = this._items.find(d => this._getSelectionValue(d, i) === this._getSelectionValue(value, i));
       if (!row) {
         continue;
       }
@@ -22012,7 +22014,7 @@ class Table {
     return this.selectionKey ? (row === null || row === void 0 ? void 0 : row[this.selectionKey]) || index : index;
   }
   _selectionContains(index, returnIndex = false) {
-    const returnValue = this.selectedRows.findIndex((item) => item.index === index);
+    const returnValue = this.selectedRows.findIndex(item => item.index === index);
     return !returnIndex ? returnValue >= 0 : returnValue;
   }
   _selectionContainsAll() {
@@ -22108,14 +22110,93 @@ class Table {
   _showFloatingMenu() {
     let actions = this._rowActionsFloatingAll;
     if (this.rowSelectionLimit === 1 &&
-      actions.findIndex((a) => (a.type === 'single' || a.type === 'both') && a.showFunction) >= 0) {
-      actions = actions.filter((a) => a.type === 'multi' ||
+      actions.findIndex(a => (a.type === 'single' || a.type === 'both') && a.showFunction) >= 0) {
+      actions = actions.filter(a => a.type === 'multi' ||
         !a.showFunction ||
         a.showFunction(this.selectedRows[0]));
     }
     this._rowActionsFloating = actions;
     this._floatingMenuShown = true;
   }
+  _parseDefinitions(definitionsArray) {
+    const definitions = definitionsArray.map(definition => {
+      definition = this._parseDefinitionSizes(definition);
+      definition.isLast = {};
+      return definition;
+    });
+    const matchedIsLast = tableColumSizesOptions.reduce((data, size) => {
+      data[size] = false;
+      return data;
+    }, {});
+    for (let i = definitions.length - 1; i >= 0; i--) {
+      const definition = definitions[i];
+      for (const size of tableColumSizesOptions) {
+        if (matchedIsLast[size]) {
+          definition.isLast[size] = false;
+          continue;
+        }
+        if (definition.parsedSizes[size] === 'hidden') {
+          definition.isLast[size] = false;
+          continue;
+        }
+        const isLastAtSizeFound = this._findLastDefinitionBySize(definitions, size);
+        if (isLastAtSizeFound) {
+          definition.isLast[size] = false;
+          continue;
+        }
+        definition.isLast[size] = true;
+      }
+    }
+    return definitions;
+  }
+  _findLastDefinitionBySize(definitions, size) {
+    return definitions
+      .slice()
+      .reverse()
+      .find(d => d.isLast[size] === true);
+  }
+  _parseDefinitionSizes(definition) {
+    var _a;
+    const definitionAny = definition;
+    let parsedSizes = { default: 'full' };
+    if (typeof definition.sizes === 'string' &&
+      !['auto', 'hidden', 'full'].includes(definition.sizes)) {
+      definition.sizes = JSON.parse(definition.sizes);
+    }
+    for (const [index, size] of tableColumSizesOptions.entries()) {
+      if (definitionAny.sizes === 'auto' ||
+        definitionAny.sizes === 'hidden' ||
+        definitionAny.sizes === 'full' ||
+        typeof definitionAny.sizes === 'number') {
+        parsedSizes[size] =
+          definitionAny.sizes === 'auto' ? 'full' : definitionAny.sizes;
+        continue;
+      }
+      parsedSizes[size] =
+        (_a = definitionAny.sizes[size]) !== null && _a !== void 0 ? _a : parsedSizes[tableColumSizesOptions[index - 1]];
+    }
+    definition.parsedSizes = parsedSizes;
+    return definition;
+  }
+  _parseRowActionsRowDefinition() {
+    const isLast = tableColumSizesOptions.reduce((data, size) => {
+      data[size] = true;
+      return data;
+    }, {});
+    const sizes = { default: 0 };
+    for (const size of tableColumSizesOptions) {
+      const lastColumn = this._findLastDefinitionBySize(this._columns, size);
+      sizes[size] = lastColumn.parsedSizes[size];
+    }
+    return {
+      isLast,
+      sizes,
+      parsedSizes: sizes,
+      align: 'end',
+      type: 'td',
+      path: null,
+    };
+  }
   get _el() { return getElement(this); }
   static get watchers() { return {
     "items": ["_parseItems"],
@@ -22189,7 +22270,7 @@ function isTableColumnSizesKey(x, k) {
   return k in x;
 }
 
-const tableCellComponentCss = ".gap-4{gap:1rem!important}*{box-sizing:border-box}p-table-cell{align-items:center;gap:1rem}.static{position:static!important}.flex{display:flex!important}.table-cell{display:table-cell!important}.hidden{display:none!important}.h-6{height:1.5rem!important}.w-1\\/12{width:8.333333%!important}.w-10\\/12{width:83.333333%!important}.w-11\\/12{width:91.666667%!important}.w-2\\/12{width:16.666667%!important}.w-3\\/12{width:25%!important}.w-4\\/12{width:33.333333%!important}.w-5\\/12{width:41.666667%!important}.w-6\\/12{width:50%!important}.w-7\\/12{width:58.333333%!important}.w-8\\/12{width:66.666667%!important}.w-9\\/12{width:75%!important}.w-auto{width:auto!important}.w-full{width:100%!important}.flex-1{flex:1 1 0%!important}.justify-start{justify-content:flex-start!important}.justify-end{justify-content:flex-end!important}.justify-center{justify-content:center!important}.rounded{border-radius:.25rem!important}.pr-4{padding-right:1rem!important}.font-semibold{font-weight:600!important}.text-storm-dark{--tw-text-opacity:1!important;color:rgb(39 40 56/var(--tw-text-opacity))!important}.group:hover .group-hover\\:flex{display:flex!important}.group:hover .group-hover\\:hidden{display:none!important}@media (min-width:40rem){.tablet\\:w-1\\/12{width:8.333333%!important}.tablet\\:w-10\\/12{width:83.333333%!important}.tablet\\:w-11\\/12{width:91.666667%!important}.tablet\\:w-2\\/12{width:16.666667%!important}.tablet\\:w-3\\/12{width:25%!important}.tablet\\:w-4\\/12{width:33.333333%!important}.tablet\\:w-5\\/12{width:41.666667%!important}.tablet\\:w-6\\/12{width:50%!important}.tablet\\:w-7\\/12{width:58.333333%!important}.tablet\\:w-8\\/12{width:66.666667%!important}.tablet\\:w-9\\/12{width:75%!important}}@media (min-width:64rem){.desktop-xs\\:w-1\\/12{width:8.333333%!important}.desktop-xs\\:w-10\\/12{width:83.333333%!important}.desktop-xs\\:w-11\\/12{width:91.666667%!important}.desktop-xs\\:w-2\\/12{width:16.666667%!important}.desktop-xs\\:w-3\\/12{width:25%!important}.desktop-xs\\:w-4\\/12{width:33.333333%!important}.desktop-xs\\:w-5\\/12{width:41.666667%!important}.desktop-xs\\:w-6\\/12{width:50%!important}.desktop-xs\\:w-7\\/12{width:58.333333%!important}.desktop-xs\\:w-8\\/12{width:66.666667%!important}.desktop-xs\\:w-9\\/12{width:75%!important}}@media (min-width:80rem){.desktop-sm\\:w-1\\/12{width:8.333333%!important}.desktop-sm\\:w-10\\/12{width:83.333333%!important}.desktop-sm\\:w-11\\/12{width:91.666667%!important}.desktop-sm\\:w-2\\/12{width:16.666667%!important}.desktop-sm\\:w-3\\/12{width:25%!important}.desktop-sm\\:w-4\\/12{width:33.333333%!important}.desktop-sm\\:w-5\\/12{width:41.666667%!important}.desktop-sm\\:w-6\\/12{width:50%!important}.desktop-sm\\:w-7\\/12{width:58.333333%!important}.desktop-sm\\:w-8\\/12{width:66.666667%!important}.desktop-sm\\:w-9\\/12{width:75%!important}}@media (min-width:85.375rem){.desktop\\:w-1\\/12{width:8.333333%!important}.desktop\\:w-10\\/12{width:83.333333%!important}.desktop\\:w-11\\/12{width:91.666667%!important}.desktop\\:w-2\\/12{width:16.666667%!important}.desktop\\:w-3\\/12{width:25%!important}.desktop\\:w-4\\/12{width:33.333333%!important}.desktop\\:w-5\\/12{width:41.666667%!important}.desktop\\:w-6\\/12{width:50%!important}.desktop\\:w-7\\/12{width:58.333333%!important}.desktop\\:w-8\\/12{width:66.666667%!important}.desktop\\:w-9\\/12{width:75%!important}}@media (min-width:90rem){.desktop-lg\\:w-1\\/12{width:8.333333%!important}.desktop-lg\\:w-10\\/12{width:83.333333%!important}.desktop-lg\\:w-11\\/12{width:91.666667%!important}.desktop-lg\\:w-2\\/12{width:16.666667%!important}.desktop-lg\\:w-3\\/12{width:25%!important}.desktop-lg\\:w-4\\/12{width:33.333333%!important}.desktop-lg\\:w-5\\/12{width:41.666667%!important}.desktop-lg\\:w-6\\/12{width:50%!important}.desktop-lg\\:w-7\\/12{width:58.333333%!important}.desktop-lg\\:w-8\\/12{width:66.666667%!important}.desktop-lg\\:w-9\\/12{width:75%!important}}@media (min-width:120rem){.desktop-xl\\:w-1\\/12{width:8.333333%!important}.desktop-xl\\:w-10\\/12{width:83.333333%!important}.desktop-xl\\:w-11\\/12{width:91.666667%!important}.desktop-xl\\:w-2\\/12{width:16.666667%!important}.desktop-xl\\:w-3\\/12{width:25%!important}.desktop-xl\\:w-4\\/12{width:33.333333%!important}.desktop-xl\\:w-5\\/12{width:41.666667%!important}.desktop-xl\\:w-6\\/12{width:50%!important}.desktop-xl\\:w-7\\/12{width:58.333333%!important}.desktop-xl\\:w-8\\/12{width:66.666667%!important}.desktop-xl\\:w-9\\/12{width:75%!important}}";
+const tableCellComponentCss = ".gap-4{gap:1rem!important}*{box-sizing:border-box}p-table-cell{align-items:center;gap:1rem}.static{position:static!important}.flex{display:flex!important}.table-cell{display:table-cell!important}.hidden{display:none!important}.h-6{height:1.5rem!important}.w-1\\/12{width:8.333333%!important}.w-10\\/12{width:83.333333%!important}.w-11\\/12{width:91.666667%!important}.w-2\\/12{width:16.666667%!important}.w-3\\/12{width:25%!important}.w-4\\/12{width:33.333333%!important}.w-5\\/12{width:41.666667%!important}.w-6\\/12{width:50%!important}.w-7\\/12{width:58.333333%!important}.w-8\\/12{width:66.666667%!important}.w-9\\/12{width:75%!important}.w-auto{width:auto!important}.w-full{width:100%!important}.flex-1{flex:1 1 0%!important}.justify-start{justify-content:flex-start!important}.justify-end{justify-content:flex-end!important}.justify-center{justify-content:center!important}.rounded{border-radius:.25rem!important}.pr-4{padding-right:1rem!important}.font-semibold{font-weight:600!important}.text-storm-dark{--tw-text-opacity:1!important;color:rgb(39 40 56/var(--tw-text-opacity))!important}.group:hover .group-hover\\:flex{display:flex!important}.group:hover .group-hover\\:hidden{display:none!important}@media (min-width:40rem){.tablet\\:flex{display:flex!important}.tablet\\:hidden{display:none!important}.tablet\\:w-1\\/12{width:8.333333%!important}.tablet\\:w-10\\/12{width:83.333333%!important}.tablet\\:w-11\\/12{width:91.666667%!important}.tablet\\:w-2\\/12{width:16.666667%!important}.tablet\\:w-3\\/12{width:25%!important}.tablet\\:w-4\\/12{width:33.333333%!important}.tablet\\:w-5\\/12{width:41.666667%!important}.tablet\\:w-6\\/12{width:50%!important}.tablet\\:w-7\\/12{width:58.333333%!important}.tablet\\:w-8\\/12{width:66.666667%!important}.tablet\\:w-9\\/12{width:75%!important}.group:hover .tablet\\:group-hover\\:flex{display:flex!important}.group:hover .tablet\\:group-hover\\:hidden{display:none!important}}@media (min-width:64rem){.desktop-xs\\:flex{display:flex!important}.desktop-xs\\:hidden{display:none!important}.desktop-xs\\:w-1\\/12{width:8.333333%!important}.desktop-xs\\:w-10\\/12{width:83.333333%!important}.desktop-xs\\:w-11\\/12{width:91.666667%!important}.desktop-xs\\:w-2\\/12{width:16.666667%!important}.desktop-xs\\:w-3\\/12{width:25%!important}.desktop-xs\\:w-4\\/12{width:33.333333%!important}.desktop-xs\\:w-5\\/12{width:41.666667%!important}.desktop-xs\\:w-6\\/12{width:50%!important}.desktop-xs\\:w-7\\/12{width:58.333333%!important}.desktop-xs\\:w-8\\/12{width:66.666667%!important}.desktop-xs\\:w-9\\/12{width:75%!important}.group:hover .desktop-xs\\:group-hover\\:flex{display:flex!important}.group:hover .desktop-xs\\:group-hover\\:hidden{display:none!important}}@media (min-width:80rem){.desktop-sm\\:flex{display:flex!important}.desktop-sm\\:hidden{display:none!important}.desktop-sm\\:w-1\\/12{width:8.333333%!important}.desktop-sm\\:w-10\\/12{width:83.333333%!important}.desktop-sm\\:w-11\\/12{width:91.666667%!important}.desktop-sm\\:w-2\\/12{width:16.666667%!important}.desktop-sm\\:w-3\\/12{width:25%!important}.desktop-sm\\:w-4\\/12{width:33.333333%!important}.desktop-sm\\:w-5\\/12{width:41.666667%!important}.desktop-sm\\:w-6\\/12{width:50%!important}.desktop-sm\\:w-7\\/12{width:58.333333%!important}.desktop-sm\\:w-8\\/12{width:66.666667%!important}.desktop-sm\\:w-9\\/12{width:75%!important}.group:hover .desktop-sm\\:group-hover\\:flex{display:flex!important}.group:hover .desktop-sm\\:group-hover\\:hidden{display:none!important}}@media (min-width:85.375rem){.desktop\\:flex{display:flex!important}.desktop\\:hidden{display:none!important}.desktop\\:w-1\\/12{width:8.333333%!important}.desktop\\:w-10\\/12{width:83.333333%!important}.desktop\\:w-11\\/12{width:91.666667%!important}.desktop\\:w-2\\/12{width:16.666667%!important}.desktop\\:w-3\\/12{width:25%!important}.desktop\\:w-4\\/12{width:33.333333%!important}.desktop\\:w-5\\/12{width:41.666667%!important}.desktop\\:w-6\\/12{width:50%!important}.desktop\\:w-7\\/12{width:58.333333%!important}.desktop\\:w-8\\/12{width:66.666667%!important}.desktop\\:w-9\\/12{width:75%!important}.group:hover .desktop\\:group-hover\\:flex{display:flex!important}.group:hover .desktop\\:group-hover\\:hidden{display:none!important}}@media (min-width:90rem){.desktop-lg\\:flex{display:flex!important}.desktop-lg\\:hidden{display:none!important}.desktop-lg\\:w-1\\/12{width:8.333333%!important}.desktop-lg\\:w-10\\/12{width:83.333333%!important}.desktop-lg\\:w-11\\/12{width:91.666667%!important}.desktop-lg\\:w-2\\/12{width:16.666667%!important}.desktop-lg\\:w-3\\/12{width:25%!important}.desktop-lg\\:w-4\\/12{width:33.333333%!important}.desktop-lg\\:w-5\\/12{width:41.666667%!important}.desktop-lg\\:w-6\\/12{width:50%!important}.desktop-lg\\:w-7\\/12{width:58.333333%!important}.desktop-lg\\:w-8\\/12{width:66.666667%!important}.desktop-lg\\:w-9\\/12{width:75%!important}.group:hover .desktop-lg\\:group-hover\\:flex{display:flex!important}.group:hover .desktop-lg\\:group-hover\\:hidden{display:none!important}}@media (min-width:120rem){.desktop-xl\\:flex{display:flex!important}.desktop-xl\\:hidden{display:none!important}.desktop-xl\\:w-1\\/12{width:8.333333%!important}.desktop-xl\\:w-10\\/12{width:83.333333%!important}.desktop-xl\\:w-11\\/12{width:91.666667%!important}.desktop-xl\\:w-2\\/12{width:16.666667%!important}.desktop-xl\\:w-3\\/12{width:25%!important}.desktop-xl\\:w-4\\/12{width:33.333333%!important}.desktop-xl\\:w-5\\/12{width:41.666667%!important}.desktop-xl\\:w-6\\/12{width:50%!important}.desktop-xl\\:w-7\\/12{width:58.333333%!important}.desktop-xl\\:w-8\\/12{width:66.666667%!important}.desktop-xl\\:w-9\\/12{width:75%!important}.group:hover .desktop-xl\\:group-hover\\:flex{display:flex!important}.group:hover .desktop-xl\\:group-hover\\:hidden{display:none!important}}";
 
 class TableCell {
   constructor(hostRef) {
@@ -22223,10 +22304,10 @@ class TableCell {
   }
   _getContent() {
     if (this.variant === 'loading') {
-      return (hAsync("p-loader", { variant: "ghost", class: "h-6 w-full flex-1 rounded" }));
+      return (hAsync("p-loader", { variant: 'ghost', class: 'h-6 w-full flex-1 rounded' }));
     }
     if (this.variant === 'actions') {
-      return hAsync("slot", { name: "actions" });
+      return hAsync("slot", { name: 'actions' });
     }
     return (hAsync("div", { class: {
         flex: true,
@@ -22238,9 +22319,10 @@ class TableCell {
   _getColumnClasses() {
     var _a, _b, _c, _d, _e, _f;
     const sizes = this.definition ? this._getSizes(this.definition) : {};
-    return Object.assign({ 'justify-start': !((_a = this.definition) === null || _a === void 0 ? void 0 : _a.align) || ((_b = this.definition) === null || _b === void 0 ? void 0 : _b.align) === 'start', 'justify-center': ((_c = this.definition) === null || _c === void 0 ? void 0 : _c.align) === 'center', 'justify-end': ((_d = this.definition) === null || _d === void 0 ? void 0 : _d.align) === 'end', 'font-semibold': this.variant !== 'header' && ((_e = this.definition) === null || _e === void 0 ? void 0 : _e.type) === 'th', 'text-storm-dark': this.variant !== 'header' && ((_f = this.definition) === null || _f === void 0 ? void 0 : _f.type) === 'th', 'pr-4': this.definition.isLast === false, 'group-hover:hidden': this.definition.isLast &&
-        this.tableHasActions &&
-        this.variant !== 'actions', 'group-hover:flex': this.variant === 'actions' && this.tableHasActions, hidden: this.variant === 'actions' && this.tableHasActions, flex: this.variant !== 'actions' }, sizes);
+    const isLastValues = this.definition
+      ? this._getIsLastValues(this.definition)
+      : {};
+    return Object.assign(Object.assign({ 'justify-start': !((_a = this.definition) === null || _a === void 0 ? void 0 : _a.align) || ((_b = this.definition) === null || _b === void 0 ? void 0 : _b.align) === 'start', 'justify-center': ((_c = this.definition) === null || _c === void 0 ? void 0 : _c.align) === 'center', 'justify-end': ((_d = this.definition) === null || _d === void 0 ? void 0 : _d.align) === 'end', 'font-semibold': this.variant !== 'header' && ((_e = this.definition) === null || _e === void 0 ? void 0 : _e.type) === 'th', 'text-storm-dark': this.variant !== 'header' && ((_f = this.definition) === null || _f === void 0 ? void 0 : _f.type) === 'th', 'group-hover:flex': this.variant === 'actions' && this.tableHasActions, hidden: this.variant === 'actions' && this.tableHasActions }, sizes), isLastValues);
   }
   /*
      With this, we shall hack the system in ways no one would ever have thought.
@@ -22253,6 +22335,13 @@ class TableCell {
      <div class="desktop:w-1/12 desktop:w-2/12 desktop:w-3/12 desktop:w-4/12 desktop:w-5/12 desktop:w-6/12 desktop:w-7/12 desktop:w-8/12 desktop:w-9/12 desktop:w-10/12 desktop:w-11/12 desktop:w-12/12"></div>
      <div class="desktop-lg:w-1/12 desktop-lg:w-2/12 desktop-lg:w-3/12 desktop-lg:w-4/12 desktop-lg:w-5/12 desktop-lg:w-6/12 desktop-lg:w-7/12 desktop-lg:w-8/12 desktop-lg:w-9/12 desktop-lg:w-10/12 desktop-lg:w-11/12 desktop-lg:w-12/12"></div>
      <div class="desktop-xl:w-1/12 desktop-xl:w-2/12 desktop-xl:w-3/12 desktop-xl:w-4/12 desktop-xl:w-5/12 desktop-xl:w-6/12 desktop-xl:w-7/12 desktop-xl:w-8/12 desktop-xl:w-9/12 desktop-xl:w-10/12 desktop-xl:w-11/12 desktop-xl:w-12/12"></div>
+     <div class="hidden flex group-hover:hidden group-hover:flex"></div>
+     <div class="tablet:hidden tablet:flex tablet:group-hover:hidden tablet:group-hover:flex"></div>
+     <div class="desktop-xs:hidden desktop-xs:flex desktop-xs:group-hover:hidden desktop-xs:group-hover:flex"></div>
+     <div class="desktop-sm:hidden desktop-sm:flex  desktop-sm:group-hover:hidden desktop-sm:group-hover:flex"></div>
+     <div class="desktop:hidden desktop:flex desktop:group-hover:hidden desktop:group-hover:flex"></div>
+     <div class="desktop-lg:hidden desktop-lg:flex desktop-lg:group-hover:hidden desktop-lg:group-hover:flex"></div>
+     <div class="desktop-xl:hidden desktop-xl:flex desktop-xl:group-hover:hidden desktop-xl:group-hover:flex"></div>
 
 
         ⠀⠀⠀⠀⠀⣠⣴⣶⣿⣿⠿⣷⣶⣤⣄⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣠⣴⣶⣷⠿⣿⣿⣶⣦⣀⠀⠀⠀⠀⠀
@@ -22342,6 +22431,25 @@ class TableCell {
       [`w-${sizes}/12`]: true,
     };
   }
+  _getIsLastValues({ isLast, parsedSizes, } /* Table Definition */) {
+    const values = {};
+    for (let size of Object.keys(isLast)) {
+      let prefix = '';
+      if (size !== 'default') {
+        prefix = `${size}:`;
+      }
+      values[`${prefix}pr-4`] = !isLast[size];
+      values[`${prefix}group-hover:hidden`] =
+        isLast[size] && this.tableHasActions && this.variant !== 'actions';
+      values[`${prefix}group-hover:flex`] =
+        parsedSizes[size] !== 'hidden' ||
+          this.variant === 'actions';
+      values[`${prefix}flex`] =
+        parsedSizes[size] !== 'hidden' &&
+          this.variant !== 'actions';
+    }
+    return values;
+  }
   static get style() { return tableCellComponentCss; }
   static get cmpMeta() { return {
     "$flags$": 4,
@@ -22373,7 +22481,8 @@ class TableColumn {
     this.useSlot = false;
     this.hasCheckbox = false;
     this.align = 'start';
-    this.isLast = false;
+    this.isLast = {};
+    this.parsedSizes = undefined;
     this.sizes = 'auto';
   }
   componentDidUpdate() {
@@ -22392,12 +22501,13 @@ class TableColumn {
       "useSlot": [1540, "use-slot"],
       "hasCheckbox": [1540, "has-checkbox"],
       "align": [1537],
-      "isLast": [1540, "is-last"],
+      "isLast": [1040],
+      "parsedSizes": [1040],
       "sizes": [1032]
     },
     "$listeners$": undefined,
     "$lazyBundleId$": "-",
-    "$attrsToReflect$": [["path", "path"], ["type", "type"], ["name", "name"], ["useSlot", "use-slot"], ["hasCheckbox", "has-checkbox"], ["align", "align"], ["isLast", "is-last"]]
+    "$attrsToReflect$": [["path", "path"], ["type", "type"], ["name", "name"], ["useSlot", "use-slot"], ["hasCheckbox", "has-checkbox"], ["align", "align"]]
   }; }
 }