@paperless/core 3.10.4 → 3.12.0

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

@@ -14,6 +14,10 @@ export declare class TableHeader {
      * Active quick filter identifier
      */
     activeQuickFilterIdentifier: string;
+    /**
+     * Wether to hide quick filters on mobile
+     */
+    hideQuickFiltersOnMobile: boolean;
     /**
      * Wether we want to show loading state
      */

package/dist/types/components.d.ts

@@ -2373,6 +2373,11 @@ export namespace Components {
           * @default this._defaultFilterButtonTemplate
          */
         "filterButtonTemplate": templateFunc5;
+        /**
+          * Wether to hide quick filters on mobile
+          * @default true
+         */
+        "hideQuickFiltersOnMobile": boolean;
         /**
           * The amount of items that are selected
           * @default 0
@@ -6234,6 +6239,11 @@ declare namespace LocalJSX {
           * @default this._defaultFilterButtonTemplate
          */
         "filterButtonTemplate"?: templateFunc5;
+        /**
+          * Wether to hide quick filters on mobile
+          * @default true
+         */
+        "hideQuickFiltersOnMobile"?: boolean;
         /**
           * The amount of items that are selected
           * @default 0

package/dist/types/utils/icons.d.ts

@@ -93,6 +93,7 @@ export declare const categorized: {
         receipt: string;
         reset: string;
         running: string;
+        scroll: string;
         search: string;
         send: string;
         settings: string;
@@ -229,6 +230,7 @@ export declare const icons: {
     receipt: string;
     reset: string;
     running: string;
+    scroll: string;
     search: string;
     send: string;
     settings: string;

package/hydrate/index.js

@@ -7832,6 +7832,9 @@ var running = `<svg width="1em" height="1em" viewBox="0 0 16 16" fill="none" xml
 </svg>
 `;
 
+var scroll = `<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path stroke="currentColor" d="M96,104a8,8,0,0,1,8-8h64a8,8,0,0,1,0,16H104A8,8,0,0,1,96,104Zm8,40h64a8,8,0,0,0,0-16H104a8,8,0,0,0,0,16Zm128,48a32,32,0,0,1-32,32H88a32,32,0,0,1-32-32V64a16,16,0,0,0-32,0c0,5.74,4.83,9.62,4.88,9.66h0A8,8,0,0,1,24,88a7.89,7.89,0,0,1-4.79-1.61h0C18.05,85.54,8,77.61,8,64A32,32,0,0,1,40,32H176a32,32,0,0,1,32,32V168h8a8,8,0,0,1,4.8,1.6C222,170.46,232,178.39,232,192ZM96.26,173.48A8.07,8.07,0,0,1,104,168h88V64a16,16,0,0,0-16-16H67.69A31.71,31.71,0,0,1,72,64V192a16,16,0,0,0,32,0c0-5.74-4.83-9.62-4.88-9.66A7.82,7.82,0,0,1,96.26,173.48ZM216,192a12.58,12.58,0,0,0-3.23-8h-94a26.92,26.92,0,0,1,1.21,8,31.82,31.82,0,0,1-4.29,16H200A16,16,0,0,0,216,192Z"></path></svg>
+`;
+
 var search$1 = `<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="none" viewBox="0 0 16 16">
   <g clip-path="url(#a)">
     <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M7 12A5 5 0 1 0 7 2a5 5 0 0 0 0 10Zm3.536-1.464L14 14"/>
@@ -8414,6 +8417,7 @@ const icons = {
     receipt,
     reset,
     running,
+    scroll,
     search: search$1,
     send,
     settings,
@@ -110683,6 +110687,10 @@ class TableHeader {
      * Active quick filter identifier
      */
     activeQuickFilterIdentifier;
+    /**
+     * Wether to hide quick filters on mobile
+     */
+    hideQuickFiltersOnMobile = true;
     /**
      * Wether we want to show loading state
      */
@@ -110785,10 +110793,13 @@ class TableHeader {
         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 (hAsync(ThemedHost, { key: '046a82c93f16849095adf724acfd621369af3593' }, hAsync("div", { key: 'e46eb857f7945716243299ce4c999673ec453d5a', class: header() }, this.loading && (hAsync("p-loader", { key: 'c8a4898ede8aa744b72c6d11afceba5079eeb32a', class: '\n         hidden h-8 w-3/4 rounded\n         desktop-xs:flex\n       ', variant: 'ghost' })), !this.loading &&
-            (hasCustomFilterSlot || quickFilters.length > 0) && (hAsync("div", { key: '877290a2e98724bc17e95d3d447ea37e6a005dc4', class: '\n          flex flex-col justify-start gap-4 justify-self-start\n          desktop-xs:flex-row\n        ' }, hasCustomFilterSlot && hAsync("slot", { key: 'c1a71c7715dfd42975529c08f7d784f7fc463309', name: 'custom-filter' }), quickFilters.length > 0 && (hAsync("p-segment-container", { key: 'a78f5ca023cd8106c610d1535e6e8b262dc15632', class: '\n            hidden\n            desktop-xs:flex\n          ' }, quickFilters.map(item => (hAsync("p-segment-item", { active: item.identifier === this.activeQuickFilterIdentifier, onClick: () => this.quickFilter.emit(item) }, typeof item.text === 'string'
+        return (hAsync(ThemedHost, { key: 'c77d8b8a5761d85fa731ac4bbf9ae704182db662' }, hAsync("div", { key: '326b6a259d665f75dbf0b31efddab55529670474', class: header() }, this.loading && (hAsync("p-loader", { key: '2023b41f25ae827ef05d9b32776f6d9b778ff244', class: '\n         hidden h-8 w-3/4 rounded\n         desktop-xs:flex\n       ', variant: 'ghost' })), !this.loading &&
+            (hasCustomFilterSlot || quickFilters.length > 0) && (hAsync("div", { key: '9878787e280a54674a01cd14b930298eb76602b7', class: '\n          flex flex-col justify-start gap-4 justify-self-start\n          desktop-xs:flex-row\n        ' }, hasCustomFilterSlot && hAsync("slot", { key: '6451546fd33c35ff649990d83e9e689d2c049451', name: 'custom-filter' }), quickFilters.length > 0 && (hAsync("p-segment-container", { key: '119fbbf7e666bd4fd8d81a051bbec530d992a3e5', class: cn({
+                'hidden desktop-xs:flex': this.hideQuickFiltersOnMobile,
+                flex: !this.hideQuickFiltersOnMobile,
+            }) }, quickFilters.map(item => (hAsync("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})` : ''))))))), hAsync("div", { key: '17e05645a060b6674211930c340f039e690b2b83', class: '\n        flex flex-col justify-end gap-2\n        desktop-xs:ml-auto desktop-xs:flex-row desktop-xs:items-center\n      ' }, this.enableSearch && (hAsync("p-field", { key: 'e8cc9ab173b7864f5adee53fcb7a6b124e392722', class: 'desktop-xs:max-w-60', icon: 'search', placeholder: 'Zoeken...', value: this.query, onValueChange: ev => this._queryObserver.next(ev.detail) })), hAsync("div", { key: '593628e94f3766ad21562a8133cc76e0a8e7c612', class: 'flex items-center gap-2' }, this.enableFilter && (hAsync("p-button", { key: '863ea9caf0d1d34e5c45a22db523f54075b861c9', class: `
+            : item.text(), ' ', item?.count >= 0 ? `(${item.count})` : ''))))))), hAsync("div", { key: '789a79b292ae29db76ed9267cca90bf3a19dbe0b', class: '\n        flex flex-col justify-end gap-2\n        desktop-xs:ml-auto desktop-xs:flex-row desktop-xs:items-center\n      ' }, this.enableSearch && (hAsync("p-field", { key: '7f90862d3bb0c41420de733fe38c1a351c38fb99', class: 'desktop-xs:max-w-60', icon: 'search', placeholder: 'Zoeken...', value: this.query, onValueChange: ev => this._queryObserver.next(ev.detail) })), hAsync("div", { key: 'c027c1a9fcfc608a3b7e14baca90ceb7ccbc430b', class: 'flex items-center gap-2' }, this.enableFilter && (hAsync("p-button", { key: 'bd70812488a36ee0931b5d3c4948101d56eddcc7', class: `
            w-full
            ${this.enableFilterDesktop
                 ? 'desktop-xs:w-auto'
@@ -110796,7 +110807,7 @@ class TableHeader {
          `, icon: 'filter', variant: 'secondary', onOnClick: () => this.filter.emit() }, this.filterButtonTemplate
             ? this.filterButtonTemplate()
             : this._defaultFilterButtonTemplate(), this.selectedFiltersAmount &&
-            this._getLabel(this.selectedFiltersAmount), mobileTotal > 0 && this._getLabel(mobileTotal, 'mobile'))), !this.loading && this.enableExport && this.enableFilter && (hAsync("p-divider", { key: 'f82cc292316723b26ed2f163a8a4e5bd6b321f33', class: '\n           hidden h-4\n           tablet:flex\n           dark:text-white/15\n         ', variant: 'vertical' })), !this.loading && this.enableExport && (hAsync("p-button", { key: 'b89bfdd9fe038efd02f8c7b733f14a1526cbafda', class: '\n           w-full\n           desktop-xs:w-auto\n         ', icon: 'upload', variant: 'secondary', onOnClick: () => this.export.emit() }, formatTranslation(this._locales.export)))), this.enableAction && this._buttonTemplate(), hasCustomActionsSlot && hAsync("slot", { key: '0ffc61bd03ba493ce6d2331aea707d08a81ec29d', name: 'custom-actions' })), this.enableAction && this.canUseAction && (hAsync("div", { key: '5141609a08425f481e8a396e596eb2a5a9f37ddf', class: '\n         fixed bottom-0 left-0 z-[2] block w-full border border-solid\n         border-transparent bg-white p-4\n         desktop-xs:hidden\n         dark:border-t-hurricane-400 dark:bg-hurricane-500\n       ' }, this._buttonTemplate(true))))));
+            this._getLabel(this.selectedFiltersAmount), mobileTotal > 0 && this._getLabel(mobileTotal, 'mobile'))), !this.loading && this.enableExport && this.enableFilter && (hAsync("p-divider", { key: '602f7968fd60f4ea23909d1fcf23c1d32fef3721', class: '\n           hidden h-4\n           tablet:flex\n           dark:text-white/15\n         ', variant: 'vertical' })), !this.loading && this.enableExport && (hAsync("p-button", { key: 'a55cf0b5e09b18b5cf7d9f1c6ab33aac6160b9ec', class: '\n           w-full\n           desktop-xs:w-auto\n         ', icon: 'upload', variant: 'secondary', onOnClick: () => this.export.emit() }, formatTranslation(this._locales.export)))), this.enableAction && this._buttonTemplate(), hasCustomActionsSlot && hAsync("slot", { key: '47435fd94bc6d8dced05be088e9d157fb0a46c92', name: 'custom-actions' })), this.enableAction && this.canUseAction && (hAsync("div", { key: '42e42671e2b19c9f262b9a7dba9c080d1439acbd', class: '\n         fixed bottom-0 left-0 z-[2] block w-full border border-solid\n         border-transparent bg-white p-4\n         desktop-xs:hidden\n         dark:border-t-hurricane-400 dark:bg-hurricane-500\n       ' }, this._buttonTemplate(true))))));
     }
     async _setLocales() {
         this._locales = await getLocaleComponentStrings(this._el);
@@ -110832,6 +110843,7 @@ class TableHeader {
         "$members$": {
             "quickFilters": [1, "quick-filters"],
             "activeQuickFilterIdentifier": [1, "active-quick-filter-identifier"],
+            "hideQuickFiltersOnMobile": [4, "hide-quick-filters-on-mobile"],
             "loading": [4],
             "enableSearch": [4, "enable-search"],
             "itemsSelectedAmount": [2, "items-selected-amount"],

package/hydrate/index.mjs

@@ -7830,6 +7830,9 @@ var running = `<svg width="1em" height="1em" viewBox="0 0 16 16" fill="none" xml
 </svg>
 `;
 
+var scroll = `<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path stroke="currentColor" d="M96,104a8,8,0,0,1,8-8h64a8,8,0,0,1,0,16H104A8,8,0,0,1,96,104Zm8,40h64a8,8,0,0,0,0-16H104a8,8,0,0,0,0,16Zm128,48a32,32,0,0,1-32,32H88a32,32,0,0,1-32-32V64a16,16,0,0,0-32,0c0,5.74,4.83,9.62,4.88,9.66h0A8,8,0,0,1,24,88a7.89,7.89,0,0,1-4.79-1.61h0C18.05,85.54,8,77.61,8,64A32,32,0,0,1,40,32H176a32,32,0,0,1,32,32V168h8a8,8,0,0,1,4.8,1.6C222,170.46,232,178.39,232,192ZM96.26,173.48A8.07,8.07,0,0,1,104,168h88V64a16,16,0,0,0-16-16H67.69A31.71,31.71,0,0,1,72,64V192a16,16,0,0,0,32,0c0-5.74-4.83-9.62-4.88-9.66A7.82,7.82,0,0,1,96.26,173.48ZM216,192a12.58,12.58,0,0,0-3.23-8h-94a26.92,26.92,0,0,1,1.21,8,31.82,31.82,0,0,1-4.29,16H200A16,16,0,0,0,216,192Z"></path></svg>
+`;
+
 var search$1 = `<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="none" viewBox="0 0 16 16">
   <g clip-path="url(#a)">
     <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M7 12A5 5 0 1 0 7 2a5 5 0 0 0 0 10Zm3.536-1.464L14 14"/>
@@ -8412,6 +8415,7 @@ const icons = {
     receipt,
     reset,
     running,
+    scroll,
     search: search$1,
     send,
     settings,
@@ -110681,6 +110685,10 @@ class TableHeader {
      * Active quick filter identifier
      */
     activeQuickFilterIdentifier;
+    /**
+     * Wether to hide quick filters on mobile
+     */
+    hideQuickFiltersOnMobile = true;
     /**
      * Wether we want to show loading state
      */
@@ -110783,10 +110791,13 @@ class TableHeader {
         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 (hAsync(ThemedHost, { key: '046a82c93f16849095adf724acfd621369af3593' }, hAsync("div", { key: 'e46eb857f7945716243299ce4c999673ec453d5a', class: header() }, this.loading && (hAsync("p-loader", { key: 'c8a4898ede8aa744b72c6d11afceba5079eeb32a', class: '\n         hidden h-8 w-3/4 rounded\n         desktop-xs:flex\n       ', variant: 'ghost' })), !this.loading &&
-            (hasCustomFilterSlot || quickFilters.length > 0) && (hAsync("div", { key: '877290a2e98724bc17e95d3d447ea37e6a005dc4', class: '\n          flex flex-col justify-start gap-4 justify-self-start\n          desktop-xs:flex-row\n        ' }, hasCustomFilterSlot && hAsync("slot", { key: 'c1a71c7715dfd42975529c08f7d784f7fc463309', name: 'custom-filter' }), quickFilters.length > 0 && (hAsync("p-segment-container", { key: 'a78f5ca023cd8106c610d1535e6e8b262dc15632', class: '\n            hidden\n            desktop-xs:flex\n          ' }, quickFilters.map(item => (hAsync("p-segment-item", { active: item.identifier === this.activeQuickFilterIdentifier, onClick: () => this.quickFilter.emit(item) }, typeof item.text === 'string'
+        return (hAsync(ThemedHost, { key: 'c77d8b8a5761d85fa731ac4bbf9ae704182db662' }, hAsync("div", { key: '326b6a259d665f75dbf0b31efddab55529670474', class: header() }, this.loading && (hAsync("p-loader", { key: '2023b41f25ae827ef05d9b32776f6d9b778ff244', class: '\n         hidden h-8 w-3/4 rounded\n         desktop-xs:flex\n       ', variant: 'ghost' })), !this.loading &&
+            (hasCustomFilterSlot || quickFilters.length > 0) && (hAsync("div", { key: '9878787e280a54674a01cd14b930298eb76602b7', class: '\n          flex flex-col justify-start gap-4 justify-self-start\n          desktop-xs:flex-row\n        ' }, hasCustomFilterSlot && hAsync("slot", { key: '6451546fd33c35ff649990d83e9e689d2c049451', name: 'custom-filter' }), quickFilters.length > 0 && (hAsync("p-segment-container", { key: '119fbbf7e666bd4fd8d81a051bbec530d992a3e5', class: cn({
+                'hidden desktop-xs:flex': this.hideQuickFiltersOnMobile,
+                flex: !this.hideQuickFiltersOnMobile,
+            }) }, quickFilters.map(item => (hAsync("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})` : ''))))))), hAsync("div", { key: '17e05645a060b6674211930c340f039e690b2b83', class: '\n        flex flex-col justify-end gap-2\n        desktop-xs:ml-auto desktop-xs:flex-row desktop-xs:items-center\n      ' }, this.enableSearch && (hAsync("p-field", { key: 'e8cc9ab173b7864f5adee53fcb7a6b124e392722', class: 'desktop-xs:max-w-60', icon: 'search', placeholder: 'Zoeken...', value: this.query, onValueChange: ev => this._queryObserver.next(ev.detail) })), hAsync("div", { key: '593628e94f3766ad21562a8133cc76e0a8e7c612', class: 'flex items-center gap-2' }, this.enableFilter && (hAsync("p-button", { key: '863ea9caf0d1d34e5c45a22db523f54075b861c9', class: `
+            : item.text(), ' ', item?.count >= 0 ? `(${item.count})` : ''))))))), hAsync("div", { key: '789a79b292ae29db76ed9267cca90bf3a19dbe0b', class: '\n        flex flex-col justify-end gap-2\n        desktop-xs:ml-auto desktop-xs:flex-row desktop-xs:items-center\n      ' }, this.enableSearch && (hAsync("p-field", { key: '7f90862d3bb0c41420de733fe38c1a351c38fb99', class: 'desktop-xs:max-w-60', icon: 'search', placeholder: 'Zoeken...', value: this.query, onValueChange: ev => this._queryObserver.next(ev.detail) })), hAsync("div", { key: 'c027c1a9fcfc608a3b7e14baca90ceb7ccbc430b', class: 'flex items-center gap-2' }, this.enableFilter && (hAsync("p-button", { key: 'bd70812488a36ee0931b5d3c4948101d56eddcc7', class: `
            w-full
            ${this.enableFilterDesktop
                 ? 'desktop-xs:w-auto'
@@ -110794,7 +110805,7 @@ class TableHeader {
          `, icon: 'filter', variant: 'secondary', onOnClick: () => this.filter.emit() }, this.filterButtonTemplate
             ? this.filterButtonTemplate()
             : this._defaultFilterButtonTemplate(), this.selectedFiltersAmount &&
-            this._getLabel(this.selectedFiltersAmount), mobileTotal > 0 && this._getLabel(mobileTotal, 'mobile'))), !this.loading && this.enableExport && this.enableFilter && (hAsync("p-divider", { key: 'f82cc292316723b26ed2f163a8a4e5bd6b321f33', class: '\n           hidden h-4\n           tablet:flex\n           dark:text-white/15\n         ', variant: 'vertical' })), !this.loading && this.enableExport && (hAsync("p-button", { key: 'b89bfdd9fe038efd02f8c7b733f14a1526cbafda', class: '\n           w-full\n           desktop-xs:w-auto\n         ', icon: 'upload', variant: 'secondary', onOnClick: () => this.export.emit() }, formatTranslation(this._locales.export)))), this.enableAction && this._buttonTemplate(), hasCustomActionsSlot && hAsync("slot", { key: '0ffc61bd03ba493ce6d2331aea707d08a81ec29d', name: 'custom-actions' })), this.enableAction && this.canUseAction && (hAsync("div", { key: '5141609a08425f481e8a396e596eb2a5a9f37ddf', class: '\n         fixed bottom-0 left-0 z-[2] block w-full border border-solid\n         border-transparent bg-white p-4\n         desktop-xs:hidden\n         dark:border-t-hurricane-400 dark:bg-hurricane-500\n       ' }, this._buttonTemplate(true))))));
+            this._getLabel(this.selectedFiltersAmount), mobileTotal > 0 && this._getLabel(mobileTotal, 'mobile'))), !this.loading && this.enableExport && this.enableFilter && (hAsync("p-divider", { key: '602f7968fd60f4ea23909d1fcf23c1d32fef3721', class: '\n           hidden h-4\n           tablet:flex\n           dark:text-white/15\n         ', variant: 'vertical' })), !this.loading && this.enableExport && (hAsync("p-button", { key: 'a55cf0b5e09b18b5cf7d9f1c6ab33aac6160b9ec', class: '\n           w-full\n           desktop-xs:w-auto\n         ', icon: 'upload', variant: 'secondary', onOnClick: () => this.export.emit() }, formatTranslation(this._locales.export)))), this.enableAction && this._buttonTemplate(), hasCustomActionsSlot && hAsync("slot", { key: '47435fd94bc6d8dced05be088e9d157fb0a46c92', name: 'custom-actions' })), this.enableAction && this.canUseAction && (hAsync("div", { key: '42e42671e2b19c9f262b9a7dba9c080d1439acbd', class: '\n         fixed bottom-0 left-0 z-[2] block w-full border border-solid\n         border-transparent bg-white p-4\n         desktop-xs:hidden\n         dark:border-t-hurricane-400 dark:bg-hurricane-500\n       ' }, this._buttonTemplate(true))))));
     }
     async _setLocales() {
         this._locales = await getLocaleComponentStrings(this._el);
@@ -110830,6 +110841,7 @@ class TableHeader {
         "$members$": {
             "quickFilters": [1, "quick-filters"],
             "activeQuickFilterIdentifier": [1, "active-quick-filter-identifier"],
+            "hideQuickFiltersOnMobile": [4, "hide-quick-filters-on-mobile"],
             "loading": [4],
             "enableSearch": [4, "enable-search"],
             "itemsSelectedAmount": [2, "items-selected-amount"],

package/package.json

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