@paperless/core 1.52.0 → 1.52.2

package/dist/collection/utils/table-helpers.js

@@ -0,0 +1,94 @@
+import { isTableColumnSizesKey, } from "../types";
+export const getTableCellColumnClasses = (definition, variant, hasActions) => {
+  const sizes = definition ? getTableCellSizes(definition, variant) : {};
+  const isLastValues = definition
+    ? getTableCellIsLastValues(definition, variant, hasActions)
+    : {};
+  return Object.assign(Object.assign({ 'justify-start': !(definition === null || definition === void 0 ? void 0 : definition.align) || (definition === null || definition === void 0 ? void 0 : definition.align) === 'start', 'justify-center': (definition === null || definition === void 0 ? void 0 : definition.align) === 'center', 'justify-end': (definition === null || definition === void 0 ? void 0 : definition.align) === 'end', 'font-semibold': variant !== 'header' && (definition === null || definition === void 0 ? void 0 : definition.type) === 'th', 'text-storm-dark': variant !== 'header' && (definition === null || definition === void 0 ? void 0 : definition.type) === 'th', 'group-hover:flex': variant === 'actions' && hasActions, hidden: variant === 'actions' && hasActions }, sizes), isLastValues);
+};
+export const getTableCellSizes = ({ sizes, } /* Table Definition */, variant) => {
+  if (sizes === 'auto' || !sizes) {
+    return {
+      'w-auto': true,
+    };
+  }
+  if (sizes === 'hidden') {
+    return {
+      hidden: true,
+    };
+  }
+  if (typeof sizes === 'object') {
+    sizes = sizes;
+    const classes = {};
+    let previousSize;
+    for (let size in sizes) {
+      if (!isTableColumnSizesKey(sizes, size)) {
+        continue;
+      }
+      if (size === 'default') {
+        if (sizes.default === 'hidden') {
+          classes['hidden'] = true;
+          previousSize = size;
+          continue;
+        }
+        classes[`w-${sizes.default}/12`] = true;
+        previousSize = size;
+        continue;
+      }
+      const currentValue = sizes[size];
+      const previousValue = previousSize ? sizes[previousSize] : null;
+      if (currentValue !== 'hidden' &&
+        previousValue &&
+        previousValue === 'hidden' &&
+        variant !== 'actions') {
+        classes[`${size}:flex`] = true;
+      }
+      if (currentValue === 'hidden' && variant !== 'actions') {
+        classes[`${size}:hidden`] = true;
+        previousSize = size;
+        continue;
+      }
+      if (currentValue === 12 || currentValue === 'full') {
+        classes[`${size}:w-full`] = true;
+      }
+      classes[`${size}:w-${currentValue}/12`] = true;
+      previousSize = size;
+    }
+    return classes;
+  }
+  if (sizes === 12 || sizes === 'full') {
+    return {
+      'w-full': true,
+    };
+  }
+  // is a number.
+  return {
+    [`w-${sizes}/12`]: true,
+  };
+};
+export const getTableCellIsLastValues = ({ isLast, parsedSizes, } /* Table Definition */, variant, hasActions) => {
+  const values = {};
+  for (let size of Object.keys(isLast)) {
+    let prefix = '';
+    if (size !== 'default') {
+      prefix = `${size}:`;
+    }
+    values[`${prefix}pr-4`] = !isLast[size];
+    values[`${prefix}pr-0`] = isLast[size];
+    values[`${prefix}group-hover:hidden`] =
+      (isLast[size] ||
+        parsedSizes[size] === 'hidden') &&
+        hasActions &&
+        variant === 'default';
+    values[`${prefix}group-hover:flex`] =
+      (!isLast[size] &&
+        parsedSizes[size] !== 'hidden' &&
+        variant === 'default') ||
+        variant === 'actions';
+    values[`${prefix}flex`] =
+      parsedSizes[size] !== 'hidden' &&
+        variant !== 'actions';
+  }
+  return values;
+};
+//# sourceMappingURL=table-helpers.js.map

package/dist/collection/utils/table-helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-helpers.js","sourceRoot":"","sources":["../../src/utils/table-helpers.ts"],"names":[],"mappings":"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","sourcesContent":["import { TableColumn } from '../components';\nimport {\n\tisTableColumnSizesKey,\n\tTableColumnSizes,\n\tTableColumnSizesKey,\n} from '../types';\n\nexport const getTableCellColumnClasses = (\n\tdefinition: any | TableColumn,\n\tvariant: 'default' | 'header' | 'loading' | 'actions',\n\thasActions: boolean\n) => {\n\tconst sizes = definition ? getTableCellSizes(definition, variant) : {};\n\tconst isLastValues = definition\n\t\t? getTableCellIsLastValues(definition, variant, hasActions)\n\t\t: {};\n\n\treturn {\n\t\t'justify-start': !definition?.align || definition?.align === 'start',\n\t\t'justify-center': definition?.align === 'center',\n\t\t'justify-end': definition?.align === 'end',\n\t\t'font-semibold': variant !== 'header' && definition?.type === 'th',\n\t\t'text-storm-dark': variant !== 'header' && definition?.type === 'th',\n\t\t'group-hover:flex': variant === 'actions' && hasActions,\n\t\thidden: variant === 'actions' && hasActions,\n\t\t...sizes,\n\t\t...isLastValues,\n\t};\n};\n\nexport const getTableCellSizes = (\n\t{\n\t\tsizes,\n\t}: {\n\t\tsizes: 'auto' | 'hidden' | 'full' | number | TableColumnSizes;\n\t} /* Table Definition */,\n\tvariant: 'default' | 'header' | 'loading' | 'actions'\n) => {\n\tif (sizes === 'auto' || !sizes) {\n\t\treturn {\n\t\t\t'w-auto': true,\n\t\t};\n\t}\n\n\tif (sizes === 'hidden') {\n\t\treturn {\n\t\t\thidden: true,\n\t\t};\n\t}\n\n\tif (typeof sizes === 'object') {\n\t\tsizes = sizes as TableColumnSizes;\n\t\tconst classes: any = {};\n\t\tlet previousSize: TableColumnSizesKey | undefined;\n\n\t\tfor (let size in sizes) {\n\t\t\tif (!isTableColumnSizesKey(sizes, size)) {\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\tif (size === 'default') {\n\t\t\t\tif (sizes.default === 'hidden') {\n\t\t\t\t\tclasses['hidden'] = true;\n\t\t\t\t\tpreviousSize = size;\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\n\t\t\t\tclasses[`w-${sizes.default}/12`] = true;\n\t\t\t\tpreviousSize = size;\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\tconst currentValue = sizes[size];\n\t\t\tconst previousValue = previousSize ? sizes[previousSize] : null;\n\t\t\tif (\n\t\t\t\tcurrentValue !== 'hidden' &&\n\t\t\t\tpreviousValue &&\n\t\t\t\tpreviousValue === 'hidden' &&\n\t\t\t\tvariant !== 'actions'\n\t\t\t) {\n\t\t\t\tclasses[`${size}:flex`] = true;\n\t\t\t}\n\n\t\t\tif (currentValue === 'hidden' && variant !== 'actions') {\n\t\t\t\tclasses[`${size}:hidden`] = true;\n\t\t\t\tpreviousSize = size;\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\tif (currentValue === 12 || currentValue === 'full') {\n\t\t\t\tclasses[`${size}:w-full`] = true;\n\t\t\t}\n\n\t\t\tclasses[`${size}:w-${currentValue}/12`] = true;\n\t\t\tpreviousSize = size;\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tif (sizes === 12 || sizes === 'full') {\n\t\treturn {\n\t\t\t'w-full': true,\n\t\t};\n\t}\n\n\t// is a number.\n\treturn {\n\t\t[`w-${sizes}/12`]: true,\n\t};\n};\n\nexport const getTableCellIsLastValues = (\n\t{\n\t\tisLast,\n\t\tparsedSizes,\n\t}: {\n\t\tisLast: { [key: string]: boolean };\n\t\tparsedSizes: TableColumnSizes;\n\t} /* Table Definition */,\n\tvariant: 'default' | 'header' | 'loading' | 'actions',\n\thasActions: boolean\n) => {\n\tconst values: { [key: string]: boolean } = {};\n\n\tfor (let size of Object.keys(isLast)) {\n\t\tlet prefix = '';\n\t\tif (size !== 'default') {\n\t\t\tprefix = `${size}:`;\n\t\t}\n\n\t\tvalues[`${prefix}pr-4`] = !isLast[size];\n\t\tvalues[`${prefix}pr-0`] = isLast[size];\n\n\t\tvalues[`${prefix}group-hover:hidden`] =\n\t\t\t(isLast[size] ||\n\t\t\t\tparsedSizes[size as keyof TableColumnSizes] === 'hidden') &&\n\t\t\thasActions &&\n\t\t\tvariant === 'default';\n\n\t\tvalues[`${prefix}group-hover:flex`] =\n\t\t\t(!isLast[size] &&\n\t\t\t\tparsedSizes[size as keyof TableColumnSizes] !== 'hidden' &&\n\t\t\t\tvariant === 'default') ||\n\t\t\tvariant === 'actions';\n\n\t\tvalues[`${prefix}flex`] =\n\t\t\tparsedSizes[size as keyof TableColumnSizes] !== 'hidden' &&\n\t\t\tvariant !== 'actions';\n\t}\n\n\treturn values;\n};\n"]}

package/dist/components/index.js

@@ -1,9 +1,9 @@
 export { getAssetPath, setAssetPath, setNonce, setPlatformOptions } from '@stencil/core/internal/client';
-export { i as isTableColumnSizesKey, o as objectGetByPath } from './object-get-by-path.js';
+export { g as getTableCellColumnClasses, b as getTableCellIsLastValues, a as getTableCellSizes, i as isTableColumnSizesKey, o as objectGetByPath } from './object-get-by-path.js';
+import { s as screens } from './screens.js';
+export { g as getScreenSize, b as getScreenSizeInPixels, a as getScreenSizeInRem, d as isBetweenScreens, i as isBiggerThanScreen, j as isDesktop, f as isMobile, c as isSmallerThanScreen, h as isTablet, e as isTouchDevice, t as tableColumSizesOptions } from './screens.js';
 export { c as childOf } from './child-of.js';
 export { f as formatTranslation, g as getLocaleComponentStrings } from './localization.js';
-import { s as screens } from './screens.js';
-export { g as getScreenSize, b as getScreenSizeInPixels, a as getScreenSizeInRem, d as isBetweenScreens, i as isBiggerThanScreen, j as isDesktop, f as isMobile, c as isSmallerThanScreen, h as isTablet, e as isTouchDevice } from './screens.js';
 
 const camelToSnakeCase = (str) => str.replace(/[A-Z]/g, (letter) => `_${letter.toLowerCase()}`);
 const snakeToCamelCase = (str) => str

package/dist/components/object-get-by-path.js

@@ -2,6 +2,99 @@ function isTableColumnSizesKey(x, k) {
   return k in x;
 }
 
+const getTableCellColumnClasses = (definition, variant, hasActions) => {
+  const sizes = definition ? getTableCellSizes(definition, variant) : {};
+  const isLastValues = definition
+    ? getTableCellIsLastValues(definition, variant, hasActions)
+    : {};
+  return Object.assign(Object.assign({ 'justify-start': !(definition === null || definition === void 0 ? void 0 : definition.align) || (definition === null || definition === void 0 ? void 0 : definition.align) === 'start', 'justify-center': (definition === null || definition === void 0 ? void 0 : definition.align) === 'center', 'justify-end': (definition === null || definition === void 0 ? void 0 : definition.align) === 'end', 'font-semibold': variant !== 'header' && (definition === null || definition === void 0 ? void 0 : definition.type) === 'th', 'text-storm-dark': variant !== 'header' && (definition === null || definition === void 0 ? void 0 : definition.type) === 'th', 'group-hover:flex': variant === 'actions' && hasActions, hidden: variant === 'actions' && hasActions }, sizes), isLastValues);
+};
+const getTableCellSizes = ({ sizes, } /* Table Definition */, variant) => {
+  if (sizes === 'auto' || !sizes) {
+    return {
+      'w-auto': true,
+    };
+  }
+  if (sizes === 'hidden') {
+    return {
+      hidden: true,
+    };
+  }
+  if (typeof sizes === 'object') {
+    sizes = sizes;
+    const classes = {};
+    let previousSize;
+    for (let size in sizes) {
+      if (!isTableColumnSizesKey(sizes, size)) {
+        continue;
+      }
+      if (size === 'default') {
+        if (sizes.default === 'hidden') {
+          classes['hidden'] = true;
+          previousSize = size;
+          continue;
+        }
+        classes[`w-${sizes.default}/12`] = true;
+        previousSize = size;
+        continue;
+      }
+      const currentValue = sizes[size];
+      const previousValue = previousSize ? sizes[previousSize] : null;
+      if (currentValue !== 'hidden' &&
+        previousValue &&
+        previousValue === 'hidden' &&
+        variant !== 'actions') {
+        classes[`${size}:flex`] = true;
+      }
+      if (currentValue === 'hidden' && variant !== 'actions') {
+        classes[`${size}:hidden`] = true;
+        previousSize = size;
+        continue;
+      }
+      if (currentValue === 12 || currentValue === 'full') {
+        classes[`${size}:w-full`] = true;
+      }
+      classes[`${size}:w-${currentValue}/12`] = true;
+      previousSize = size;
+    }
+    return classes;
+  }
+  if (sizes === 12 || sizes === 'full') {
+    return {
+      'w-full': true,
+    };
+  }
+  // is a number.
+  return {
+    [`w-${sizes}/12`]: true,
+  };
+};
+const getTableCellIsLastValues = ({ isLast, parsedSizes, } /* Table Definition */, variant, hasActions) => {
+  const values = {};
+  for (let size of Object.keys(isLast)) {
+    let prefix = '';
+    if (size !== 'default') {
+      prefix = `${size}:`;
+    }
+    values[`${prefix}pr-4`] = !isLast[size];
+    values[`${prefix}pr-0`] = isLast[size];
+    values[`${prefix}group-hover:hidden`] =
+      (isLast[size] ||
+        parsedSizes[size] === 'hidden') &&
+        hasActions &&
+        variant === 'default';
+    values[`${prefix}group-hover:flex`] =
+      (!isLast[size] &&
+        parsedSizes[size] !== 'hidden' &&
+        variant === 'default') ||
+        variant === 'actions';
+    values[`${prefix}flex`] =
+      parsedSizes[size] !== 'hidden' &&
+        variant !== 'actions';
+  }
+  return values;
+};
+
 const objectGetByPath = (obj, path, defaultValue = undefined) => {
   const travel = (regexp) => String.prototype.split
     .call(path, regexp)
@@ -11,6 +104,6 @@ const objectGetByPath = (obj, path, defaultValue = undefined) => {
   return result === undefined || result === obj ? defaultValue : result;
 };
 
-export { isTableColumnSizesKey as i, objectGetByPath as o };
+export { getTableCellSizes as a, getTableCellIsLastValues as b, getTableCellColumnClasses as g, isTableColumnSizesKey as i, objectGetByPath as o };
 
 //# sourceMappingURL=object-get-by-path.js.map

package/dist/components/object-get-by-path.js.map

@@ -1 +1 @@
-{"file":"object-get-by-path.js","mappings":"SA0CgB,qBAAqB,CACjC,CAAmB,EACnB,CAAc;EAEd,OAAO,CAAC,IAAI,CAAC,CAAC;AAClB;;MC/Ca,eAAe,GAAG,CAC3B,GAAQ,EACR,IAAY,EACZ,YAAY,GAAG,SAAS;EAExB,MAAM,MAAM,GAAG,CAAC,MAAM,KAClB,MAAM,CAAC,SAAS,CAAC,KAAK;KACjB,IAAI,CAAC,IAAI,EAAE,MAAM,CAAC;KAClB,MAAM,CAAC,OAAO,CAAC;KACf,MAAM,CACH,CAAC,GAAG,EAAE,GAAG,KACL,GAAG,KAAK,IAAI,IAAI,GAAG,KAAK,SAAS,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,GAAG,EACtD,GAAG,CACN,CAAC;EACV,MAAM,MAAM,GAAG,MAAM,CAAC,UAAU,CAAC,IAAI,MAAM,CAAC,WAAW,CAAC,CAAC;EACzD,OAAO,MAAM,KAAK,SAAS,IAAI,MAAM,KAAK,GAAG,GAAG,YAAY,GAAG,MAAM,CAAC;AAC1E;;;;","names":[],"sources":["src/types/table.ts","src/utils/object-get-by-path.ts"],"sourcesContent":["export type QuickFilterTextFunction = () => string;\n\nexport interface QuickFilter {\n    identifier: string;\n    text: string | QuickFilterTextFunction;\n    count?: number;\n    default?: boolean;\n}\n\nexport interface RowClickEvent {\n    item: any;\n    ctrlDown: boolean;\n}\n\nexport interface TableDefinitionData {\n    value: any;\n    item: any;\n    index: number;\n    rowIndex: number;\n}\n\nexport type TableDefinitionTemplateFunc = (data: TableDefinitionData) => any;\n\nexport interface TableColumnSizes {\n    default: number | 'hidden' | 'full';\n    tablet?: number | 'hidden' | 'full';\n    'desktop-xs'?: number | 'hidden' | 'full';\n    'desktop-sm'?: number | 'hidden' | 'full';\n    desktop?: number | 'hidden' | 'full';\n    'desktop-lg'?: number | 'hidden' | 'full';\n    'desktop-xl'?: number | 'hidden' | 'full';\n}\n\nexport type TableColumnSizesKey =\n    | 'default'\n    | 'tablet'\n    | 'desktop-xs'\n    | 'desktop-sm'\n    | 'desktop'\n    | 'desktop-lg'\n    | 'desktop-xl';\n\nexport function isTableColumnSizesKey(\n    x: TableColumnSizes,\n    k: PropertyKey\n): k is keyof TableColumnSizes {\n    return k in x;\n}\n","export const objectGetByPath = (\n    obj: any,\n    path: string,\n    defaultValue = undefined\n) => {\n    const travel = (regexp) =>\n        String.prototype.split\n            .call(path, regexp)\n            .filter(Boolean)\n            .reduce(\n                (res, key) =>\n                    res !== null && res !== undefined ? res[key] : res,\n                obj\n            );\n    const result = travel(/[,[\\]]+?/) || travel(/[,[\\].]+?/);\n    return result === undefined || result === obj ? defaultValue : result;\n};\n"],"version":3}
+{"file":"object-get-by-path.js","mappings":"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","names":[],"sources":["src/types/table.ts","src/utils/table-helpers.ts","src/utils/object-get-by-path.ts"],"sourcesContent":["export type QuickFilterTextFunction = () => string;\n\nexport interface QuickFilter {\n    identifier: string;\n    text: string | QuickFilterTextFunction;\n    count?: number;\n    default?: boolean;\n}\n\nexport interface RowClickEvent {\n    item: any;\n    ctrlDown: boolean;\n}\n\nexport interface TableDefinitionData {\n    value: any;\n    item: any;\n    index: number;\n    rowIndex: number;\n}\n\nexport type TableDefinitionTemplateFunc = (data: TableDefinitionData) => any;\n\nexport interface TableColumnSizes {\n    default: number | 'hidden' | 'full';\n    tablet?: number | 'hidden' | 'full';\n    'desktop-xs'?: number | 'hidden' | 'full';\n    'desktop-sm'?: number | 'hidden' | 'full';\n    desktop?: number | 'hidden' | 'full';\n    'desktop-lg'?: number | 'hidden' | 'full';\n    'desktop-xl'?: number | 'hidden' | 'full';\n}\n\nexport interface TableColumnIsLast {\n    default: boolean;\n    tablet?: boolean;\n    'desktop-xs'?: boolean;\n    'desktop-sm'?: boolean;\n    desktop?: boolean;\n    'desktop-lg'?: boolean;\n    'desktop-xl'?: boolean;\n}\n\nexport type TableColumnSizesKey =\n    | 'default'\n    | 'tablet'\n    | 'desktop-xs'\n    | 'desktop-sm'\n    | 'desktop'\n    | 'desktop-lg'\n    | 'desktop-xl';\n\nexport function isTableColumnSizesKey(\n    x: TableColumnSizes,\n    k: PropertyKey\n): k is keyof TableColumnSizes {\n    return k in x;\n}\n","import { TableColumn } from '../components';\nimport {\n\tisTableColumnSizesKey,\n\tTableColumnSizes,\n\tTableColumnSizesKey,\n} from '../types';\n\nexport const getTableCellColumnClasses = (\n\tdefinition: any | TableColumn,\n\tvariant: 'default' | 'header' | 'loading' | 'actions',\n\thasActions: boolean\n) => {\n\tconst sizes = definition ? getTableCellSizes(definition, variant) : {};\n\tconst isLastValues = definition\n\t\t? getTableCellIsLastValues(definition, variant, hasActions)\n\t\t: {};\n\n\treturn {\n\t\t'justify-start': !definition?.align || definition?.align === 'start',\n\t\t'justify-center': definition?.align === 'center',\n\t\t'justify-end': definition?.align === 'end',\n\t\t'font-semibold': variant !== 'header' && definition?.type === 'th',\n\t\t'text-storm-dark': variant !== 'header' && definition?.type === 'th',\n\t\t'group-hover:flex': variant === 'actions' && hasActions,\n\t\thidden: variant === 'actions' && hasActions,\n\t\t...sizes,\n\t\t...isLastValues,\n\t};\n};\n\nexport const getTableCellSizes = (\n\t{\n\t\tsizes,\n\t}: {\n\t\tsizes: 'auto' | 'hidden' | 'full' | number | TableColumnSizes;\n\t} /* Table Definition */,\n\tvariant: 'default' | 'header' | 'loading' | 'actions'\n) => {\n\tif (sizes === 'auto' || !sizes) {\n\t\treturn {\n\t\t\t'w-auto': true,\n\t\t};\n\t}\n\n\tif (sizes === 'hidden') {\n\t\treturn {\n\t\t\thidden: true,\n\t\t};\n\t}\n\n\tif (typeof sizes === 'object') {\n\t\tsizes = sizes as TableColumnSizes;\n\t\tconst classes: any = {};\n\t\tlet previousSize: TableColumnSizesKey | undefined;\n\n\t\tfor (let size in sizes) {\n\t\t\tif (!isTableColumnSizesKey(sizes, size)) {\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\tif (size === 'default') {\n\t\t\t\tif (sizes.default === 'hidden') {\n\t\t\t\t\tclasses['hidden'] = true;\n\t\t\t\t\tpreviousSize = size;\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\n\t\t\t\tclasses[`w-${sizes.default}/12`] = true;\n\t\t\t\tpreviousSize = size;\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\tconst currentValue = sizes[size];\n\t\t\tconst previousValue = previousSize ? sizes[previousSize] : null;\n\t\t\tif (\n\t\t\t\tcurrentValue !== 'hidden' &&\n\t\t\t\tpreviousValue &&\n\t\t\t\tpreviousValue === 'hidden' &&\n\t\t\t\tvariant !== 'actions'\n\t\t\t) {\n\t\t\t\tclasses[`${size}:flex`] = true;\n\t\t\t}\n\n\t\t\tif (currentValue === 'hidden' && variant !== 'actions') {\n\t\t\t\tclasses[`${size}:hidden`] = true;\n\t\t\t\tpreviousSize = size;\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\tif (currentValue === 12 || currentValue === 'full') {\n\t\t\t\tclasses[`${size}:w-full`] = true;\n\t\t\t}\n\n\t\t\tclasses[`${size}:w-${currentValue}/12`] = true;\n\t\t\tpreviousSize = size;\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tif (sizes === 12 || sizes === 'full') {\n\t\treturn {\n\t\t\t'w-full': true,\n\t\t};\n\t}\n\n\t// is a number.\n\treturn {\n\t\t[`w-${sizes}/12`]: true,\n\t};\n};\n\nexport const getTableCellIsLastValues = (\n\t{\n\t\tisLast,\n\t\tparsedSizes,\n\t}: {\n\t\tisLast: { [key: string]: boolean };\n\t\tparsedSizes: TableColumnSizes;\n\t} /* Table Definition */,\n\tvariant: 'default' | 'header' | 'loading' | 'actions',\n\thasActions: boolean\n) => {\n\tconst values: { [key: string]: boolean } = {};\n\n\tfor (let size of Object.keys(isLast)) {\n\t\tlet prefix = '';\n\t\tif (size !== 'default') {\n\t\t\tprefix = `${size}:`;\n\t\t}\n\n\t\tvalues[`${prefix}pr-4`] = !isLast[size];\n\t\tvalues[`${prefix}pr-0`] = isLast[size];\n\n\t\tvalues[`${prefix}group-hover:hidden`] =\n\t\t\t(isLast[size] ||\n\t\t\t\tparsedSizes[size as keyof TableColumnSizes] === 'hidden') &&\n\t\t\thasActions &&\n\t\t\tvariant === 'default';\n\n\t\tvalues[`${prefix}group-hover:flex`] =\n\t\t\t(!isLast[size] &&\n\t\t\t\tparsedSizes[size as keyof TableColumnSizes] !== 'hidden' &&\n\t\t\t\tvariant === 'default') ||\n\t\t\tvariant === 'actions';\n\n\t\tvalues[`${prefix}flex`] =\n\t\t\tparsedSizes[size as keyof TableColumnSizes] !== 'hidden' &&\n\t\t\tvariant !== 'actions';\n\t}\n\n\treturn values;\n};\n","export const objectGetByPath = (\n    obj: any,\n    path: string,\n    defaultValue = undefined\n) => {\n    const travel = (regexp) =>\n        String.prototype.split\n            .call(path, regexp)\n            .filter(Boolean)\n            .reduce(\n                (res, key) =>\n                    res !== null && res !== undefined ? res[key] : res,\n                obj\n            );\n    const result = travel(/[,[\\]]+?/) || travel(/[,[\\].]+?/);\n    return result === undefined || result === obj ? defaultValue : result;\n};\n"],"version":3}

package/dist/components/p-table-column.js

@@ -11,7 +11,8 @@ const TableColumn = /*@__PURE__*/ proxyCustomElement(class TableColumn extends H
     this.useSlot = false;
     this.hasCheckbox = false;
     this.align = 'start';
-    this.isLast = false;
+    this.isLast = {};
+    this.parsedSizes = undefined;
     this.sizes = 'auto';
   }
   componentDidUpdate() {
@@ -27,7 +28,8 @@ const TableColumn = /*@__PURE__*/ proxyCustomElement(class TableColumn extends H
     "useSlot": [1540, "use-slot"],
     "hasCheckbox": [1540, "has-checkbox"],
     "align": [1537],
-    "isLast": [1540, "is-last"],
+    "isLast": [1040],
+    "parsedSizes": [1040],
     "sizes": [1032]
   }]);
 function defineCustomElement$1() {

package/dist/components/p-table-column.js.map

@@ -1 +1 @@
-{"file":"p-table-column.js","mappings":";;MAMa,WAAW;;;;;;gBASqC,IAAI;;mBAUL,KAAK;uBAKD,KAAK;iBAMnE,OAAO;kBAKkD,KAAK;iBAUzC,MAAM;;EAQ5B,kBAAkB;IACjB,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;GACvC;EAED,MAAM;IACL,OAAO;GACP;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/helpers/table-column/table-column.component.tsx"],"sourcesContent":["import { Component, Event, EventEmitter, Prop } from '@stencil/core';\nimport { TableColumnSizes } from '../../../types/table';\n\n@Component({\n\ttag: 'p-table-column',\n})\nexport class TableColumn {\n\t/**\n\t * The path of the value of the item you want to display\n\t */\n\t@Prop({ reflect: true, mutable: true }) path: string;\n\n\t/**\n\t * The type of the column\n\t */\n\t@Prop({ reflect: true, mutable: true }) type: 'td' | 'th' = 'td';\n\n\t/**\n\t * The name of the column\n\t */\n\t@Prop({ reflect: true, mutable: true }) name: string;\n\n\t/**\n\t * Wether the column should use the slot\n\t */\n\t@Prop({ reflect: true, mutable: true }) useSlot: boolean = false;\n\n\t/**\n\t * Wether the column should have a checkbox\n\t */\n\t@Prop({ reflect: true, mutable: true }) hasCheckbox: boolean = false;\n\n\t/**\n\t * The alignment of the column\n\t */\n\t@Prop({ reflect: true, mutable: true }) align: 'start' | 'center' | 'end' =\n\t\t'start';\n\n\t/**\n\t * Wether the column is the last in the row\n\t */\n\t@Prop({ reflect: true, mutable: true }) isLast: boolean = false;\n\n\t/**\n\t * The sizes of the column\n\t */\n\t@Prop({ mutable: true }) sizes:\n\t\t| 'auto'\n\t\t| 'hidden'\n\t\t| 'full'\n\t\t| number\n\t\t| TableColumnSizes = 'auto';\n\n\t/**\n\t * Event to let the table know it has to re render\n\t */\n\t@Event({ bubbles: true, composed: true })\n\ttableDefinitionChanged: EventEmitter<boolean>;\n\n\tcomponentDidUpdate() {\n\t\tthis.tableDefinitionChanged.emit(true);\n\t}\n\n\trender() {\n\t\treturn;\n\t}\n}\n"],"version":3}
+{"file":"p-table-column.js","mappings":";;MAMa,WAAW;;;;;;gBASqC,IAAI;;mBAUL,KAAK;uBAKD,KAAK;iBAMnE,OAAO;kBAMP,EAAE;;iBAiBmB,MAAM;;EAQ5B,kBAAkB;IACjB,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;GACvC;EAED,MAAM;IACL,OAAO;GACP;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/helpers/table-column/table-column.component.tsx"],"sourcesContent":["import { Component, Event, EventEmitter, Prop } from '@stencil/core';\nimport { TableColumnSizes } from '../../../types/table';\n\n@Component({\n\ttag: 'p-table-column',\n})\nexport class TableColumn {\n\t/**\n\t * The path of the value of the item you want to display\n\t */\n\t@Prop({ reflect: true, mutable: true }) path: string;\n\n\t/**\n\t * The type of the column\n\t */\n\t@Prop({ reflect: true, mutable: true }) type: 'td' | 'th' = 'td';\n\n\t/**\n\t * The name of the column\n\t */\n\t@Prop({ reflect: true, mutable: true }) name: string;\n\n\t/**\n\t * Wether the column should use the slot\n\t */\n\t@Prop({ reflect: true, mutable: true }) useSlot: boolean = false;\n\n\t/**\n\t * Wether the column should have a checkbox\n\t */\n\t@Prop({ reflect: true, mutable: true }) hasCheckbox: boolean = false;\n\n\t/**\n\t * The alignment of the column\n\t */\n\t@Prop({ reflect: true, mutable: true }) align: 'start' | 'center' | 'end' =\n\t\t'start';\n\n\t/**\n\t * Wether the column is the last in the row\n\t */\n\t@Prop({ reflect: true, mutable: true }) isLast: { [key: string]: boolean } =\n\t\t{};\n\n\t/**\n\t * Parsed sizes based on the complete set of columns\n\t */\n\t@Prop({ reflect: true, mutable: true }) parsedSizes:\n\t\t| TableColumnSizes\n\t\t| undefined;\n\n\t/**\n\t * The sizes of the column\n\t */\n\t@Prop({ mutable: true }) sizes:\n\t\t| 'auto'\n\t\t| 'hidden'\n\t\t| 'full'\n\t\t| number\n\t\t| TableColumnSizes = 'auto';\n\n\t/**\n\t * Event to let the table know it has to re render\n\t */\n\t@Event({ bubbles: true, composed: true })\n\ttableDefinitionChanged: EventEmitter<boolean>;\n\n\tcomponentDidUpdate() {\n\t\tthis.tableDefinitionChanged.emit(true);\n\t}\n\n\trender() {\n\t\treturn;\n\t}\n}\n"],"version":3}

package/dist/components/p-table.js

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+import { f as isMobile, t as tableColumSizesOptions } from './screens.js';
 import { f as formatTranslation, g as getLocaleComponentStrings } from './localization.js';
-import { f as isMobile } from './screens.js';
 import { a as defaultSize, b as defaultSizeOptions, d as defineCustomElement$c } from './page-size-select.component.js';
 import { d as defineCustomElement$q } from './button.component.js';
 import { d as defineCustomElement$p } from './divider.component.js';
@@ -118,7 +118,7 @@ const Table = /*@__PURE__*/ proxyCustomElement(class Table extends HTMLElement {
   }
   render() {
     var _a, _b, _c, _d, _e, _f, _g;
-    return (h(Host, { class: "p-table" }, h("p-table-container", { shadow: this.shadow }, this.enableHeader && (h("p-table-header", {
+    return (h(Host, { class: 'p-table' }, h("p-table-container", { shadow: this.shadow }, this.enableHeader && (h("p-table-header", {
       // quick filters
       quickFilters: this.quickFilters, activeQuickFilterIdentifier: this.activeQuickFilterIdentifier, onQuickFilter: ({ detail }) => this.quickFilter.emit(detail),
       // search
@@ -129,7 +129,7 @@ const Table = /*@__PURE__*/ proxyCustomElement(class Table extends HTMLElement {
       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 && (h("slot", { name: "custom-filter", slot: "custom-filter" })))), this._getHeader(), h("div", { class: "flex flex-col flex-1" }, this._getRows()), this.enableFooter && (h("p-table-footer", {
+    }, this._hasCustomFilterSlot && (h("slot", { name: 'custom-filter', slot: 'custom-filter' })))), this._getHeader(), h("div", { class: 'flex flex-1 flex-col' }, this._getRows()), this.enableFooter && (h("p-table-footer", {
       // overall
       hideOnSinglePage: this.hideOnSinglePage,
       // page size select
@@ -140,17 +140,13 @@ const Table = /*@__PURE__*/ proxyCustomElement(class Table extends HTMLElement {
       enableExport: this.enableExport, onExport: () => this.export.emit(),
       //loading
       loading: this.footerLoading
-    })), this.enableFloatingMenu && this._enableRowSelection ? (h("p-floating-menu-container", { usedInTable: true, class: `${((_b = this.selectedRows) === null || _b === void 0 ? void 0 : _b.length) ? '' : 'inactive'} ${this._floatingMenuShown ? 'shown' : ''}` }, h("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)), h("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) => (h("p-floating-menu-item", { slot: "floating-menu-item", disabled: a.disabled, onClick: () => !a.disabled &&
+    })), this.enableFloatingMenu && this._enableRowSelection ? (h("p-floating-menu-container", { usedInTable: true, class: `${((_b = this.selectedRows) === null || _b === void 0 ? void 0 : _b.length) ? '' : 'inactive'} ${this._floatingMenuShown ? 'shown' : ''}` }, h("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)), h("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 => (h("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 ? (h("p-loader", null)) : (h("p-icon", { variant: a.icon, rotate: a.iconRotate, flip: a.iconFlip }))))), ((_g = this._rowActionsFloating) === null || _g === void 0 ? void 0 : _g.length) && (h("p-divider", { class: "mx-0 text-storm", variant: "vertical", slot: "floating-menu-item" })), h("p-floating-menu-item", { slot: "floating-menu-item", onClick: () => this._selectAllChange(null, false) }, h("p-icon", { variant: "negative" })))) : (''))));
+          : a.action(this.selectedRows, true) }, a.label, ' ', a.loading ? (h("p-loader", null)) : (h("p-icon", { variant: a.icon, rotate: a.iconRotate, flip: a.iconFlip }))))), ((_g = this._rowActionsFloating) === null || _g === void 0 ? void 0 : _g.length) && (h("p-divider", { class: 'mx-0 text-storm', variant: 'vertical', slot: 'floating-menu-item' })), h("p-floating-menu-item", { slot: 'floating-menu-item', onClick: () => this._selectAllChange(null, false) }, h("p-icon", { variant: 'negative' })))) : (''))));
   }
   async _setLocales() {
     this._locales = await getLocaleComponentStrings(this._el);
@@ -198,10 +194,12 @@ const Table = /*@__PURE__*/ proxyCustomElement(class Table extends HTMLElement {
       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;
@@ -223,16 +221,19 @@ const Table = /*@__PURE__*/ proxyCustomElement(class Table extends HTMLElement {
         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 (h("p-table-row", { variant: "header" }, this._columns.map((col, index) => (h("p-table-cell", { definition: col, value: col.name, variant: "header", checkbox: index === 0 || col.hasCheckbox
+    return (h("p-table-row", { variant: 'header' }, this._columns.map((col, index) => (h("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 })))));
   }
@@ -245,32 +246,26 @@ const Table = /*@__PURE__*/ proxyCustomElement(class Table extends HTMLElement {
     if (!this._items.length) {
       return this._getEmptyState();
     }
-    return this._items.map((item, index) => (h("p-table-row", { enableHover: this._enableRowSelection || this.enableRowClick, onClick: (ev) => this._rowClick(ev, index) }, this._getRowColumns(item, index))));
+    return this._items.map((item, index) => (h("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 (h("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 (h("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(h("p-table-cell", { variant: "actions", definition: lastDef, item: item, index: this._columns.length - 1, rowIndex: index, tableHasActions: !!this._rowActionsRow.length }, h("div", { slot: "actions", class: "flex ml-auto gap-2 items-center" }, actions.map((a) => (h("p-tooltip", { content: a.label }, h("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(h("p-table-cell", { variant: 'actions', definition: def, item: item, index: this._columns.length - 1, rowIndex: index, tableHasActions: !!this._rowActionsRow.length }, h("div", { slot: 'actions', class: 'ml-auto flex items-center gap-2' }, actions.map(a => (h("p-tooltip", { content: a.label }, h("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 (h("p-table-cell", { definition: col, variant: "loading", checkbox: colIndex === 0 || col.hasCheckbox
+      return (h("p-table-cell", { definition: col, variant: 'loading', checkbox: colIndex === 0 || col.hasCheckbox
           ? this._getCheckbox(index, 'loading')
           : null, index: colIndex, rowIndex: index }));
     });
@@ -282,14 +277,14 @@ const Table = /*@__PURE__*/ proxyCustomElement(class Table extends HTMLElement {
       return;
     }
     if (variant === 'loading') {
-      return h("p-loader", { variant: "ghost", class: "h-6 w-6 rounded" });
+      return (h("p-loader", { variant: 'ghost', class: 'h-6 w-6 rounded' }));
     }
     if (variant === 'header') {
-      return (h("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 (h("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 (h("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 (h("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 }));
@@ -297,10 +292,9 @@ const Table = /*@__PURE__*/ proxyCustomElement(class Table extends HTMLElement {
   _getEmptyState() {
     var _a;
     if (((_a = this.query) === null || _a === void 0 ? void 0 : _a.length) || this.selectedFiltersAmount) {
-      return (h("div", { class: "flex max-w-[20rem] flex-col items-center self-center py-24 text-center" }, h("p-illustration", { variant: "empty-state-search", class: "mb-6" }), h("p", { class: "text-storm-default font-semibold" }, this.emptyStateFilteredHeader()), h("p", { class: "mb-14 text-sm text-storm-medium" }, this.emptyStateFilteredContent())));
+      return (h("div", { class: 'flex max-w-[20rem] flex-col items-center self-center py-24 text-center' }, h("p-illustration", { variant: 'empty-state-search', class: 'mb-6' }), h("p", { class: 'text-storm-default font-semibold' }, this.emptyStateFilteredHeader()), h("p", { class: 'mb-14 text-sm text-storm-medium' }, this.emptyStateFilteredContent())));
     }
-    return (h("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) }, h("p-illustration", { variant: "empty-state-add", class: "mb-6" }), h("p", { class: "text-storm-default font-semibold" }, this.emptyStateHeader()), h("p", { class: "mb-6 text-sm text-storm-medium" }, this.emptyStateContent()), this.enableEmptyStateAction && (h("p-button", { variant: "secondary", icon: "plus", size: "small" }, this.emptyStateAction()))));
+    return (h("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) }, h("p-illustration", { variant: 'empty-state-add', class: 'mb-6' }), h("p", { class: 'text-storm-default font-semibold' }, this.emptyStateHeader()), h("p", { class: 'mb-6 text-sm text-storm-medium' }, this.emptyStateContent()), this.enableEmptyStateAction && (h("p-button", { variant: 'secondary', icon: 'plus', size: 'small' }, this.emptyStateAction()))));
   }
   _selectAllChange($event, forceValue) {
     if (!this._enableRowSelection) {
@@ -322,8 +316,7 @@ const Table = /*@__PURE__*/ proxyCustomElement(class Table extends HTMLElement {
         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;
         }
       }
@@ -336,8 +329,7 @@ const Table = /*@__PURE__*/ proxyCustomElement(class Table extends HTMLElement {
     }
     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;
       }
@@ -389,7 +381,7 @@ const Table = /*@__PURE__*/ proxyCustomElement(class Table extends HTMLElement {
     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() {
@@ -485,14 +477,93 @@ const Table = /*@__PURE__*/ proxyCustomElement(class Table extends HTMLElement {
   _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 this; }
   static get watchers() { return {
     "items": ["_parseItems"],