@paperless/core 2.15.3 → 2.16.1

package/dist/components/p-Dyc4CMNs.js

@@ -0,0 +1,124 @@
+import { p as proxyCustomElement, H, h } from './p-Dgl2kvBS.js';
+import { o as objectGetByPath, g as getTableCellColumnClasses } from './p-CT2cHZ7O.js';
+import { c as cn } from './p-CT54OXR2.js';
+import { T as ThemedHost } from './p-7QA93RrV.js';
+import { d as defineCustomElement$1 } from './p-BFbLqg3-.js';
+
+const tableCellComponentCss = "*{box-sizing:border-box}.static{position:static!important}.flex{display:flex!important}.table{display:table!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-\\[calc\\(100\\%-1rem\\)\\]{width:calc(100% - 1rem)!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}.overflow-hidden{overflow:hidden!important}.text-ellipsis{text-overflow:ellipsis!important}.rounded{border-radius:.25rem!important}.pl-8{padding-left:2rem!important}.pr-0{padding-right:0!important}.pr-4{padding-right:1rem!important}.text-center{text-align:center!important}.text-start{text-align:start!important}.text-end{text-align:end!important}.font-semibold{font-weight:600!important}.text-storm-300{--tw-text-opacity:1!important;color:rgb(116 120 127/var(--tw-text-opacity,1))!important}.text-storm-400{--tw-text-opacity:1!important;color:rgb(70 75 84/var(--tw-text-opacity,1))!important}.text-storm-500{--tw-text-opacity:1!important;color:rgb(24 30 41/var(--tw-text-opacity,1))!important}.last-of-type\\:pr-0:last-of-type{padding-right:0!important}.group:hover .group-hover\\:flex{display:flex!important}.group:hover .group-hover\\:hidden{display:none!important}@media (min-width:40rem){.tablet\\:flex{display:flex!important}.tablet\\:hidden{display:none!important}.tablet\\:w-1\\/12{width:8.333333%!important}.tablet\\:w-10\\/12{width:83.333333%!important}.tablet\\:w-11\\/12{width:91.666667%!important}.tablet\\:w-2\\/12{width:16.666667%!important}.tablet\\:w-3\\/12{width:25%!important}.tablet\\:w-4\\/12{width:33.333333%!important}.tablet\\:w-5\\/12{width:41.666667%!important}.tablet\\:w-6\\/12{width:50%!important}.tablet\\:w-7\\/12{width:58.333333%!important}.tablet\\:w-8\\/12{width:66.666667%!important}.tablet\\:w-9\\/12{width:75%!important}.tablet\\:pr-0{padding-right:0!important}.tablet\\:pr-4{padding-right:1rem!important}.group:hover .tablet\\:group-hover\\:flex{display:flex!important}.group:hover .tablet\\:group-hover\\:hidden{display:none!important}}@media (min-width:64rem){.desktop-xs\\:flex{display:flex!important}.desktop-xs\\:hidden{display:none!important}.desktop-xs\\:w-1\\/12{width:8.333333%!important}.desktop-xs\\:w-10\\/12{width:83.333333%!important}.desktop-xs\\:w-11\\/12{width:91.666667%!important}.desktop-xs\\:w-2\\/12{width:16.666667%!important}.desktop-xs\\:w-3\\/12{width:25%!important}.desktop-xs\\:w-4\\/12{width:33.333333%!important}.desktop-xs\\:w-5\\/12{width:41.666667%!important}.desktop-xs\\:w-6\\/12{width:50%!important}.desktop-xs\\:w-7\\/12{width:58.333333%!important}.desktop-xs\\:w-8\\/12{width:66.666667%!important}.desktop-xs\\:w-9\\/12{width:75%!important}.desktop-xs\\:pr-0{padding-right:0!important}.desktop-xs\\:pr-4{padding-right:1rem!important}.group:hover .desktop-xs\\:group-hover\\:flex{display:flex!important}.group:hover .desktop-xs\\:group-hover\\:hidden{display:none!important}}@media (min-width:80rem){.desktop-sm\\:flex{display:flex!important}.desktop-sm\\:hidden{display:none!important}.desktop-sm\\:w-1\\/12{width:8.333333%!important}.desktop-sm\\:w-10\\/12{width:83.333333%!important}.desktop-sm\\:w-11\\/12{width:91.666667%!important}.desktop-sm\\:w-2\\/12{width:16.666667%!important}.desktop-sm\\:w-3\\/12{width:25%!important}.desktop-sm\\:w-4\\/12{width:33.333333%!important}.desktop-sm\\:w-5\\/12{width:41.666667%!important}.desktop-sm\\:w-6\\/12{width:50%!important}.desktop-sm\\:w-7\\/12{width:58.333333%!important}.desktop-sm\\:w-8\\/12{width:66.666667%!important}.desktop-sm\\:w-9\\/12{width:75%!important}.desktop-sm\\:pr-0{padding-right:0!important}.desktop-sm\\:pr-4{padding-right:1rem!important}.group:hover .desktop-sm\\:group-hover\\:flex{display:flex!important}.group:hover .desktop-sm\\:group-hover\\:hidden{display:none!important}}@media (min-width:85.375rem){.desktop\\:flex{display:flex!important}.desktop\\:hidden{display:none!important}.desktop\\:w-1\\/12{width:8.333333%!important}.desktop\\:w-10\\/12{width:83.333333%!important}.desktop\\:w-11\\/12{width:91.666667%!important}.desktop\\:w-2\\/12{width:16.666667%!important}.desktop\\:w-3\\/12{width:25%!important}.desktop\\:w-4\\/12{width:33.333333%!important}.desktop\\:w-5\\/12{width:41.666667%!important}.desktop\\:w-6\\/12{width:50%!important}.desktop\\:w-7\\/12{width:58.333333%!important}.desktop\\:w-8\\/12{width:66.666667%!important}.desktop\\:w-9\\/12{width:75%!important}.desktop\\:pr-0{padding-right:0!important}.desktop\\:pr-4{padding-right:1rem!important}.group:hover .desktop\\:group-hover\\:flex{display:flex!important}.group:hover .desktop\\:group-hover\\:hidden{display:none!important}}@media (min-width:90rem){.desktop-lg\\:flex{display:flex!important}.desktop-lg\\:hidden{display:none!important}.desktop-lg\\:w-1\\/12{width:8.333333%!important}.desktop-lg\\:w-10\\/12{width:83.333333%!important}.desktop-lg\\:w-11\\/12{width:91.666667%!important}.desktop-lg\\:w-2\\/12{width:16.666667%!important}.desktop-lg\\:w-3\\/12{width:25%!important}.desktop-lg\\:w-4\\/12{width:33.333333%!important}.desktop-lg\\:w-5\\/12{width:41.666667%!important}.desktop-lg\\:w-6\\/12{width:50%!important}.desktop-lg\\:w-7\\/12{width:58.333333%!important}.desktop-lg\\:w-8\\/12{width:66.666667%!important}.desktop-lg\\:w-9\\/12{width:75%!important}.desktop-lg\\:pr-0{padding-right:0!important}.desktop-lg\\:pr-4{padding-right:1rem!important}.group:hover .desktop-lg\\:group-hover\\:flex{display:flex!important}.group:hover .desktop-lg\\:group-hover\\:hidden{display:none!important}}@media (min-width:120rem){.desktop-xl\\:flex{display:flex!important}.desktop-xl\\:hidden{display:none!important}.desktop-xl\\:w-1\\/12{width:8.333333%!important}.desktop-xl\\:w-10\\/12{width:83.333333%!important}.desktop-xl\\:w-11\\/12{width:91.666667%!important}.desktop-xl\\:w-2\\/12{width:16.666667%!important}.desktop-xl\\:w-3\\/12{width:25%!important}.desktop-xl\\:w-4\\/12{width:33.333333%!important}.desktop-xl\\:w-5\\/12{width:41.666667%!important}.desktop-xl\\:w-6\\/12{width:50%!important}.desktop-xl\\:w-7\\/12{width:58.333333%!important}.desktop-xl\\:w-8\\/12{width:66.666667%!important}.desktop-xl\\:w-9\\/12{width:75%!important}.desktop-xl\\:pr-0{padding-right:0!important}.desktop-xl\\:pr-4{padding-right:1rem!important}.group:hover .desktop-xl\\:group-hover\\:flex{display:flex!important}.group:hover .desktop-xl\\:group-hover\\:hidden{display:none!important}}.dark\\:text-hurricane-200:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1!important;color:rgb(163 165 169/var(--tw-text-opacity,1))!important}.dark\\:text-white:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.dark\\:text-hurricane-200:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1!important;color:rgb(163 165 169/var(--tw-text-opacity,1))!important}.dark\\:text-white:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}";
+
+const TableCell = /*@__PURE__*/ proxyCustomElement(class TableCell extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+    }
+    /**
+     * The variant of the column
+     */
+    variant = 'default';
+    /**
+     * The index of the column
+     */
+    index;
+    /**
+     * The index of the row
+     */
+    rowIndex;
+    /**
+     * The definition of the table column
+     */
+    definition;
+    /**
+     * The item in question
+     */
+    item;
+    /**
+     * The value of the column
+     */
+    value;
+    /**
+     * The checkbox to show
+     */
+    checkbox;
+    /**
+     * Wether the cell needs checkbox offset instead of a checkbox
+     */
+    checkboxOffset = false;
+    /**
+     * The template to show
+     */
+    template = ({ value, }) => value;
+    get data() {
+        if (this.variant === 'header') {
+            return {
+                value: this.value,
+            };
+        }
+        return {
+            value: this.value ?? this.definition?.path
+                ? objectGetByPath(this.item, this.definition.path)
+                : null,
+            item: this.item,
+            index: this.index,
+            rowIndex: this.rowIndex,
+        };
+    }
+    render() {
+        return (h(ThemedHost, { key: 'f848ead76672fc2c07711a0713b6a85ae91e967a', class: this._getColumnClasses() }, this.checkbox, this._getContent(), false));
+    }
+    _getContent() {
+        if (this.variant === 'loading') {
+            return (h("p-loader", { variant: 'ghost', class: 'h-6 w-[calc(100%-1rem)] flex-1 rounded' }));
+        }
+        return (h("div", { class: cn('overflow-hidden text-ellipsis', {
+                flex: this.definition.flex,
+                'justify-start': this.definition.flex &&
+                    (this.definition.align === undefined ||
+                        this.definition.align === 'start'),
+                'justify-end': this.definition.flex && this.definition.align === 'end',
+                'justify-center': this.definition.flex && this.definition.align === 'end',
+                'text-start': !this.definition.flex &&
+                    (this.definition.align === undefined ||
+                        this.definition.align === 'start'),
+                'text-center': !this.definition.flex && this.definition.align === 'center',
+                'text-end': !this.definition.flex && this.definition.align === 'end',
+            }) }, this.variant === 'header' || this.variant === 'header-secondary' ? (this.data.value) : this.definition.useSlot ? (h("slot", null)) : (this.template(this.data))));
+    }
+    _getColumnClasses() {
+        return cn(getTableCellColumnClasses(this.definition, this.variant, this.checkboxOffset));
+    }
+    static get style() { return tableCellComponentCss; }
+}, [4, "p-table-cell", {
+        "variant": [1],
+        "index": [2],
+        "rowIndex": [2, "row-index"],
+        "definition": [8],
+        "item": [8],
+        "value": [8],
+        "checkbox": [8],
+        "checkboxOffset": [4, "checkbox-offset"],
+        "template": [16]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["p-table-cell", "p-loader"];
+    components.forEach(tagName => { switch (tagName) {
+        case "p-table-cell":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, TableCell);
+            }
+            break;
+        case "p-loader":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+defineCustomElement();
+
+export { TableCell as T, defineCustomElement as d };
+//# sourceMappingURL=p-Dyc4CMNs.js.map
+
+//# sourceMappingURL=p-Dyc4CMNs.js.map

package/dist/components/p-Dyc4CMNs.js.map

@@ -0,0 +1 @@
+{"file":"p-Dyc4CMNs.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/table/cell/table-cell.component.css?tag=p-table-cell","src/components/molecules/table/cell/table-cell.component.tsx"],"sourcesContent":["","import { Component, Fragment, h, Prop } from '@stencil/core';\nimport {\n\tTableDefinitionData,\n\tTableDefinitionTemplateFunc,\n} from '../../../../types';\nimport { getTableCellColumnClasses, objectGetByPath } from '../../../../utils';\n\nimport { ThemedHost } from '../../../../internal/themed-host.component';\nimport { cn } from '../../../../utils/cn';\nimport { TableColumn } from '../../../helpers/table/column/table-column.component';\n\n/*\n     With this, we shall hack the system in ways no one would ever have thought.\n\n\n        ⠀⠀⠀⠀⠀⣠⣴⣶⣿⣿⠿⣷⣶⣤⣄⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣠⣴⣶⣷⠿⣿⣿⣶⣦⣀⠀⠀⠀⠀⠀\n        ⠀⠀⠀⢀⣾⣿⣿⣿⣿⣿⣿⣿⣶⣦⣬⡉⠒⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠚⢉⣥⣴⣾⣿⣿⣿⣿⣿⣿⣿⣧⠀⠀⠀⠀\n        ⠀⠀⠀⡾⠿⠛⠛⠛⠛⠿⢿⣿⣿⣿⣿⣿⣷⣄⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣠⣾⣿⣿⣿⣿⣿⠿⠿⠛⠛⠛⠛⠿⢧⠀⠀⠀\n        ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠙⠻⣿⣿⣿⣿⣿⡄⠀⠀⠀⠀⠀⠀⣠⣿⣿⣿⣿⡿⠟⠉⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀\n        ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠙⢿⣿⡄⠀⠀⠀⠀⠀⠀⠀⠀⢰⣿⡿⠋⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀\n        ⠀⠀⠀⠀⠀⠀⠀⣠⣤⠶⠶⠶⠰⠦⣤⣀⠀⠙⣷⠀⠀⠀⠀⠀⠀⠀⢠⡿⠋⢀⣀⣤⢴⠆⠲⠶⠶⣤⣄⠀⠀⠀⠀⠀⠀⠀\n        ⠀⠘⣆⠀⠀⢠⣾⣫⣶⣾⣿⣿⣿⣿⣷⣯⣿⣦⠈⠃⡇⠀⠀⠀⠀⢸⠘⢁⣶⣿⣵⣾⣿⣿⣿⣿⣷⣦⣝⣷⡄⠀⠀⡰⠂⠀\n        ⠀⠀⣨⣷⣶⣿⣧⣛⣛⠿⠿⣿⢿⣿⣿⣛⣿⡿⠀⠀⡇⠀⠀⠀⠀⢸⠀⠈⢿⣟⣛⠿⢿⡿⢿⢿⢿⣛⣫⣼⡿⣶⣾⣅⡀⠀\n        ⢀⡼⠋⠁⠀⠀⠈⠉⠛⠛⠻⠟⠸⠛⠋⠉⠁⠀⠀⢸⡇⠀⠀⠄⠀⢸⡄⠀⠀⠈⠉⠙⠛⠃⠻⠛⠛⠛⠉⠁⠀⠀⠈⠙⢧⡀\n        ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣿⡇⢠⠀⠀⠀⢸⣷⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀\n        ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣾⣿⡇⠀⠀⠀⠀⢸⣿⣷⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀\n        ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣰⠟⠁⣿⠇⠀⠀⠀⠀⢸⡇⠙⢿⣆⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀\n        ⠀⠰⣄⠀⠀⠀⠀⠀⠀⠀⠀⢀⣠⣾⠖⡾⠁⠀⠀⣿⠀⠀⠀⠀⠀⠘⣿⠀⠀⠙⡇⢸⣷⣄⡀⠀⠀⠀⠀⠀⠀⠀⠀⣰⠄⠀\n        ⠀⠀⢻⣷⡦⣤⣤⣤⡴⠶⠿⠛⠉⠁⠀⢳⠀⢠⡀⢿⣀⠀⠀⠀⠀⣠⡟⢀⣀⢠⠇⠀⠈⠙⠛⠷⠶⢦⣤⣤⣤⢴⣾⡏⠀⠀\n        ⠀⠀⠈⣿⣧⠙⣿⣷⣄⠀⠀⠀⠀⠀⠀⠀⠀⠘⠛⢊⣙⠛⠒⠒⢛⣋⡚⠛⠉⠀⠀⠀⠀⠀⠀⠀⠀⣠⣿⡿⠁⣾⡿⠀⠀⠀\n        ⠀⠀⠀⠘⣿⣇⠈⢿⣿⣦⠀⠀⠀⠀⠀⠀⠀⠀⣰⣿⣿⣿⡿⢿⣿⣿⣿⣆⠀⠀⠀⠀⠀⠀⠀⢀⣼⣿⡟⠁⣼⡿⠁⠀⠀⠀\n        ⠀⠀⠀⠀⠘⣿⣦⠀⠻⣿⣷⣦⣤⣤⣶⣶⣶⣿⣿⣿⣿⠏⠀⠀⠻⣿⣿⣿⣿⣶⣶⣶⣦⣤⣴⣿⣿⠏⢀⣼⡿⠁⠀⠀⠀⠀\n        ⠀⠀⠀⠀⠀⠘⢿⣷⣄⠙⠻⠿⠿⠿⠿⠿⢿⣿⣿⣿⣁⣀⣀⣀⣀⣙⣿⣿⣿⠿⠿⠿⠿⠿⠿⠟⠁⣠⣿⡿⠁⠀⠀⠀⠀⠀\n        ⠀⠀⠀⠀⠀⠀⠈⠻⣯⠙⢦⣀⠀⠀⠀⠀⠀⠉⠉⠉⠉⠉⠉⠉⠉⠉⠉⠉⠉⠀⠀⠀⠀⠀⣠⠴⢋⣾⠟⠀⠀⠀⠀⠀⠀⠀\n        ⠀⠀⠀⠀⠀⠀⠀⠀⠙⢧⡀⠈⠉⠒⠀⠀⠀⠀⠀⠀⣀⠀⠀⠀⠀⢀⠀⠀⠀⠀⠀⠐⠒⠉⠁⢀⡾⠃⠀⠀⠀⠀⠀⠀⠀⠀\n        ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠳⣄⠀⠀⠀⠀⠀⠀⠀⠀⠻⣿⣿⣿⣿⠋⠀⠀⠀⠀⠀⠀⠀⠀⣠⠟⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀\n        ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠘⢦⡀⠀⠀⠀⠀⠀⠀⠀⣸⣿⣿⡇⠀⠀⠀⠀⠀⠀⠀⢀⡴⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀\n        ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣿⣿⣿⣿⠀⠀⠀⠀⠀⠀⠀⠋⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀\n        ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠐⣿⣿⣿⣿⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀\n        ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣿⣿⣿⡿⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀\n        ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢻⣿⣿⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀\n        ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠸⣿⣿⠃⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀\n    */\n@Component({\n\ttag: 'p-table-cell',\n\tstyleUrl: 'table-cell.component.css',\n})\nexport class TableCell {\n\t/**\n\t * The variant of the column\n\t */\n\t@Prop() variant: 'default' | 'loading' | 'header' | 'header-secondary' =\n\t\t'default';\n\n\t/**\n\t * The index of the column\n\t */\n\t@Prop() index: number;\n\n\t/**\n\t * The index of the row\n\t */\n\t@Prop() rowIndex: number;\n\n\t/**\n\t * The definition of the table column\n\t */\n\t@Prop() definition?: TableColumn | any;\n\n\t/**\n\t * The item in question\n\t */\n\t@Prop() item: any;\n\n\t/**\n\t * The value of the column\n\t */\n\t@Prop() value: any;\n\n\t/**\n\t * The checkbox to show\n\t */\n\t@Prop() checkbox: any;\n\n\t/**\n\t * Wether the cell needs checkbox offset instead of a checkbox\n\t */\n\t@Prop() checkboxOffset: boolean = false;\n\n\t/**\n\t * The template to show\n\t */\n\t@Prop() template: TableDefinitionTemplateFunc = ({\n\t\tvalue,\n\t}: TableDefinitionData) => value;\n\n\tget data(): TableDefinitionData | { value: string } {\n\t\tif (this.variant === 'header') {\n\t\t\treturn {\n\t\t\t\tvalue: this.value,\n\t\t\t};\n\t\t}\n\n\t\treturn {\n\t\t\tvalue:\n\t\t\t\tthis.value ?? this.definition?.path\n\t\t\t\t\t? objectGetByPath(this.item, this.definition.path)\n\t\t\t\t\t: null,\n\t\t\titem: this.item,\n\t\t\tindex: this.index,\n\t\t\trowIndex: this.rowIndex,\n\t\t};\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<ThemedHost class={this._getColumnClasses()}>\n\t\t\t\t{this.checkbox}\n\n\t\t\t\t{this._getContent()}\n\n\t\t\t\t{false && (\n\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t<div class='pl-8'></div>\n\t\t\t\t\t\t<div class='text-storm-300 text-storm-400 text-storm-500 dark:text-hurricane-200 dark:text-white'></div>\n\t\t\t\t\t\t<div class='justify-start justify-end justify-center'></div>\n\t\t\t\t\t\t<div class='font-semibold text-storm-300 text-storm-400 text-storm-500'></div>\n\t\t\t\t\t\t<div class='w-12/12 w-1/12 w-10/12 w-11/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'></div>\n\t\t\t\t\t\t<div class='tablet:w-12/12 tablet:w-1/12 tablet:w-10/12 tablet:w-11/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'></div>\n\t\t\t\t\t\t<div class='desktop-xs:w-12/12 desktop-xs:w-1/12 desktop-xs:w-10/12 desktop-xs:w-11/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'></div>\n\t\t\t\t\t\t<div class='desktop-xs:w-12/12 desktop-xs:w-1/12 desktop-xs:w-10/12 desktop-xs:w-11/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'></div>\n\t\t\t\t\t\t<div class='desktop-sm:w-12/12 desktop-sm:w-1/12 desktop-sm:w-10/12 desktop-sm:w-11/12 desktop-sm:w-2/12 desktop-sm:w-3/12 desktop-sm:w-4/12 desktop-sm:w-5/12 desktop-sm:w-6/12 desktop-sm:w-7/12 desktop-sm:w-8/12 desktop-sm:w-9/12'></div>\n\t\t\t\t\t\t<div class='desktop:w-12/12 desktop:w-1/12 desktop:w-10/12 desktop:w-11/12 desktop:w-2/12 desktop:w-3/12 desktop:w-4/12 desktop:w-5/12 desktop:w-6/12 desktop:w-7/12 desktop:w-8/12 desktop:w-9/12'></div>\n\t\t\t\t\t\t<div class='desktop-lg:w-12/12 desktop-lg:w-1/12 desktop-lg:w-10/12 desktop-lg:w-11/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'></div>\n\t\t\t\t\t\t<div class='desktop-xl:w-12/12 desktop-xl:w-1/12 desktop-xl:w-10/12 desktop-xl:w-11/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'></div>\n\t\t\t\t\t\t<div class='flex hidden group-hover:flex group-hover:hidden'></div>\n\t\t\t\t\t\t<div class='tablet:flex tablet:hidden tablet:group-hover:flex tablet:group-hover:hidden'></div>\n\t\t\t\t\t\t<div class='desktop-xs:flex desktop-xs:hidden desktop-xs:group-hover:flex desktop-xs:group-hover:hidden'></div>\n\t\t\t\t\t\t<div class='desktop-sm:flex desktop-sm:hidden  desktop-sm:group-hover:flex desktop-sm:group-hover:hidden'></div>\n\t\t\t\t\t\t<div class='desktop:flex desktop:hidden desktop:group-hover:flex desktop:group-hover:hidden'></div>\n\t\t\t\t\t\t<div class='desktop-lg:flex desktop-lg:hidden desktop-lg:group-hover:flex desktop-lg:group-hover:hidden'></div>\n\t\t\t\t\t\t<div class='desktop-xl:flex desktop-xl:hidden desktop-xl:group-hover:flex desktop-xl:group-hover:hidden'></div>\n\t\t\t\t\t\t<div class='pr-0 pr-4 last-of-type:pr-0'></div>\n\t\t\t\t\t\t<div class='tablet:pr-0 tablet:pr-4'></div>\n\t\t\t\t\t\t<div class='desktop-xs:pr-0 desktop-xs:pr-4'></div>\n\t\t\t\t\t\t<div class='desktop-sm:pr-0 desktop-sm:pr-4'></div>\n\t\t\t\t\t\t<div class='desktop:pr-0 desktop:pr-4'></div>\n\t\t\t\t\t\t<div class='desktop-lg:pr-0 desktop-lg:pr-4'></div>\n\t\t\t\t\t\t<div class='desktop-xl:pr-0 desktop-xl:pr-4'></div>\n\t\t\t\t\t</Fragment>\n\t\t\t\t)}\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n\n\tprivate _getContent() {\n\t\tif (this.variant === 'loading') {\n\t\t\treturn (\n\t\t\t\t<p-loader\n\t\t\t\t\tvariant='ghost'\n\t\t\t\t\tclass='h-6 w-[calc(100%-1rem)] flex-1 rounded'\n\t\t\t\t/>\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclass={cn('overflow-hidden text-ellipsis', {\n\t\t\t\t\tflex: this.definition.flex,\n\t\t\t\t\t'justify-start':\n\t\t\t\t\t\tthis.definition.flex &&\n\t\t\t\t\t\t(this.definition.align === undefined ||\n\t\t\t\t\t\t\tthis.definition.align === 'start'),\n\t\t\t\t\t'justify-end':\n\t\t\t\t\t\tthis.definition.flex && this.definition.align === 'end',\n\t\t\t\t\t'justify-center':\n\t\t\t\t\t\tthis.definition.flex && this.definition.align === 'end',\n\t\t\t\t\t'text-start':\n\t\t\t\t\t\t!this.definition.flex &&\n\t\t\t\t\t\t(this.definition.align === undefined ||\n\t\t\t\t\t\t\tthis.definition.align === 'start'),\n\t\t\t\t\t'text-center':\n\t\t\t\t\t\t!this.definition.flex && this.definition.align === 'center',\n\t\t\t\t\t'text-end': !this.definition.flex && this.definition.align === 'end',\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t{this.variant === 'header' || this.variant === 'header-secondary' ? (\n\t\t\t\t\tthis.data.value\n\t\t\t\t) : this.definition.useSlot ? (\n\t\t\t\t\t<slot />\n\t\t\t\t) : (\n\t\t\t\t\tthis.template(this.data as TableDefinitionData)\n\t\t\t\t)}\n\t\t\t</div>\n\t\t);\n\t}\n\n\tprivate _getColumnClasses() {\n\t\treturn cn(\n\t\t\tgetTableCellColumnClasses(\n\t\t\t\tthis.definition,\n\t\t\t\tthis.variant,\n\t\t\t\tthis.checkboxOffset\n\t\t\t)\n\t\t);\n\t}\n}\n"],"version":3}

package/dist/components/p-h9R5XZgN.js

@@ -0,0 +1,147 @@
+import { p as proxyCustomElement, H, h } from './p-Dgl2kvBS.js';
+import { c as cva } from './p-CBWjHURv.js';
+import { a as asBoolean } from './p-C5CTp9IA.js';
+import { T as ThemedHost } from './p-7QA93RrV.js';
+import { d as defineCustomElement$1 } from './p-BoNZCwkk.js';
+
+const tableRowComponentCss = ".relative{position:relative!important}*{box-sizing:border-box}:host{--tw-content:\"\";position:relative}.static{position:static!important}.absolute{position:absolute!important}.-right-4{right:-1rem!important}.top-1{top:.25rem!important}.z-\\[2\\]{z-index:2!important}.m-1{margin:.25rem!important}.mb-4{margin-bottom:1rem!important}.flex{display:flex!important}.table-row{display:table-row!important}.h-\\[calc\\(100\\%-0\\.5rem\\)\\]{height:calc(100% - .5rem)!important}.min-h-0{min-height:0!important}.min-h-14{min-height:3.5rem!important}.min-w-\\[calc\\(100\\%-0\\.5rem\\)\\]{min-width:calc(100% - .5rem)!important}.min-w-full{min-width:100%!important}.flex-col{flex-direction:column!important}.flex-nowrap{flex-wrap:nowrap!important}.items-center{align-items:center!important}.justify-between{justify-content:space-between!important}.rounded-lg{border-radius:.5rem!important}.bg-off-white-300{--tw-bg-opacity:1!important;background-color:rgb(248 247 244/var(--tw-bg-opacity,1))!important}.px-3{padding-left:.75rem!important;padding-right:.75rem!important}.px-4{padding-left:1rem!important;padding-right:1rem!important}.py-2{padding-bottom:.5rem!important;padding-top:.5rem!important}.pb-4{padding-bottom:1rem!important}.font-ambit{font-family:Ambit,sans-serif!important}.text-lg{font-size:1.125rem!important;line-height:1.75rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-bold{font-weight:700!important}.font-normal{font-weight:400!important}.text-storm-400{--tw-text-opacity:1!important;color:rgb(70 75 84/var(--tw-text-opacity,1))!important}.text-storm-500{--tw-text-opacity:1!important;color:rgb(24 30 41/var(--tw-text-opacity,1))!important}.opacity-0{opacity:0!important}.transition-colors{transition-duration:.15s!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.transition-opacity{transition-duration:.15s!important;transition-property:opacity!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.empty\\:hidden:empty{display:none!important}.hover\\:cursor-pointer:hover{cursor:pointer!important}.hover\\:bg-off-white-300:hover{--tw-bg-opacity:1!important;background-color:rgb(248 247 244/var(--tw-bg-opacity,1))!important}.group:hover .group-hover\\:opacity-100{opacity:1!important}@media (min-width:40rem){.tablet\\:py-4{padding-bottom:1rem!important;padding-top:1rem!important}}.dark\\:bg-hurricane-400:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1!important;background-color:rgb(70 75 84/var(--tw-bg-opacity,1))!important}.dark\\:text-hurricane-200:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1!important;color:rgb(163 165 169/var(--tw-text-opacity,1))!important}.dark\\:text-white:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.dark\\:hover\\:bg-hurricane-400:hover:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1!important;background-color:rgb(70 75 84/var(--tw-bg-opacity,1))!important}.dark\\:hover\\:bg-hurricane-600:hover:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1!important;background-color:rgb(46 52 62/var(--tw-bg-opacity,1))!important}.dark\\:bg-hurricane-400:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1!important;background-color:rgb(70 75 84/var(--tw-bg-opacity,1))!important}.dark\\:text-hurricane-200:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1!important;color:rgb(163 165 169/var(--tw-text-opacity,1))!important}.dark\\:text-white:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.dark\\:hover\\:bg-hurricane-400:hover:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1!important;background-color:rgb(70 75 84/var(--tw-bg-opacity,1))!important}.dark\\:hover\\:bg-hurricane-600:hover:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1!important;background-color:rgb(46 52 62/var(--tw-bg-opacity,1))!important}";
+
+const row = cva(['flex min-w-[calc(100%-0.5rem)] flex-col', 'group', 'relative'], {
+    variants: {
+        variant: {
+            default: ['px-3 m-1', 'text-sm text-storm-500', 'dark:text-white'],
+            header: null,
+            'header-secondary': 'mb-4',
+            secondary: ['px-4', 'font-ambit text-lg font-bold'],
+        },
+        enableHover: {
+            true: null,
+            false: null,
+        },
+        checked: {
+            true: null,
+            false: null,
+        },
+    },
+    compoundVariants: [
+        {
+            variant: 'default',
+            enableHover: true,
+            class: ['rounded-lg transition-colors', 'hover:cursor-pointer'],
+        },
+        {
+            variant: 'default',
+            enableHover: true,
+            checked: false,
+            class: ['hover:bg-off-white-300', 'dark:hover:bg-hurricane-600'],
+        },
+        {
+            variant: 'default',
+            checked: true,
+            class: [
+                'rounded-lg transition-colors',
+                'bg-off-white-300 dark:bg-hurricane-400 dark:hover:bg-hurricane-400',
+            ],
+        },
+        {
+            variant: ['secondary', 'header-secondary'],
+            class: ['bg-off-white-300 rounded-lg', 'dark:bg-hurricane-400'],
+        },
+        {
+            variant: ['header', 'header-secondary'],
+            class: [
+                'px-4',
+                'text-xs font-normal text-storm-400',
+                'dark:text-hurricane-200',
+            ],
+        },
+    ],
+});
+const content = cva('relative flex min-w-full flex-nowrap items-center justify-between', {
+    variants: {
+        variant: {
+            default: null,
+            secondary: null,
+            header: 'pb-4',
+            'header-secondary': 'py-2',
+        },
+    },
+    compoundVariants: [
+        {
+            variant: ['default', 'secondary'],
+            class: 'min-h-14 py-2 tablet:py-4',
+        },
+        {
+            variant: ['header', 'header-secondary'],
+            class: 'min-h-0',
+        },
+    ],
+});
+const actions = cva([
+    'absolute -right-4 top-1 z-[2]',
+    'h-[calc(100%-0.5rem)]',
+    'opacity-0 transition-opacity group-hover:opacity-100',
+    'empty:hidden',
+]);
+const TableRow = /*@__PURE__*/ proxyCustomElement(class TableRow extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+    }
+    /**
+     * Variant of the header
+     */
+    variant = 'default';
+    /**
+     * Enable hover
+     */
+    enableHover = true;
+    /**
+     * Wether the row is checked
+     */
+    checked = false;
+    /**
+     * Wether the row is the last one
+     */
+    isLast = false;
+    render() {
+        return (h(ThemedHost, { key: '1e5ed543abdb422c521e58ef3e9edd64e6fae14e' }, h("div", { key: '2e198885019f8fc0f4703fba59fcf67917b7d40c', class: 'flex flex-col' }, h("div", { key: '8726be1fdeecd723f84217626300841b5fffaac7', class: row({
+                variant: this.variant,
+                enableHover: this.enableHover,
+                checked: this.checked,
+            }) }, h("div", { key: '1e4ee3d5159f10d789c2da5bd4b13e4d052169de', class: content({
+                variant: this.variant,
+            }) }, h("slot", { key: '150dfc50f2616729be0fa25a12fb7f569f86ddb1' }), h("div", { key: '15df772bef75beb45595b1ba8903315139cf35ec', class: actions() }, h("slot", { key: 'd91561261d4d22b4252a59ed7a464482bc432e7c', name: 'actions' })))), !asBoolean(this.isLast) && this.variant !== 'secondary' && (h("p-divider", { key: 'e3430c3c0e815f1287d4b8ad5040c5af4a67cc8c' })))));
+    }
+    static get style() { return tableRowComponentCss; }
+}, [1, "p-table-row", {
+        "variant": [1],
+        "enableHover": [4, "enable-hover"],
+        "checked": [4],
+        "isLast": [4, "is-last"]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["p-table-row", "p-divider"];
+    components.forEach(tagName => { switch (tagName) {
+        case "p-table-row":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, TableRow);
+            }
+            break;
+        case "p-divider":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+defineCustomElement();
+
+export { TableRow as T, defineCustomElement as d };
+//# sourceMappingURL=p-h9R5XZgN.js.map
+
+//# sourceMappingURL=p-h9R5XZgN.js.map

package/dist/components/p-h9R5XZgN.js.map

@@ -0,0 +1 @@
+{"file":"p-h9R5XZgN.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/table/row/table-row.component.css?tag=p-table-row&encapsulation=shadow","src/components/molecules/table/row/table-row.component.tsx"],"sourcesContent":[":host {\n\t@apply relative;\n\t--tw-content: '';\n}\n","import { Component, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { asBoolean } from '../../../../utils/as-boolean';\nimport { ThemedHost } from '../../../../internal/themed-host.component';\n\nconst row = cva(\n\t['flex min-w-[calc(100%-0.5rem)] flex-col', 'group', 'relative'],\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tdefault: ['px-3 m-1', 'text-sm text-storm-500', 'dark:text-white'],\n\t\t\t\theader: null,\n\t\t\t\t'header-secondary': 'mb-4',\n\t\t\t\tsecondary: ['px-4', 'font-ambit text-lg font-bold'],\n\t\t\t},\n\t\t\tenableHover: {\n\t\t\t\ttrue: null,\n\t\t\t\tfalse: null,\n\t\t\t},\n\t\t\tchecked: {\n\t\t\t\ttrue: null,\n\t\t\t\tfalse: null,\n\t\t\t},\n\t\t},\n\t\tcompoundVariants: [\n\t\t\t{\n\t\t\t\tvariant: 'default',\n\t\t\t\tenableHover: true,\n\t\t\t\tclass: ['rounded-lg transition-colors', 'hover:cursor-pointer'],\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'default',\n\t\t\t\tenableHover: true,\n\t\t\t\tchecked: false,\n\t\t\t\tclass: ['hover:bg-off-white-300', 'dark:hover:bg-hurricane-600'],\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'default',\n\t\t\t\tchecked: true,\n\t\t\t\tclass: [\n\t\t\t\t\t'rounded-lg transition-colors',\n\t\t\t\t\t'bg-off-white-300 dark:bg-hurricane-400 dark:hover:bg-hurricane-400',\n\t\t\t\t],\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: ['secondary', 'header-secondary'],\n\t\t\t\tclass: ['bg-off-white-300 rounded-lg', 'dark:bg-hurricane-400'],\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: ['header', 'header-secondary'],\n\t\t\t\tclass: [\n\t\t\t\t\t'px-4',\n\t\t\t\t\t'text-xs font-normal text-storm-400',\n\t\t\t\t\t'dark:text-hurricane-200',\n\t\t\t\t],\n\t\t\t},\n\t\t],\n\t}\n);\n\nconst content = cva(\n\t'relative flex min-w-full flex-nowrap items-center justify-between',\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tdefault: null,\n\t\t\t\tsecondary: null,\n\t\t\t\theader: 'pb-4',\n\t\t\t\t'header-secondary': 'py-2',\n\t\t\t},\n\t\t},\n\t\tcompoundVariants: [\n\t\t\t{\n\t\t\t\tvariant: ['default', 'secondary'],\n\t\t\t\tclass: 'min-h-14 py-2 tablet:py-4',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: ['header', 'header-secondary'],\n\t\t\t\tclass: 'min-h-0',\n\t\t\t},\n\t\t],\n\t}\n);\n\nconst actions = cva([\n\t'absolute -right-4 top-1 z-[2]',\n\t'h-[calc(100%-0.5rem)]',\n\t'opacity-0 transition-opacity group-hover:opacity-100',\n\t'empty:hidden',\n]);\n\n@Component({\n\ttag: 'p-table-row',\n\tstyleUrl: 'table-row.component.css',\n\tshadow: true,\n})\nexport class TableRow {\n\t/**\n\t * Variant of the header\n\t */\n\t@Prop() variant: 'default' | 'secondary' | 'header' | 'header-secondary' =\n\t\t'default';\n\n\t/**\n\t * Enable hover\n\t */\n\t@Prop() enableHover: boolean = true;\n\n\t/**\n\t * Wether the row is checked\n\t */\n\t@Prop() checked: boolean = false;\n\n\t/**\n\t * Wether the row is the last one\n\t */\n\t@Prop() isLast: boolean = false;\n\n\trender() {\n\t\treturn (\n\t\t\t<ThemedHost>\n\t\t\t\t<div class='flex flex-col'>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass={row({\n\t\t\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\t\t\tenableHover: this.enableHover,\n\t\t\t\t\t\t\tchecked: this.checked,\n\t\t\t\t\t\t})}\n\t\t\t\t\t>\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclass={content({\n\t\t\t\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<slot />\n\t\t\t\t\t\t\t<div class={actions()}>\n\t\t\t\t\t\t\t\t<slot name='actions' />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t{!asBoolean(this.isLast) && this.variant !== 'secondary' && (\n\t\t\t\t\t\t<p-divider />\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n}\n"],"version":3}

package/dist/components/p-listing.js

@@ -24,10 +24,10 @@ const Listing = /*@__PURE__*/ proxyCustomElement(class Listing extends H {
         }
     }
     render() {
-        return (h("div", { key: 'fa1711147b6dad9acbbd5b5a5fb798299e22bf2a', class: cn('flex w-full flex-col flex-wrap items-start gap-1', {
+        return (h("div", { key: 'e8406c5d67b32dcab48ab048604487160f905c81', class: cn('flex w-full flex-col flex-wrap items-start gap-1', {
                 'opacity-100': this._generatedOnce,
                 'opacity-0': !this._generatedOnce,
-            }) }, h("slot", { key: '8e3b03479567559ba00e7839e7f9555d142f520c', onSlotchange: () => this._generateLinesOnce() })));
+            }) }, h("slot", { key: '5c0f01fe878536842572168f55d26660b68b8f0a', onSlotchange: () => this._generateLinesOnce() })));
     }
     _generateLinesOnce() {
         if (this._generateTimeout) {

package/dist/components/p-navbar.js

@@ -56,7 +56,7 @@ const Navbar = /*@__PURE__*/ proxyCustomElement(class Navbar extends H {
     }
     _show = false;
     render() {
-        return (h(ThemedHost, { key: 'f18236b1eecebb2364756c2ec45dd5547e5c2b8a' }, h("p-backdrop", { key: 'd6c6c3c6913c64801c3210b3f9356a7d2f88f685', class: backdrop({ show: this._show }), scrollLock: this._show, onClicked: () => (this._show = false) }), h("div", { key: '26fa33772a4437faaec4d5bbce86f5fcf5e06f1d', class: sidebar({ class: sidebarAndTopbar(), show: this._show }) }, h("div", { key: 'c41a829e518a972b4c7030fb0500a1501fa3835b', class: 'flex w-full items-center justify-end layout-1280:hidden' }, h("p-button", { key: 'ee1d0e561764ddbf58797ca8ea6ca08bb726aa6d', variant: 'secondary', icon: 'menu-arrow', iconFlip: 'horizontal', iconOnly: true, onClick: () => (this._show = false) })), h("div", { key: '531559e69a4158a2271be6d63ab7537f866f8eaf', class: 'flex w-full flex-shrink-0 flex-col items-stretch' }, h("slot", { key: '97b8397a519af90da71aa53ec90ffad88a723657', name: 'company' })), h("div", { key: '4c526a339ac703505b3dd2ac8a4959e3b4bc47ee', class: 'flex w-full flex-1 flex-col gap-6 overflow-y-auto' }, h("slot", { key: '6047b39501d08754bcb7264142cf713297cf9e01', name: 'content' })), h("div", { key: '18cbd646cbefb9031e74f712afdc7075d8aec953', class: 'mt-auto hidden w-full flex-shrink-0 flex-col layout-1280:flex' }, h("slot", { key: '15cbd9e622dbda0c2e09e2353143ffd164a41cfc', name: 'user' }))), h("div", { key: 'f54474e0a0b298dd986be0b6e74c9fb0cff05945', class: topbar({ class: sidebarAndTopbar() }) }, h("p-button", { key: 'a9cb10403323860b08a5131d928d19f9fdfb6afa', variant: 'secondary', iconOnly: true, icon: 'menu-arrow', onClick: () => (this._show = true) }), h("slot", { key: 'ccfaa956eb493047a8ce2f0c3a1c89d62e47a0c3', name: 'topbar' }))));
+        return (h(ThemedHost, { key: '0c266f4492556482dbcfb9514626afccc25f48aa' }, h("p-backdrop", { key: 'c8acb2161b3555ec2ceca32fd13b0a8840a39e07', class: backdrop({ show: this._show }), scrollLock: this._show, onClicked: () => (this._show = false) }), h("div", { key: '8f6b26d0e546e72429bb92ae4c8c0d14a8916d23', class: sidebar({ class: sidebarAndTopbar(), show: this._show }) }, h("div", { key: '617f02c836923b9ee15db43d6351b252ea05366f', class: 'flex w-full items-center justify-end layout-1280:hidden' }, h("p-button", { key: '75278d6725a8acbd7639652b0b4e2f827ff6a494', variant: 'secondary', icon: 'menu-arrow', iconFlip: 'horizontal', iconOnly: true, onClick: () => (this._show = false) })), h("div", { key: '5b9714e4ca64a5795597e598f7debaea7bbe5a1e', class: 'flex w-full flex-shrink-0 flex-col items-stretch' }, h("slot", { key: '3841bb40c3c2991223a400ede5ef2ad7b291118b', name: 'company' })), h("div", { key: '950a0263aa62c7f846cdc38d74ccf60534131fd6', class: 'flex w-full flex-1 flex-col gap-6 overflow-y-auto' }, h("slot", { key: '3323d582d86d321cec94823f2bcda6c97fbca937', name: 'content' })), h("div", { key: '7ccc242adc5ffa0477cb006489ef11e80be13469', class: 'mt-auto hidden w-full flex-shrink-0 flex-col layout-1280:flex' }, h("slot", { key: 'bd4497a7520fcb27b07f03ec161e3e54a5182419', name: 'user' }))), h("div", { key: '46ad39e41123fb9411e6831f2cb4e0cc0a6c0f50', class: topbar({ class: sidebarAndTopbar() }) }, h("p-button", { key: 'd3a478c442ddc1d536a5a887a24cdefce05f3b9a', variant: 'secondary', iconOnly: true, icon: 'menu-arrow', onClick: () => (this._show = true) }), h("slot", { key: 'cae9deac19b5943e9b711d60822159c7ad5851ec', name: 'topbar' }))));
     }
     handleCloseNavbar() {
         this._show = false;

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

@@ -1,4 +1,4 @@
-import { T as TableCell, d as defineCustomElement$1 } from './p-Q0QulP11.js';
+import { T as TableCell, d as defineCustomElement$1 } from './p-Dyc4CMNs.js';
 
 const PTableCell = TableCell;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1 +1 @@
-{"file":"p-table-column.js","mappings":";;MAMa,WAAW,iBAAAA,kBAAA,CAAA,MAAA,WAAA,SAAAC,CAAA,CAAA;;;;;;AACvB;;AAEG;AACqC,IAAA,IAAI;AAE5C;;AAEG;IACqC,OAAO,GAG9B,SAAS;AAE1B;;AAEG;AACqC,IAAA,IAAI;AAE5C;;AAEG;IACqC,IAAI,GAAY,KAAK;AAE7D;;AAEG;IACqC,OAAO,GAAY,KAAK;AAEhE;;AAEG;IACqC,WAAW,GAAY,KAAK;AAEpE;;AAEG;IACqC,KAAK,GAC5C,OAAO;AAER;;AAEG;IACqC,MAAM,GAAY,KAAK;AAE/D;;AAEG;AACqC,IAAA,WAAW;AAInD;;AAEG;IACsB,KAAK,GAKR,MAAM;AAE5B;;AAEG;AAEH,IAAA,sBAAsB;IAEtB,kBAAkB,GAAA;AACjB,QAAA,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,IAAI,CAAC;;IAGvC,MAAM,GAAA;QACL;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"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 variant of the column\n\t */\n\t@Prop({ reflect: true, mutable: true }) variant:\n\t\t| 'subject'\n\t\t| 'default'\n\t\t| 'highlight' = 'default';\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 be flex\n\t */\n\t@Prop({ reflect: true, mutable: true }) flex: boolean = false;\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 should be sticky (Only works on angular variant of table)\n\t */\n\t@Prop({ reflect: true, mutable: true }) sticky: boolean = false;\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}
+{"file":"p-table-column.js","mappings":";;MAMa,WAAW,iBAAAA,kBAAA,CAAA,MAAA,WAAA,SAAAC,CAAA,CAAA;;;;;;AACvB;;AAEG;AACqC,IAAA,IAAI;AAE5C;;AAEG;IACqC,OAAO,GAIvB,SAAS;AAEjC;;AAEG;AACqC,IAAA,IAAI;AAE5C;;AAEG;IACqC,IAAI,GAAY,KAAK;AAE7D;;AAEG;IACqC,OAAO,GAAY,KAAK;AAEhE;;AAEG;IACqC,WAAW,GAAY,KAAK;AAEpE;;AAEG;IACqC,KAAK,GAC5C,OAAO;AAER;;AAEG;IACqC,MAAM,GAAY,KAAK;AAE/D;;AAEG;AACqC,IAAA,WAAW;AAInD;;AAEG;IACsB,KAAK,GAKR,MAAM;AAE5B;;AAEG;AAEH,IAAA,sBAAsB;IAEtB,kBAAkB,GAAA;AACjB,QAAA,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,IAAI,CAAC;;IAGvC,MAAM,GAAA;QACL;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"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 variant of the column\n\t */\n\t@Prop({ reflect: true, mutable: true }) variant:\n\t\t| 'subject'\n\t\t| 'default'\n\t\t| 'highlight'\n\t\t| 'header-secondary' = 'default';\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 be flex\n\t */\n\t@Prop({ reflect: true, mutable: true }) flex: boolean = false;\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 should be sticky (Only works on angular variant of table)\n\t */\n\t@Prop({ reflect: true, mutable: true }) sticky: boolean = false;\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-extra-header.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface PTableExtraHeader extends Components.PTableExtraHeader, HTMLElement {}
+export const PTableExtraHeader: {
+    prototype: PTableExtraHeader;
+    new (): PTableExtraHeader;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/p-table-extra-header.js

@@ -0,0 +1,72 @@
+import { p as proxyCustomElement, H, c as createEvent } from './p-Dgl2kvBS.js';
+
+const TableExtraHeader = /*@__PURE__*/ proxyCustomElement(class TableExtraHeader extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.tableDefinitionChanged = createEvent(this, "tableDefinitionChanged", 7);
+    }
+    /**
+     * The name of the column
+     */
+    name;
+    /**
+     * Wether the column should be sticky (Only works on angular variant of table)
+     */
+    sticky = false;
+    /**
+     * Wether the column should use the slot
+     */
+    useSlot = true;
+    /**
+     * The alignment of the column
+     */
+    align = 'start';
+    /**
+     * Parsed sizes based on the complete set of columns
+     */
+    parsedSizes;
+    /**
+     * The sizes of the column
+     */
+    sizes = 'auto';
+    /**
+     * Event to let the table know it has to re render
+     */
+    tableDefinitionChanged;
+    componentDidUpdate() {
+        this.tableDefinitionChanged.emit(true);
+    }
+    render() {
+        return;
+    }
+}, [0, "p-table-extra-header", {
+        "name": [1537],
+        "sticky": [1540],
+        "useSlot": [1540, "use-slot"],
+        "align": [1537],
+        "parsedSizes": [1040, "parsed-sizes"],
+        "sizes": [1032]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["p-table-extra-header"];
+    components.forEach(tagName => { switch (tagName) {
+        case "p-table-extra-header":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, TableExtraHeader);
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const PTableExtraHeader = TableExtraHeader;
+const defineCustomElement = defineCustomElement$1;
+
+export { PTableExtraHeader, defineCustomElement };
+//# sourceMappingURL=p-table-extra-header.js.map
+
+//# sourceMappingURL=p-table-extra-header.js.map

package/dist/components/p-table-extra-header.js.map

@@ -0,0 +1 @@
+{"file":"p-table-extra-header.js","mappings":";;MAMa,gBAAgB,iBAAAA,kBAAA,CAAA,MAAA,gBAAA,SAAAC,CAAA,CAAA;;;;;;AAC5B;;AAEG;AACqC,IAAA,IAAI;AAE5C;;AAEG;IACqC,MAAM,GAAY,KAAK;AAE/D;;AAEG;IACqC,OAAO,GAAY,IAAI;AAE/D;;AAEG;IACqC,KAAK,GAC5C,OAAO;AAER;;AAEG;AACqC,IAAA,WAAW;AAInD;;AAEG;IACsB,KAAK,GAKR,MAAM;AAE5B;;AAEG;AAEH,IAAA,sBAAsB;IAEtB,kBAAkB,GAAA;AACjB,QAAA,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,IAAI,CAAC;;IAGvC,MAAM,GAAA;QACL;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/helpers/table/extra-header/table-extra-header.component.tsx"],"sourcesContent":["import { Component, Event, EventEmitter, Prop } from '@stencil/core';\nimport { TableColumnSizes } from '../../../../types/table';\n\n@Component({\n\ttag: 'p-table-extra-header',\n})\nexport class TableExtraHeader {\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 be sticky (Only works on angular variant of table)\n\t */\n\t@Prop({ reflect: true, mutable: true }) sticky: boolean = false;\n\n\t/**\n\t * Wether the column should use the slot\n\t */\n\t@Prop({ reflect: true, mutable: true }) useSlot: boolean = true;\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 * 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-footer.js

@@ -1,4 +1,4 @@
-import { T as TableFooter, d as defineCustomElement$1 } from './p-DjVT03PN.js';
+import { T as TableFooter, d as defineCustomElement$1 } from './p-BnFffAKh.js';
 
 const PTableFooter = TableFooter;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,4 +1,4 @@
-import { T as TableHeader, d as defineCustomElement$1 } from './p-BJ_tiVQ2.js';
+import { T as TableHeader, d as defineCustomElement$1 } from './p-C_WKf2Pq.js';
 
 const PTableHeader = TableHeader;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,4 +1,4 @@
-import { T as TableRow, d as defineCustomElement$1 } from './p-BORmwkco.js';
+import { T as TableRow, d as defineCustomElement$1 } from './p-h9R5XZgN.js';
 
 const PTableRow = TableRow;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/p-table.js

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-Dgl2kvBS.js';
 import { t as tableColumSizesOptions } from './p-DdQ-S2l7.js';
 import { f as formatTranslation, g as getLocaleComponentStrings } from './p-DiJj8rmO.js';
-import { f as floatingMenuContainerClass } from './p-1KS1K8BB.js';
+import { f as floatingMenuContainerClass } from './p-CT2cHZ7O.js';
 import { f as isMobile } from './p-B3sNjfzc.js';
 import { c as cn } from './p-CT54OXR2.js';
 import { P as PAGINATION_DEFAULT_PAGE_SIZE, a as PAGINATION_DEFAULT_PAGE_SIZE_OPTIONS } from './p-vyRrSf5s.js';
@@ -27,11 +27,11 @@ import { d as defineCustomElement$c } from './p-C1RM6nHP.js';
 import { d as defineCustomElement$b } from './p-DYWk-b-p.js';
 import { d as defineCustomElement$a } from './p-Da28ikxq.js';
 import { d as defineCustomElement$9 } from './p-BITmTm_E.js';
-import { d as defineCustomElement$8 } from './p-Q0QulP11.js';
+import { d as defineCustomElement$8 } from './p-Dyc4CMNs.js';
 import { d as defineCustomElement$7 } from './p-BXoVx3x5.js';
-import { d as defineCustomElement$6 } from './p-DjVT03PN.js';
-import { d as defineCustomElement$5 } from './p-BJ_tiVQ2.js';
-import { d as defineCustomElement$4 } from './p-BORmwkco.js';
+import { d as defineCustomElement$6 } from './p-BnFffAKh.js';
+import { d as defineCustomElement$5 } from './p-C_WKf2Pq.js';
+import { d as defineCustomElement$4 } from './p-h9R5XZgN.js';
 import { d as defineCustomElement$3 } from './p-DNbLYhhD.js';
 import { d as defineCustomElement$2 } from './p-CeJyspp0.js';
 
@@ -278,6 +278,7 @@ const Table = /*@__PURE__*/ proxyCustomElement(class Table extends H {
      * Locales used for this component
      */
     _locales = {};
+    _extraHeaders = [];
     _columns = [];
     _items = [];
     _enableRowSelection = this.enableRowSelection;
@@ -297,13 +298,14 @@ const Table = /*@__PURE__*/ proxyCustomElement(class Table extends H {
         this._setRowSelectionData();
         this._setLocales();
         this._parseItems(this.items);
+        this._generateExtraHeaders();
         this._generateColumns();
     }
     componentDidRender() {
         this.hasRendered.emit();
     }
     render() {
-        return (h(Host, { key: '5e21e018cfed6d71d2afb1e05be1e47e2092ee4c', class: 'z-0 flex flex-col' }, h("p-table-container", { key: 'ad8edeed8ee696a02e3f4848deddb2e2918fb1fa' }, this.enableHeader && (h("p-table-header", { key: '0c93abf0c4bcb1ec0b4ed7251265dae18f56223c', class: 'mb-8',
+        return (h(Host, { key: 'd5675ecf7d464628f39cf0656d152d316a3675fc', class: 'z-0 flex flex-col' }, h("p-table-container", { key: '84e69afe650c47560b62d31ad76a8cb6faae9a6e' }, this.enableHeader && (h("p-table-header", { key: 'c4b1a5c57e756d96f597b4fa7fb61dc8202a5bb5', class: 'mb-8',
             // quick filters
             quickFilters: this.quickFilters, activeQuickFilterIdentifier: this.activeQuickFilterIdentifier, onQuickFilter: ({ detail }) => this.quickFilter.emit(detail),
             // search
@@ -315,7 +317,7 @@ const Table = /*@__PURE__*/ proxyCustomElement(class Table extends H {
             //export
             enableExport: this.enableExport, onExport: () => this.export.emit(),
             //loading
-            loading: this.headerLoading }, this._hasCustomFilterSlot && (h("slot", { key: '14257d67fed9adc5814e80b2ecf96092ecc56612', name: 'custom-filter', slot: 'custom-filter' })), this._hasCustomActionsSlot && (h("slot", { key: 'ba3c0c51886c4518739bb57aa474cc81057992b5', name: 'custom-actions', slot: 'custom-actions' })))), this._getHeader(), h("div", { key: '2da4deea5280c3a0d7b37ee23595c3d07ea005ee', class: 'flex flex-1 flex-col' }, this._getRows(), h("slot", { key: 'ceb0bbd73f18f696e94ff05a44319a519ee8652f', name: 'custom-rows' })), this.enableFloatingMenu && this._enableRowSelection ? (h("p-floating-menu-container", { usedInTable: true, class: floatingMenuContainerClass({
+            loading: this.headerLoading }, this._hasCustomFilterSlot && (h("slot", { key: '6fcc35dbbd37ec70a36cf8912d90f6133f4d3bf6', name: 'custom-filter', slot: 'custom-filter' })), this._hasCustomActionsSlot && (h("slot", { key: '9423bcb8027f58f984c3708221adf2f81651b07a', name: 'custom-actions', slot: 'custom-actions' })))), this._getExtraHeader(), this._getHeader(), h("div", { key: 'fcf40912d68573281c8e18ee4e30b8f6c3e0c3ef', class: 'flex flex-1 flex-col' }, this._getRows(), h("slot", { key: 'b9f2eaeffd25c1f71662ab1de4985805c1c8f708', name: 'custom-rows' })), this.enableFloatingMenu && this._enableRowSelection ? (h("p-floating-menu-container", { usedInTable: true, class: floatingMenuContainerClass({
                 hasFooter: this.enableFooter && !this._footerHidden,
                 active: !!this.selectedRows?.length,
                 shown: this._floatingMenuShown,
@@ -325,7 +327,7 @@ const Table = /*@__PURE__*/ proxyCustomElement(class Table extends H {
                     !!a.action &&
                     a.type === 'single'
                     ? a.action(this.selectedRows[0], false)
-                    : a.action(this.selectedRows, true) }, a.label))))) : (''), this.enableFooter && (h("p-table-footer", { key: '76b41d28147823cff101694aa49e4b8920eb5058',
+                    : a.action(this.selectedRows, true) }, a.label))))) : (''), this.enableFooter && (h("p-table-footer", { key: 'b58718c15d1584296b019f554fa6d06938636b79',
             // overall
             hideOnSinglePage: this.hideOnSinglePage,
             // page size select
@@ -415,12 +417,26 @@ const Table = /*@__PURE__*/ proxyCustomElement(class Table extends H {
             }
         }, 200);
     }
+    _generateExtraHeaders() {
+        const definitions = this._el.querySelectorAll('p-table-extra-header');
+        let definitionsArray = Array.from(definitions);
+        definitionsArray = this._parseDefinitions(definitionsArray);
+        this._extraHeaders = definitionsArray;
+    }
     _generateColumns() {
         const definitions = this._el.querySelectorAll('p-table-column');
         let definitionsArray = Array.from(definitions);
         definitionsArray = this._parseDefinitions(definitionsArray);
         this._columns = definitionsArray;
     }
+    _getExtraHeader() {
+        if (!this._extraHeaders?.length) {
+            return null;
+        }
+        return (h("p-table-row", { variant: 'header-secondary', isLast: true }, this._extraHeaders.map((col, index) => {
+            return (h("p-table-cell", { definition: col, variant: 'header-secondary', checkboxOffset: index === 0 && this._enableRowSelection, index: index }, h("b", null, col.name)));
+        })));
+    }
     _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
                 ? this._getCheckbox(null, this.loading ? 'loading' : 'header')
@@ -747,6 +763,7 @@ const Table = /*@__PURE__*/ proxyCustomElement(class Table extends H {
         "emptyStateFilteredContent": [16, "empty-state-filtered-content"],
         "shadow": [4],
         "_locales": [32],
+        "_extraHeaders": [32],
         "_columns": [32],
         "_items": [32],
         "_enableRowSelection": [32],