@paperless/core 1.42.4 → 1.43.0

package/hydrate/index.js

@@ -17852,6 +17852,38 @@ const objectGetByPath = (obj, path, defaultValue = undefined) => {
   return result === undefined || result === obj ? defaultValue : result;
 };
 
+var screens = {
+  tablet: '40rem',
+  'desktop-xs': '64rem',
+  'desktop-sm': '80rem',
+  desktop: '85.375rem',
+  'desktop-lg': '90rem',
+  'desktop-xl': '120rem',
+  // layout sizes
+  'layout-1280': '80rem',
+  'layout-1440': '90rem',
+  'layout-1536': '96rem',
+  'layout-1680': '105rem',
+  'layout-1920': '120rem',
+  'layout-2560': '160rem',
+};
+
+const getScreenSize = (size) => screens[size];
+const getScreenSizeInRem = (size) => {
+  const screen = getScreenSize(size);
+  return parseInt(screen.replace('rem', ''), 10);
+};
+const getScreenSizeInPixels = (size) => {
+  const rem = getScreenSizeInRem(size);
+  return rem * 16;
+};
+const isSmallerThanScreen = (size) => {
+  const pixels = getScreenSizeInPixels(size);
+  return window.innerWidth < pixels;
+};
+const isTouchDevice = () => !!window.matchMedia('(pointer: coarse)').matches;
+const isMobile = () => isTouchDevice() || isSmallerThanScreen('tablet');
+
 const datepickerComponentCss = ".flex{display:flex!important}*{box-sizing:border-box}:host{display:flex;flex-direction:column}:host input.read-only{text-overflow:ellipsis}.static{position:static!important}.cursor-pointer{cursor:pointer!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}";
 
 class Datepicker {
@@ -19737,12 +19769,13 @@ class FloatingMenuContainer {
   }; }
 }
 
-const floatingMenuItemComponentCss = "/*!@.flex*/.flex.sc-p-floating-menu-item{display:flex!important}/*!@.h-6*/.h-6.sc-p-floating-menu-item{height:1.5rem!important}/*!@.cursor-pointer*/.cursor-pointer.sc-p-floating-menu-item{cursor:pointer!important}/*!@.items-center*/.items-center.sc-p-floating-menu-item{align-items:center!important}/*!@.gap-2*/.gap-2.sc-p-floating-menu-item{gap:.5rem!important}/*!@.whitespace-nowrap*/.whitespace-nowrap.sc-p-floating-menu-item{white-space:nowrap!important}/*!@.text-sm*/.text-sm.sc-p-floating-menu-item{font-size:.875rem!important;line-height:1.25rem!important}/*!@**/*.sc-p-floating-menu-item{box-sizing:border-box}/*!@:host*/.sc-p-floating-menu-item-h{--tw-text-opacity:1;align-items:center;color:rgb(152 154 183/var(--tw-text-opacity));display:flex;font-size:.875rem;gap:.5rem;height:1.5rem;line-height:1.25rem;white-space:nowrap}/*!@:host([hover])*/[hover].sc-p-floating-menu-item-h{cursor:pointer;font-weight:600}/*!@:host([hover]:hover)*/[hover].sc-p-floating-menu-item-h:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}/*!@.static*/.static.sc-p-floating-menu-item{position:static!important}";
+const floatingMenuItemComponentCss = "/*!@.flex*/.flex.sc-p-floating-menu-item{display:flex!important}/*!@.h-6*/.h-6.sc-p-floating-menu-item{height:1.5rem!important}/*!@.cursor-pointer*/.cursor-pointer.sc-p-floating-menu-item{cursor:pointer!important}/*!@.items-center*/.items-center.sc-p-floating-menu-item{align-items:center!important}/*!@.gap-2*/.gap-2.sc-p-floating-menu-item{gap:.5rem!important}/*!@.whitespace-nowrap*/.whitespace-nowrap.sc-p-floating-menu-item{white-space:nowrap!important}/*!@.text-sm*/.text-sm.sc-p-floating-menu-item{font-size:.875rem!important;line-height:1.25rem!important}/*!@.opacity-40*/.opacity-40.sc-p-floating-menu-item{opacity:.4!important}/*!@**/*.sc-p-floating-menu-item{box-sizing:border-box}/*!@:host*/.sc-p-floating-menu-item-h{--tw-text-opacity:1;align-items:center;color:rgb(152 154 183/var(--tw-text-opacity));display:flex;font-size:.875rem;gap:.5rem;height:1.5rem;line-height:1.25rem;white-space:nowrap}/*!@:host([hover])*/[hover].sc-p-floating-menu-item-h{cursor:pointer;font-weight:600}/*!@:host([disabled=true]),:host([disabled])*/[disabled=true].sc-p-floating-menu-item-h,[disabled].sc-p-floating-menu-item-h{opacity:.4;pointer-events:none}/*!@:host([hover]:hover:not([disabled]))*/[hover].sc-p-floating-menu-item-h:hover:not([disabled]){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}/*!@.static*/.static.sc-p-floating-menu-item{position:static!important}";
 
 class FloatingMenuItem {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.hover = true;
+    this.disabled = false;
   }
   render() {
     return (hAsync(Host, { class: "p-floating-menu-item" }, hAsync("slot", null)));
@@ -19752,11 +19785,12 @@ class FloatingMenuItem {
     "$flags$": 9,
     "$tagName$": "p-floating-menu-item",
     "$members$": {
-      "hover": [516]
+      "hover": [516],
+      "disabled": [516]
     },
     "$listeners$": undefined,
     "$lazyBundleId$": "-",
-    "$attrsToReflect$": [["hover", "hover"]]
+    "$attrsToReflect$": [["hover", "hover"], ["disabled", "disabled"]]
   }; }
 }
 
@@ -21599,7 +21633,7 @@ class TabItem {
   }; }
 }
 
-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}p-table p-table-container p-floating-menu-container .hide-mobile{display:none}@media (min-width:40rem){p-table p-table-container p-floating-menu-container .hide-mobile{display:block}}@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%)}}@media (min-width:40rem){.tablet\\:block{display:block!important}}.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}.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}.flex-col{flex-direction:column!important}.items-center{align-items:center!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}";
+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}p-table p-table-container p-floating-menu-container .hide-mobile{display:none}@media (min-width:40rem){p-table p-table-container p-floating-menu-container .hide-mobile{display:block}}@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%)}}@media (min-width:40rem){.tablet\\:block{display:block!important}}.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}";
 
 class Table {
   constructor(hostRef) {
@@ -21619,7 +21653,6 @@ class Table {
     this.emptyStateActionClick = createEvent(this, "emptyStateActionClick", 3);
     this._ctrlDown = false;
     this._hasCustomFilterSlot = false;
-    this._hasFloatingMenuItems = false;
     this._floatingMenuShown = false;
     this.items = undefined;
     this.loading = false;
@@ -21672,10 +21705,14 @@ class Table {
     this._locales = {};
     this._columns = [];
     this._items = [];
+    this._enableRowSelection = this.enableRowSelection;
+    this._rowSelectionLimit = undefined;
+    this._rowActionsFloating = [];
+    this._rowActionsRow = [];
   }
   componentWillLoad() {
     this._hasCustomFilterSlot = !!this._el.querySelector(':scope > [slot="custom-filter"]');
-    this._hasFloatingMenuItems = !!this._el.querySelectorAll(':scope > [slot="floating-menu-item"]').length;
+    this._setRowSelectionData();
     this._setLocales();
     this._parseItems(this.items);
     this._generateColumns();
@@ -21684,7 +21721,7 @@ class Table {
     this.hasRendered.emit();
   }
   render() {
-    var _a, _b, _c;
+    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", {
       // quick filters
       quickFilters: this.quickFilters, activeQuickFilterIdentifier: this.activeQuickFilterIdentifier, onQuickFilter: ({ detail }) => this.quickFilter.emit(detail),
@@ -21707,11 +21744,16 @@ 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: this._hasFloatingMenuItems
+    })), 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)
         ? 'hide-mobile'
-        : '' }, this.floatingMenuAmountSelectedTemplate((_c = this.selectedRows) === null || _c === void 0 ? void 0 : _c.length)), hAsync("p-divider", { class: `mx-0 text-storm ${this._hasFloatingMenuItems
+        : '' }, 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)
         ? 'hide-mobile'
-        : ''}`, variant: "vertical", slot: "floating-menu-item" }), this._hasFloatingMenuItems && (hAsync("slot", { name: "floating-menu-item" })), this._hasFloatingMenuItems && (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" })))) : (''))));
+        : ''}`, 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.action &&
+          a.type === 'single'
+          ? a.action(this.selectedRows[0], false)
+          : a.action(this.selectedRows, true) }, a.label, ' ', 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);
@@ -21748,6 +21790,44 @@ class Table {
     }
     this._items = JSON.parse(items);
   }
+  _setRowSelectionData() {
+    if (this._resizeTimeout) {
+      clearTimeout(this._resizeTimeout);
+    }
+    // We add a timeout here because it's a lot easier on the machine to do these when someone is done
+    // resizing and playing around with their browser
+    this._resizeTimeout = setTimeout(() => {
+      var _a, _b;
+      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._rowActionsFloating = actions
+        .filter((a) => a.type === 'both' || a.type === 'multi' || mobile)
+        .map((a) => {
+        var _a;
+        if (a.type === 'single') {
+          a.disabled = ((_a = this.selectedRows) === null || _a === void 0 ? void 0 : _a.length) > 1;
+        }
+        return a;
+      });
+      let rowSelectionLimit = this.rowSelectionLimit;
+      if (mobile && // we're mobile
+        ((_a = this._rowActionsFloating) === null || _a === void 0 ? void 0 : _a.length) && // we have atleast 1 item in _rowActionsFloating
+        ((rowSelectionLimit !== undefined && this.enableRowSelection) ||
+          !this.enableRowSelection)) {
+        rowSelectionLimit = 1;
+      }
+      this._rowSelectionLimit = rowSelectionLimit;
+      let enableRowSelection = this.enableRowSelection;
+      if (mobile && // we're mobile
+        ((_b = this._rowActionsFloating) === null || _b === void 0 ? void 0 : _b.length) && // we have atleast 1 item in _rowActionsFloating
+        !enableRowSelection) {
+        enableRowSelection = true;
+      }
+      this._enableRowSelection = enableRowSelection;
+    }, 200);
+  }
   _generateColumns() {
     const definitions = this._el.querySelectorAll('p-table-column');
     const definitionsArray = Array.from(definitions);
@@ -21763,19 +21843,29 @@ class Table {
     if (this.loading) {
       return Array.from({
         length: this.amountOfLoadingRows,
-      }, (_, i) => (hAsync("p-table-row", { enableHover: this.enableRowSelection || this.enableRowClick }, this._getLoadingColumns(i))));
+      }, (_, i) => (hAsync("p-table-row", { enableHover: this._enableRowSelection || this.enableRowClick }, this._getLoadingColumns(i))));
     }
     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) {
-    return this._columns.map((col, colIndex) => {
+    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 }));
+          : 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];
+      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" }, this._rowActionsRow.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) => {
@@ -21785,21 +21875,23 @@ class Table {
     });
   }
   _getCheckbox(rowIndex, variant = 'default') {
-    if (!this.enableRowSelection || !this.selectionKey) {
+    var _a;
+    if (!this._enableRowSelection ||
+      (!this.selectionKey && !((_a = this._rowActionsFloating) === null || _a === void 0 ? void 0 : _a.length))) {
       return;
     }
     if (variant === 'loading') {
       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(item, 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]) ||
-        (this.rowSelectionLimit !== undefined &&
+        (this._rowSelectionLimit !== undefined &&
           !selectionContains &&
-          this.selectedRows.length === this.rowSelectionLimit), checked: selectionContains }));
+          this.selectedRows.length === this._rowSelectionLimit), checked: selectionContains }));
   }
   _getEmptyState() {
     var _a;
@@ -21810,7 +21902,7 @@ class Table {
         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) {
+    if (!this._enableRowSelection) {
       return;
     }
     const value = forceValue === undefined
@@ -21823,14 +21915,14 @@ class Table {
         if (this.canSelectKey && !row[this.canSelectKey]) {
           continue;
         }
-        if (this._selectionContains(row, i)) {
+        if (this._selectionContains(i)) {
           continue;
         }
         toAdd.push(row);
         this.rowSelected.emit(row);
-        if (this.rowSelectionLimit !== undefined &&
+        if (this._rowSelectionLimit !== undefined &&
           this.selectedRows.length + toAdd.length ===
-            this.rowSelectionLimit) {
+            this._rowSelectionLimit) {
           break;
         }
       }
@@ -21854,13 +21946,13 @@ class Table {
     this.selectedRowsChange.emit(this.selectedRows);
   }
   _checkboxChange(target, index) {
-    if (!this.enableRowSelection) {
+    if (!this._enableRowSelection) {
       return;
     }
     const value = this._getCheckedValue(target);
     if (value &&
-      this.rowSelectionLimit !== undefined &&
-      this.selectedRows.length >= this.rowSelectionLimit) {
+      this._rowSelectionLimit !== undefined &&
+      this.selectedRows.length >= this._rowSelectionLimit) {
       target.checked = false;
       return;
     }
@@ -21870,7 +21962,10 @@ class Table {
       return;
     }
     if (value) {
-      this.selectedRows = [...this.selectedRows, row];
+      this.selectedRows = [
+        ...this.selectedRows,
+        Object.assign(Object.assign({}, row), { index }),
+      ];
       this.selectedRowsChange.emit(this.selectedRows);
       this.rowSelected.emit(row);
       if (this.enableFloatingMenu && !this._floatingMenuShown) {
@@ -21878,7 +21973,7 @@ class Table {
       }
       return;
     }
-    const indexOfToRemove = this._selectionContains(row, index, true);
+    const indexOfToRemove = this._selectionContains(index, true);
     // we need to do this, because splice does not trigger the selection setter.
     const selection = [...this.selectedRows];
     selection.splice(indexOfToRemove, 1);
@@ -21892,9 +21987,8 @@ class Table {
   _getSelectionValue(row, index) {
     return this.selectionKey ? (row === null || row === void 0 ? void 0 : row[this.selectionKey]) || index : index;
   }
-  _selectionContains(row, index, returnIndex = false) {
-    const returnValue = this.selectedRows.findIndex((item) => this._getSelectionValue(row, index) ===
-      this._getSelectionValue(item, index));
+  _selectionContains(index, returnIndex = false) {
+    const returnValue = this.selectedRows.findIndex((item) => item.index === index);
     return !returnIndex ? returnValue >= 0 : returnValue;
   }
   _selectionContainsAll() {
@@ -21903,13 +21997,12 @@ class Table {
     if (!((_a = this._items) === null || _a === void 0 ? void 0 : _a.length)) {
       return false;
     }
-    if (this.rowSelectionLimit !== undefined &&
-      this.selectedRows.length === this.rowSelectionLimit) {
+    if (this._rowSelectionLimit !== undefined &&
+      this.selectedRows.length === this._rowSelectionLimit) {
       return true;
     }
     for (let i = 0; i < ((_b = this._items) === null || _b === void 0 ? void 0 : _b.length); i++) {
-      const item = this._items[i];
-      const contains = this._selectionContains(item, i);
+      const contains = this._selectionContains(i);
       if (!contains) {
         returnValue = false;
         break;
@@ -21922,14 +22015,13 @@ class Table {
     if (!((_a = this._items) === null || _a === void 0 ? void 0 : _a.length) || !((_b = this.selectedRows) === null || _b === void 0 ? void 0 : _b.length)) {
       return false;
     }
-    if (this.rowSelectionLimit !== undefined &&
-      this.selectedRows.length === this.rowSelectionLimit) {
+    if (this._rowSelectionLimit !== undefined &&
+      this.selectedRows.length === this._rowSelectionLimit) {
       return false;
     }
     let containsCount = 0;
     for (let i = 0; i < ((_c = this._items) === null || _c === void 0 ? void 0 : _c.length); i++) {
-      const item = this._items[i];
-      const contains = this._selectionContains(item, i);
+      const contains = this._selectionContains(i);
       if (contains) {
         containsCount++;
       }
@@ -21955,7 +22047,7 @@ class Table {
       });
       return;
     }
-    if (!this.enableRowSelection) {
+    if (!this._enableRowSelection) {
       return;
     }
     const checkbox = row === null || row === void 0 ? void 0 : row.querySelector('input[type="checkbox"]');
@@ -21991,7 +22083,10 @@ class Table {
   }
   get _el() { return getElement(this); }
   static get watchers() { return {
-    "items": ["_parseItems"]
+    "items": ["_parseItems"],
+    "enableRowSelection": ["_setRowSelectionData"],
+    "rowSelectionLimit": ["_setRowSelectionData"],
+    "selectedRows": ["_setRowSelectionData"]
   }; }
   static get style() { return tableComponentCss; }
   static get cmpMeta() { return {
@@ -22043,9 +22138,13 @@ class Table {
       "shadow": [4],
       "_locales": [32],
       "_columns": [32],
-      "_items": [32]
+      "_items": [32],
+      "_enableRowSelection": [32],
+      "_rowSelectionLimit": [32],
+      "_rowActionsFloating": [32],
+      "_rowActionsRow": [32]
     },
-    "$listeners$": [[16, "localeChanged", "_setLocales"], [16, "tableDefinitionChanged", "onTableDefinitionUpdated"], [4, "keydown", "keyDown"], [4, "keyup", "keyUp"], [4, "visibilitychange", "visibilityChange"]],
+    "$listeners$": [[16, "localeChanged", "_setLocales"], [16, "tableDefinitionChanged", "onTableDefinitionUpdated"], [4, "keydown", "keyDown"], [4, "keyup", "keyUp"], [4, "visibilitychange", "visibilityChange"], [9, "resize", "_setRowSelectionData"]],
     "$lazyBundleId$": "-",
     "$attrsToReflect$": [["page", "page"]]
   }; }
@@ -22055,7 +22154,7 @@ function isTableColumnSizesKey(x, k) {
   return k in x;
 }
 
-const tableCellComponentCss = ".flex{display:flex!important}.gap-4{gap:1rem!important}*{box-sizing:border-box}p-table-cell{align-items:center;display:flex;gap:1rem}.static{position:static!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}@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\\: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}}";
 
 class TableCell {
   constructor(hostRef) {
@@ -22066,6 +22165,7 @@ class TableCell {
     this.definition = undefined;
     this.item = undefined;
     this.value = undefined;
+    this.tableHasActions = false;
     this.checkbox = undefined;
     this.template = ({ value, }) => value;
   }
@@ -22084,21 +22184,32 @@ class TableCell {
     };
   }
   render() {
-    return (hAsync(Host, { class: Object.assign({ 'p-table-cell': true, [`variant-${this.variant}`]: true }, this._getColumnClasses()) }, this.checkbox, this.variant === 'loading' ? (hAsync("p-loader", { variant: "ghost", class: "h-6 w-full flex-1 rounded" })) : (hAsync("div", { class: {
+    return (hAsync(Host, { class: Object.assign({ 'p-table-cell': true, [`variant-${this.variant}`]: true }, this._getColumnClasses()) }, this.checkbox, this._getContent()));
+  }
+  _getContent() {
+    if (this.variant === 'loading') {
+      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("div", { class: {
         flex: true,
         'justify-start': this.definition.align === 'start',
         'justify-center': this.definition.align === 'center',
         'justify-end': this.definition.align === 'end',
-      } }, this.variant === 'header' ? (this.data.value) : this.definition.useSlot ? (hAsync("slot", null)) : (this.template(this.data))))));
+      } }, this.variant === 'header' ? (this.data.value) : this.definition.useSlot ? (hAsync("slot", null)) : (this.template(this.data))));
   }
   _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 }, sizes);
+    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);
   }
   /*
      With this, we shall hack the system in ways no one would ever have thought.
-     
+
      <div class="w-1/12 w-2/12 w-3/12 w-4/12 w-5/12 w-6/12 w-7/12 w-8/12 w-9/12 w-10/12 w-11/12 w-12/12"></div>
      <div class="tablet:w-1/12 tablet:w-2/12 tablet:w-3/12 tablet:w-4/12 tablet:w-5/12 tablet:w-6/12 tablet:w-7/12 tablet:w-8/12 tablet:w-9/12 tablet:w-10/12 tablet:w-11/12 tablet:w-12/12"></div>
      <div class="desktop-xs:w-1/12 desktop-xs:w-2/12 desktop-xs:w-3/12 desktop-xs:w-4/12 desktop-xs:w-5/12 desktop-xs:w-6/12 desktop-xs:w-7/12 desktop-xs:w-8/12 desktop-xs:w-9/12 desktop-xs:w-10/12 desktop-xs:w-11/12 desktop-xs:w-12/12"></div>
@@ -22108,7 +22219,7 @@ class TableCell {
      <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>
 
-     
+
         ⠀⠀⠀⠀⠀⣠⣴⣶⣿⣿⠿⣷⣶⣤⣄⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣠⣴⣶⣷⠿⣿⣿⣶⣦⣀⠀⠀⠀⠀⠀
         ⠀⠀⠀⢀⣾⣿⣿⣿⣿⣿⣿⣿⣶⣦⣬⡉⠒⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠚⢉⣥⣴⣾⣿⣿⣿⣿⣿⣿⣿⣧⠀⠀⠀⠀
         ⠀⠀⠀⡾⠿⠛⠛⠛⠛⠿⢿⣿⣿⣿⣿⣿⣷⣄⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣠⣾⣿⣿⣿⣿⣿⠿⠿⠛⠛⠛⠛⠿⢧⠀⠀⠀
@@ -22207,6 +22318,7 @@ class TableCell {
       "definition": [16],
       "item": [8],
       "value": [8],
+      "tableHasActions": [4, "table-has-actions"],
       "checkbox": [8],
       "template": [16]
     },
@@ -23347,7 +23459,7 @@ class TableRow {
   render() {
     return (hAsync(Host, { class: `p-table-row variant-${this.variant} ${this.enableHover &&
         this.variant === 'default' &&
-        'enable-hover'}` }, hAsync("div", { class: "content" }, hAsync("slot", null)), this.variant === 'default' && hAsync("p-divider", { class: "m-0" })));
+        'enable-hover'} group` }, hAsync("div", { class: "content" }, hAsync("slot", null)), this.variant === 'default' && hAsync("p-divider", { class: "m-0" })));
   }
   static get style() { return tableRowComponentCss; }
   static get cmpMeta() { return {
@@ -23363,6 +23475,40 @@ class TableRow {
   }; }
 }
 
+class TableRowAction {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.type = 'both';
+    this.icon = undefined;
+    this.iconOnly = false;
+    this.iconFlip = undefined;
+    this.iconRotate = undefined;
+    this.label = undefined;
+    this.action = undefined;
+    this.disabled = false;
+  }
+  render() {
+    return;
+  }
+  static get cmpMeta() { return {
+    "$flags$": 0,
+    "$tagName$": "p-table-row-action",
+    "$members$": {
+      "type": [1537],
+      "icon": [1],
+      "iconOnly": [4, "icon-only"],
+      "iconFlip": [1, "icon-flip"],
+      "iconRotate": [2, "icon-rotate"],
+      "label": [1],
+      "action": [16],
+      "disabled": [4]
+    },
+    "$listeners$": undefined,
+    "$lazyBundleId$": "-",
+    "$attrsToReflect$": [["type", "type"]]
+  }; }
+}
+
 const toastComponentCss = "/*!@.flex*/.flex.sc-p-toast{display:flex!important}/*!@.w-full*/.w-full.sc-p-toast{width:100%!important}/*!@.items-center*/.items-center.sc-p-toast{align-items:center!important}/*!@.justify-between*/.justify-between.sc-p-toast{justify-content:space-between!important}/*!@.overflow-hidden*/.overflow-hidden.sc-p-toast{overflow:hidden!important}/*!@.text-ellipsis*/.text-ellipsis.sc-p-toast{text-overflow:ellipsis!important}/*!@.rounded*/.rounded.sc-p-toast{border-radius:.25rem!important}/*!@.border-l-4*/.border-l-4.sc-p-toast{border-left-width:4px!important}/*!@.border-solid*/.border-solid.sc-p-toast{border-style:solid!important}/*!@.border-l-negative*/.border-l-negative.sc-p-toast{--tw-border-opacity:1!important;border-left-color:rgb(185 30 40/var(--tw-border-opacity))!important}/*!@.border-l-positive*/.border-l-positive.sc-p-toast{--tw-border-opacity:1!important;border-left-color:rgb(40 209 124/var(--tw-border-opacity))!important}/*!@.border-l-unbiased*/.border-l-unbiased.sc-p-toast{--tw-border-opacity:1!important;border-left-color:rgb(255 199 45/var(--tw-border-opacity))!important}/*!@.bg-white*/.bg-white.sc-p-toast{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity))!important}/*!@.p-4*/.p-4.sc-p-toast{padding:1rem!important}/*!@.shadow-4*/.shadow-4.sc-p-toast{--tw-shadow:0px 0.3125rem 1rem rgba(0,24,98,.08),0px 0.0625rem 0.1875rem rgba(0,24,98,.13)!important;--tw-shadow-colored:0px 0.3125rem 1rem var(--tw-shadow-color),0px 0.0625rem 0.1875rem var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}/*!@**/*.sc-p-toast{box-sizing:border-box}/*!@:host*/.sc-p-toast-h{--tw-bg-opacity:1;--tw-shadow:0px 0.3125rem 1rem rgba(0,24,98,.08),0px 0.0625rem 0.1875rem rgba(0,24,98,.13)!important;--tw-shadow-colored:0px 0.3125rem 1rem var(--tw-shadow-color),0px 0.0625rem 0.1875rem var(--tw-shadow-color)!important;align-items:center;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-left-width:4px!important;border-radius:.25rem;border-style:solid!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important;box-sizing:border-box;display:flex;gap:.5rem;justify-content:space-between;padding:1rem 1rem 1rem 1.25rem;width:100%}/*!@:host p*/.sc-p-toast-h p.sc-p-toast{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}/*!@:host(.variant-positive)*/.variant-positive.sc-p-toast-h{--tw-border-opacity:1!important;border-left-color:rgb(40 209 124/var(--tw-border-opacity))!important}/*!@:host(.variant-unbiased)*/.variant-unbiased.sc-p-toast-h{--tw-border-opacity:1!important;border-left-color:rgb(255 199 45/var(--tw-border-opacity))!important}/*!@:host(.variant-negative)*/.variant-negative.sc-p-toast-h{--tw-border-opacity:1!important;border-left-color:rgb(185 30 40/var(--tw-border-opacity))!important}/*!@.static*/.static.sc-p-toast{position:static!important}/*!@.min-w-0*/.min-w-0.sc-p-toast{min-width:0!important}/*!@.flex-shrink-0*/.flex-shrink-0.sc-p-toast{flex-shrink:0!important}/*!@.flex-col*/.flex-col.sc-p-toast{flex-direction:column!important}/*!@.text-sm*/.text-sm.sc-p-toast{font-size:.875rem!important;line-height:1.25rem!important}/*!@.font-semibold*/.font-semibold.sc-p-toast{font-weight:600!important}/*!@.text-storm*/.text-storm.sc-p-toast{--tw-text-opacity:1!important;color:rgb(81 83 107/var(--tw-text-opacity))!important}/*!@.text-storm-medium*/.text-storm-medium.sc-p-toast{--tw-text-opacity:1!important;color:rgb(128 130 158/var(--tw-text-opacity))!important}";
 
 class Toast {
@@ -23651,6 +23797,7 @@ registerComponents([
   TableFooter,
   TableHeader,
   TableRow,
+  TableRowAction,
   Toast,
   ToastContainer,
   Tooltip,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@paperless/core",
-    "version": "1.42.4",
+    "version": "1.43.0",
     "description": "Stencil Component Starter",
     "main": "dist/index.cjs.js",
     "module": "dist/index.js",