@paperless/core 2.0.1-beta.2 → 2.0.1-beta.21

package/dist/collection/components/molecules/table-header/table-header.component.js

@@ -2,469 +2,521 @@ import { h, Host, } from "@stencil/core";
 import { debounceTime, distinctUntilChanged, Subject } from "rxjs";
 import { formatTranslation, getLocaleComponentStrings, } from "../../../utils/localization";
 export class TableHeader {
-  constructor() {
-    this._defaultFilterButtonTemplate = () => formatTranslation(this._locales.filter);
-    this._defaultActionButtonTemplate = (amount) => this.actionText
-      ? this.actionText
-      : formatTranslation(amount === 0
-        ? this._locales.edit
-        : amount === 1
-          ? this._locales.edit_single
-          : this._locales.edit_plural, { amount });
-    this._queryObserver = new Subject();
-    this.quickFilters = [];
-    this.activeQuickFilterIdentifier = undefined;
-    this.loading = false;
-    this.enableSearch = true;
-    this.itemsSelectedAmount = 0;
-    this.query = undefined;
-    this.enableFilter = true;
-    this.enableFilterDesktop = true;
-    this.selectedFiltersAmount = undefined;
-    this.filterButtonTemplate = this._defaultFilterButtonTemplate;
-    this.enableAction = true;
-    this.actionLoading = false;
-    this.actionIcon = 'pencil';
-    this.actionText = undefined;
-    this.canUseAction = false;
-    this.actionButtonTemplate = this._defaultActionButtonTemplate;
-    this._locales = {};
-  }
-  componentWillLoad() {
-    this._setLocales();
-  }
-  componentDidLoad() {
-    this._queryObserver
-      .pipe(debounceTime(300), distinctUntilChanged())
-      .subscribe(value => this.queryChange.emit(value));
-  }
-  render() {
-    const activeQuickFilter = this.quickFilters.find(f => f.identifier === this.activeQuickFilterIdentifier);
-    const mobileTotal = (this.selectedFiltersAmount || 0) + ((activeQuickFilter === null || activeQuickFilter === void 0 ? void 0 : activeQuickFilter.default) ? 0 : 1);
-    const hasCustomFilterSlot = !!this._el.querySelector(':scope > [slot="custom-filter"]');
-    const hasCustomActionsSlot = !!this._el.querySelector(':scope > [slot="custom-actions"]');
-    return (h(Host, { class: 'p-table-header' }, this.loading && (h("p-loader", { variant: 'ghost', class: 'hidden h-8 w-3/4 rounded desktop-xs:flex' })), !this.loading &&
-      (hasCustomFilterSlot || this.quickFilters.length > 0) && (h("div", { class: 'left-side flex flex-col justify-start gap-4 desktop-xs:flex-row' }, hasCustomFilterSlot && h("slot", { name: 'custom-filter' }), this.quickFilters.length > 0 && (h("p-segment-container", { class: 'hidden desktop-xs:flex' }, this.quickFilters.map(item => (h("p-segment-item", { active: item.identifier === this.activeQuickFilterIdentifier, onClick: () => this.quickFilter.emit(item) }, typeof item.text === 'string' ? item.text : item.text(), ' ', (item === null || item === void 0 ? void 0 : item.count) >= 0 ? `(${item.count})` : ''))))))), h("div", { class: 'right-side flex flex-col justify-end gap-4 desktop-xs:flex-row' }, this.enableSearch && (h("p-input-group", { icon: 'search', size: 'small', class: 'desktop-xs:w-48' }, h("input", { type: 'text', slot: 'input', placeholder: 'Zoeken...', value: this.query, onInput: ev => this._queryObserver.next(ev.target.value) }))), this.enableFilter && (h("p-button", { icon: 'filter', variant: 'secondary', size: 'sm', class: `w-full ${this.enableFilterDesktop
-        ? 'desktop-xs:w-auto'
-        : 'desktop-xs:hidden'}`, onClick: () => this.filter.emit() }, this.filterButtonTemplate
-      ? this.filterButtonTemplate()
-      : this._defaultFilterButtonTemplate(), this.selectedFiltersAmount &&
-      this._getLabel(this.selectedFiltersAmount), mobileTotal > 0 && this._getLabel(mobileTotal, 'mobile'))), this.enableAction && this._buttonTemplate(), hasCustomActionsSlot && h("slot", { name: 'custom-actions' })), this.enableAction && this.canUseAction && (h("div", { class: 'fixed bottom-0 left-0 block w-full border border-solid border-transparent border-t-mystic-dark bg-white p-4 desktop-xs:hidden' }, this._buttonTemplate(true)))));
-  }
-  async _setLocales() {
-    this._locales = await getLocaleComponentStrings(this._el);
-  }
-  _buttonTemplate(mobile = false) {
-    return (h("p-button", { class: mobile ? 'w-full' : 'hidden desktop-xs:flex', icon: this.actionIcon, size: 'sm', disabled: !this.canUseAction, onClick: () => this.action.emit(), loading: this.actionLoading }, this.actionButtonTemplate
-      ? this.actionButtonTemplate(mobile ? this.itemsSelectedAmount : 0)
-      : this._defaultActionButtonTemplate(mobile ? this.itemsSelectedAmount : 0)));
-  }
-  _getLabel(amount, variant = 'default') {
-    return (h("p-label", { size: 'small', variant: 'negative', behavior: 'text', class: `ml-1 ${variant === 'default'
-        ? 'hidden desktop-xs:flex'
-        : 'flex desktop-xs:hidden'}` }, amount));
-  }
-  static get is() { return "p-table-header"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["table-header.component.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["table-header.component.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "quickFilters": {
-        "type": "unknown",
-        "mutable": false,
-        "complexType": {
-          "original": "QuickFilter[]",
-          "resolved": "QuickFilter[]",
-          "references": {
-            "QuickFilter": {
-              "location": "import",
-              "path": "../../../types/table",
-              "id": "src/types/table.ts::QuickFilter"
+    constructor() {
+        this.quickFilters = [];
+        this.activeQuickFilterIdentifier = undefined;
+        this.loading = false;
+        this.enableSearch = true;
+        this.itemsSelectedAmount = 0;
+        this.query = undefined;
+        this.enableFilter = true;
+        this.enableFilterDesktop = true;
+        this.selectedFiltersAmount = undefined;
+        this.filterButtonTemplate = this._defaultFilterButtonTemplate;
+        this.enableAction = true;
+        this.actionLoading = false;
+        this.actionIcon = 'pencil';
+        this.actionText = undefined;
+        this.canUseAction = false;
+        this.actionButtonTemplate = this._defaultActionButtonTemplate;
+        this._locales = {};
+    }
+    _defaultFilterButtonTemplate = () => formatTranslation(this._locales.filter);
+    _defaultActionButtonTemplate = (amount) => this.actionText
+        ? this.actionText
+        : formatTranslation(amount === 0
+            ? this._locales.edit
+            : amount === 1
+                ? this._locales.edit_single
+                : this._locales.edit_plural, { amount });
+    /**
+     * Event when one of the quick filters is clicked
+     */
+    quickFilter;
+    /**
+     * Event when the query changes
+     */
+    queryChange;
+    /**
+     * Event when the filter button is clicked
+     */
+    filter;
+    /**
+     * Event when the action button is clicked
+     */
+    action;
+    /**
+     * The host element
+     */
+    _el;
+    _queryObserver = new Subject();
+    componentWillLoad() {
+        this._setLocales();
+    }
+    componentDidLoad() {
+        this._queryObserver
+            .pipe(debounceTime(300), distinctUntilChanged())
+            .subscribe(value => this.queryChange.emit(value));
+    }
+    render() {
+        const activeQuickFilter = this.quickFilters.find(f => f.identifier === this.activeQuickFilterIdentifier);
+        const mobileTotal = (this.selectedFiltersAmount || 0) + (activeQuickFilter?.default ? 0 : 1);
+        const hasCustomFilterSlot = !!this._el.querySelector(':scope > [slot="custom-filter"]');
+        const hasCustomActionsSlot = !!this._el.querySelector(':scope > [slot="custom-actions"]');
+        return (h(Host, { key: '9261f1ac3d1ffc7b3f696d7dc528eb39d21e39f3', class: 'p-table-header' }, this.loading && (h("p-loader", { key: '52cb48056ac2ce46ae3825e97a83735c90926e4e', variant: 'ghost', class: 'hidden h-8 w-3/4 rounded desktop-xs:flex' })), !this.loading &&
+            (hasCustomFilterSlot || this.quickFilters.length > 0) && (h("div", { key: '4c1a883ae11bb2a8a9a0a3d1339600d58174543b', class: 'left-side flex flex-col justify-start gap-4 desktop-xs:flex-row' }, hasCustomFilterSlot && h("slot", { key: '0ef29f9afb9cb27761f11146fa41933e64e7fed8', name: 'custom-filter' }), this.quickFilters.length > 0 && (h("p-segment-container", { key: '480435085fab332399b5386d33fed70b0d96d718', class: 'hidden desktop-xs:flex' }, this.quickFilters.map(item => (h("p-segment-item", { active: item.identifier === this.activeQuickFilterIdentifier, onClick: () => this.quickFilter.emit(item) }, typeof item.text === 'string' ? item.text : item.text(), ' ', item?.count >= 0 ? `(${item.count})` : ''))))))), h("div", { key: 'a5c1add14f7a2c3056195936325004ed8d1710fe', class: 'right-side flex flex-col justify-end gap-4 desktop-xs:flex-row' }, this.enableSearch && (h("p-field", { key: '797c9e6bc2fe252e7884afbacbe614db1cd3e8ac', icon: 'search', size: 'sm', class: 'desktop-xs:w-48' }, h("input", { key: '80b57023c666d1a0c0f3ce925ee6489b2224a88c', type: 'text', slot: 'input', placeholder: 'Zoeken...', value: this.query, onInput: ev => this._queryObserver.next(ev.target.value) }))), this.enableFilter && (h("p-button", { key: '6d62d078335b2404908b3bdc3fc298ef3f7e4abe', icon: 'filter', variant: 'secondary', size: 'sm', class: `w-full ${this.enableFilterDesktop
+                ? 'desktop-xs:w-auto'
+                : 'desktop-xs:hidden'}`, onClick: () => this.filter.emit() }, this.filterButtonTemplate
+            ? this.filterButtonTemplate()
+            : this._defaultFilterButtonTemplate(), this.selectedFiltersAmount &&
+            this._getLabel(this.selectedFiltersAmount), mobileTotal > 0 && this._getLabel(mobileTotal, 'mobile'))), this.enableAction && this._buttonTemplate(), hasCustomActionsSlot && h("slot", { key: 'd53ef269b98a4652c0b83e615e8bbe48e5d9e006', name: 'custom-actions' })), this.enableAction && this.canUseAction && (h("div", { key: 'c50cbee31811d88ad5f070f92834ee9247a79fee', class: 'fixed bottom-0 left-0 block w-full border border-solid border-transparent border-t-mystic-dark bg-white p-4 desktop-xs:hidden' }, this._buttonTemplate(true)))));
+    }
+    async _setLocales() {
+        this._locales = await getLocaleComponentStrings(this._el);
+    }
+    _buttonTemplate(mobile = false) {
+        return (h("p-button", { class: mobile ? 'w-full' : 'hidden desktop-xs:flex', icon: this.actionIcon, size: 'sm', disabled: !this.canUseAction, onClick: () => this.action.emit(), loading: this.actionLoading }, this.actionButtonTemplate
+            ? this.actionButtonTemplate(mobile ? this.itemsSelectedAmount : 0)
+            : this._defaultActionButtonTemplate(mobile ? this.itemsSelectedAmount : 0)));
+    }
+    _getLabel(amount, variant = 'default') {
+        return (h("p-label", { size: 'small', variant: 'negative', behavior: 'text', class: `ml-1 ${variant === 'default'
+                ? 'hidden desktop-xs:flex'
+                : 'flex desktop-xs:hidden'}` }, amount));
+    }
+    static get is() { return "p-table-header"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["table-header.component.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["table-header.component.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "quickFilters": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "QuickFilter[]",
+                    "resolved": "QuickFilter[]",
+                    "references": {
+                        "QuickFilter": {
+                            "location": "import",
+                            "path": "../../../types/table",
+                            "id": "src/types/table.ts::QuickFilter"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Quick filters to show"
+                },
+                "getter": false,
+                "setter": false,
+                "defaultValue": "[]"
+            },
+            "activeQuickFilterIdentifier": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Active quick filter identifier"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "active-quick-filter-identifier",
+                "reflect": false
+            },
+            "loading": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Wether we want to show loading state"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "loading",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "enableSearch": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Wether to show the search input"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "enable-search",
+                "reflect": false,
+                "defaultValue": "true"
+            },
+            "itemsSelectedAmount": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The amount of items that are selected"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "items-selected-amount",
+                "reflect": false,
+                "defaultValue": "0"
+            },
+            "query": {
+                "type": "string",
+                "mutable": true,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The query to show in the search bar"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "query",
+                "reflect": false
+            },
+            "enableFilter": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Wether to show the filter button"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "enable-filter",
+                "reflect": false,
+                "defaultValue": "true"
+            },
+            "enableFilterDesktop": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Wether to show the filter button on desktop"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "enable-filter-desktop",
+                "reflect": false,
+                "defaultValue": "true"
+            },
+            "selectedFiltersAmount": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The amount of filters being selected"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "selected-filters-amount",
+                "reflect": false
+            },
+            "filterButtonTemplate": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "templateFunc",
+                    "resolved": "() => string",
+                    "references": {
+                        "templateFunc": {
+                            "location": "local",
+                            "path": "/home/runner/work/Paperless/Paperless/packages/core/src/components/molecules/table-header/table-header.component.tsx",
+                            "id": "src/components/molecules/table-header/table-header.component.tsx::templateFunc"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The template for the filter button text"
+                },
+                "getter": false,
+                "setter": false,
+                "defaultValue": "this._defaultFilterButtonTemplate"
+            },
+            "enableAction": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Wether to show the action button"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "enable-action",
+                "reflect": false,
+                "defaultValue": "true"
+            },
+            "actionLoading": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Wether the action button is loading"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "action-loading",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "actionIcon": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "IconVariant",
+                    "resolved": "\"caret\" | \"double-caret\" | \"arrow\" | \"double-arrow\" | \"bell\" | \"chat\" | \"check-circle\" | \"cross-circle\" | \"error-circle\" | \"info-circle\" | \"phone\" | \"question-circle\" | \"headset\" | \"warning\" | \"attachment\" | \"description\" | \"document\" | \"folder\" | \"pdf\" | \"xls\" | \"bank\" | \"bread\" | \"cake\" | \"calculator\" | \"camera\" | \"car\" | \"certified\" | \"chair\" | \"checkmark\" | \"city\" | \"companies\" | \"company\" | \"credit-card\" | \"cutlery\" | \"department\" | \"diamond\" | \"docter\" | \"download\" | \"envelope\" | \"euro\" | \"exam\" | \"filter\" | \"flower\" | \"globe\" | \"globe-2\" | \"hash\" | \"hat\" | \"home\" | \"integration\" | \"language\" | \"laptop\" | \"location\" | \"mail\" | \"medal\" | \"menu\" | \"menu-arrow\" | \"minus\" | \"more\" | \"negative\" | \"other\" | \"pay\" | \"pencil\" | \"percent\" | \"pie-chart\" | \"placeholder\" | \"plus\" | \"power\" | \"receipt\" | \"reset\" | \"search\" | \"send\" | \"settings\" | \"shuffle\" | \"sick\" | \"signature\" | \"sparkle\" | \"star\" | \"stroller\" | \"tag\" | \"tasks\" | \"tools\" | \"tooth\" | \"train\" | \"trash\" | \"upload\" | \"wave\" | \"zipcode\" | \"eye\" | \"eye-closed\" | \"key\" | \"lock\" | \"unlocked\" | \"alarm\" | \"calendar\" | \"calendar-multi\" | \"calendar-free\" | \"calendar-not-free\" | \"clock\" | \"female\" | \"id\" | \"id-two\" | \"male\" | \"user\" | \"users\"",
+                    "references": {
+                        "IconVariant": {
+                            "location": "import",
+                            "path": "../../../components",
+                            "id": "src/components.d.ts::IconVariant"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The action button icon"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "action-icon",
+                "reflect": false,
+                "defaultValue": "'pencil'"
+            },
+            "actionText": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The action button text if changed"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "action-text",
+                "reflect": false
+            },
+            "canUseAction": {
+                "type": "boolean",
+                "mutable": true,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Wether to enable the action button"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "can-use-action",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "actionButtonTemplate": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "buttonTemplateFunc",
+                    "resolved": "(amount: number) => string",
+                    "references": {
+                        "buttonTemplateFunc": {
+                            "location": "local",
+                            "path": "/home/runner/work/Paperless/Paperless/packages/core/src/components/molecules/table-header/table-header.component.tsx",
+                            "id": "src/components/molecules/table-header/table-header.component.tsx::buttonTemplateFunc"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The template for the action button text"
+                },
+                "getter": false,
+                "setter": false,
+                "defaultValue": "this._defaultActionButtonTemplate"
             }
-          }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Quick filters to show"
-        },
-        "defaultValue": "[]"
-      },
-      "activeQuickFilterIdentifier": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Active quick filter identifier"
-        },
-        "attribute": "active-quick-filter-identifier",
-        "reflect": false
-      },
-      "loading": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Wether we want to show loading state"
-        },
-        "attribute": "loading",
-        "reflect": false,
-        "defaultValue": "false"
-      },
-      "enableSearch": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Wether to show the search input"
-        },
-        "attribute": "enable-search",
-        "reflect": false,
-        "defaultValue": "true"
-      },
-      "itemsSelectedAmount": {
-        "type": "number",
-        "mutable": false,
-        "complexType": {
-          "original": "number",
-          "resolved": "number",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "The amount of items that are selected"
-        },
-        "attribute": "items-selected-amount",
-        "reflect": false,
-        "defaultValue": "0"
-      },
-      "query": {
-        "type": "string",
-        "mutable": true,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "The query to show in the search bar"
-        },
-        "attribute": "query",
-        "reflect": false
-      },
-      "enableFilter": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Wether to show the filter button"
-        },
-        "attribute": "enable-filter",
-        "reflect": false,
-        "defaultValue": "true"
-      },
-      "enableFilterDesktop": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Wether to show the filter button on desktop"
-        },
-        "attribute": "enable-filter-desktop",
-        "reflect": false,
-        "defaultValue": "true"
-      },
-      "selectedFiltersAmount": {
-        "type": "number",
-        "mutable": false,
-        "complexType": {
-          "original": "number",
-          "resolved": "number",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "The amount of filters being selected"
-        },
-        "attribute": "selected-filters-amount",
-        "reflect": false
-      },
-      "filterButtonTemplate": {
-        "type": "unknown",
-        "mutable": false,
-        "complexType": {
-          "original": "templateFunc",
-          "resolved": "() => string",
-          "references": {
-            "templateFunc": {
-              "location": "local",
-              "path": "/home/runner/work/Paperless/Paperless/packages/core/src/components/molecules/table-header/table-header.component.tsx",
-              "id": "src/components/molecules/table-header/table-header.component.tsx::templateFunc"
-            }
-          }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "The template for the filter button text"
-        },
-        "defaultValue": "this._defaultFilterButtonTemplate"
-      },
-      "enableAction": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Wether to show the action button"
-        },
-        "attribute": "enable-action",
-        "reflect": false,
-        "defaultValue": "true"
-      },
-      "actionLoading": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Wether the action button is loading"
-        },
-        "attribute": "action-loading",
-        "reflect": false,
-        "defaultValue": "false"
-      },
-      "actionIcon": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "IconVariant",
-          "resolved": "\"caret\" | \"double-caret\" | \"arrow\" | \"double-arrow\" | \"bell\" | \"chat\" | \"check-circle\" | \"cross-circle\" | \"error-circle\" | \"info-circle\" | \"phone\" | \"question-circle\" | \"headset\" | \"warning\" | \"attachment\" | \"description\" | \"document\" | \"folder\" | \"pdf\" | \"xls\" | \"bank\" | \"bread\" | \"cake\" | \"calculator\" | \"camera\" | \"car\" | \"certified\" | \"chair\" | \"checkmark\" | \"city\" | \"companies\" | \"company\" | \"credit-card\" | \"cutlery\" | \"department\" | \"diamond\" | \"docter\" | \"download\" | \"envelope\" | \"euro\" | \"exam\" | \"filter\" | \"flower\" | \"globe\" | \"globe-2\" | \"hash\" | \"hat\" | \"home\" | \"integration\" | \"language\" | \"laptop\" | \"location\" | \"mail\" | \"medal\" | \"menu\" | \"menu-arrow\" | \"minus\" | \"more\" | \"negative\" | \"other\" | \"pay\" | \"pencil\" | \"percent\" | \"pie-chart\" | \"placeholder\" | \"plus\" | \"power\" | \"receipt\" | \"reset\" | \"search\" | \"send\" | \"settings\" | \"shuffle\" | \"sick\" | \"signature\" | \"sparkle\" | \"star\" | \"stroller\" | \"tag\" | \"tasks\" | \"tools\" | \"tooth\" | \"train\" | \"trash\" | \"upload\" | \"wave\" | \"zipcode\" | \"eye\" | \"eye-closed\" | \"key\" | \"lock\" | \"unlocked\" | \"alarm\" | \"calendar\" | \"calendar-multi\" | \"calendar-free\" | \"calendar-not-free\" | \"clock\" | \"female\" | \"id\" | \"id-two\" | \"male\" | \"user\" | \"users\"",
-          "references": {
-            "IconVariant": {
-              "location": "import",
-              "path": "../../../components",
-              "id": "src/components.d.ts::IconVariant"
-            }
-          }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "The action button icon"
-        },
-        "attribute": "action-icon",
-        "reflect": false,
-        "defaultValue": "'pencil'"
-      },
-      "actionText": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "The action button text if changed"
-        },
-        "attribute": "action-text",
-        "reflect": false
-      },
-      "canUseAction": {
-        "type": "boolean",
-        "mutable": true,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Wether to enable the action button"
-        },
-        "attribute": "can-use-action",
-        "reflect": false,
-        "defaultValue": "false"
-      },
-      "actionButtonTemplate": {
-        "type": "unknown",
-        "mutable": false,
-        "complexType": {
-          "original": "buttonTemplateFunc",
-          "resolved": "(amount: number) => string",
-          "references": {
-            "buttonTemplateFunc": {
-              "location": "local",
-              "path": "/home/runner/work/Paperless/Paperless/packages/core/src/components/molecules/table-header/table-header.component.tsx",
-              "id": "src/components/molecules/table-header/table-header.component.tsx::buttonTemplateFunc"
-            }
-          }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "The template for the action button text"
-        },
-        "defaultValue": "this._defaultActionButtonTemplate"
-      }
-    };
-  }
-  static get states() {
-    return {
-      "_locales": {}
-    };
-  }
-  static get events() {
-    return [{
-        "method": "quickFilter",
-        "name": "quickFilter",
-        "bubbles": false,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": "Event when one of the quick filters is clicked"
-        },
-        "complexType": {
-          "original": "QuickFilter",
-          "resolved": "QuickFilter",
-          "references": {
-            "QuickFilter": {
-              "location": "import",
-              "path": "../../../types/table",
-              "id": "src/types/table.ts::QuickFilter"
-            }
-          }
-        }
-      }, {
-        "method": "queryChange",
-        "name": "queryChange",
-        "bubbles": false,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": "Event when the query changes"
-        },
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        }
-      }, {
-        "method": "filter",
-        "name": "filter",
-        "bubbles": false,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": "Event when the filter button is clicked"
-        },
-        "complexType": {
-          "original": "null",
-          "resolved": "null",
-          "references": {}
-        }
-      }, {
-        "method": "action",
-        "name": "action",
-        "bubbles": false,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": "Event when the action button is clicked"
-        },
-        "complexType": {
-          "original": "null",
-          "resolved": "null",
-          "references": {}
-        }
-      }];
-  }
-  static get elementRef() { return "_el"; }
-  static get listeners() {
-    return [{
-        "name": "localeChanged",
-        "method": "_setLocales",
-        "target": "body",
-        "capture": false,
-        "passive": false
-      }];
-  }
+        };
+    }
+    static get states() {
+        return {
+            "_locales": {}
+        };
+    }
+    static get events() {
+        return [{
+                "method": "quickFilter",
+                "name": "quickFilter",
+                "bubbles": false,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Event when one of the quick filters is clicked"
+                },
+                "complexType": {
+                    "original": "QuickFilter",
+                    "resolved": "QuickFilter",
+                    "references": {
+                        "QuickFilter": {
+                            "location": "import",
+                            "path": "../../../types/table",
+                            "id": "src/types/table.ts::QuickFilter"
+                        }
+                    }
+                }
+            }, {
+                "method": "queryChange",
+                "name": "queryChange",
+                "bubbles": false,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Event when the query changes"
+                },
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                }
+            }, {
+                "method": "filter",
+                "name": "filter",
+                "bubbles": false,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Event when the filter button is clicked"
+                },
+                "complexType": {
+                    "original": "null",
+                    "resolved": "null",
+                    "references": {}
+                }
+            }, {
+                "method": "action",
+                "name": "action",
+                "bubbles": false,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Event when the action button is clicked"
+                },
+                "complexType": {
+                    "original": "null",
+                    "resolved": "null",
+                    "references": {}
+                }
+            }];
+    }
+    static get elementRef() { return "_el"; }
+    static get listeners() {
+        return [{
+                "name": "localeChanged",
+                "method": "_setLocales",
+                "target": "body",
+                "capture": false,
+                "passive": false
+            }];
+    }
 }
 //# sourceMappingURL=table-header.component.js.map