@paperless/core 2.14.17 → 2.15.0

package/dist/esm/p-empty-state_8.entry.js

@@ -215,10 +215,17 @@ const TableCell = class {
             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', {
-                'text-start': this.definition.align === 'start' ||
-                    this.definition.align === undefined,
-                'text-center': this.definition.align === 'center',
-                'text-end': this.definition.align === 'end',
+                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.data.value) : this.definition.useSlot ? (h("slot", null)) : (this.template(this.data))));
     }
     _getColumnClasses() {
@@ -240,12 +247,12 @@ const TableContainer = class {
 };
 TableContainer.style = tableContainerComponentCss;
 
-const tableFooterComponentCss = ".sticky{position:sticky!important}.z-\\[1\\]{z-index:1!important}*{box-sizing:border-box}:host{--tw-content:\"\";position:sticky;z-index:1}.static{position:static!important}.relative{position:relative!important}.z-\\[2\\]{z-index:2!important}.flex{display:flex!important}.hidden{display:none!important}.w-full{width:100%!important}.justify-center{justify-content:center!important}.px-6{padding-left:1.5rem!important;padding-right:1.5rem!important}.py-8{padding-bottom:2rem!important;padding-top:2rem!important}.after\\:absolute:after{content:var(--tw-content)!important;position:absolute!important}.after\\:left-0:after{content:var(--tw-content)!important;left:0!important}.after\\:top-0:after{content:var(--tw-content)!important;top:0!important}.after\\:z-\\[0\\]:after{content:var(--tw-content)!important;z-index:0!important}.after\\:h-full:after{content:var(--tw-content)!important;height:100%!important}.after\\:w-full:after{content:var(--tw-content)!important;width:100%!important}.after\\:bg-gradient-to-t:after{background-image:linear-gradient(to top,var(--tw-gradient-stops))!important;content:var(--tw-content)!important}.after\\:from-white:after{--tw-gradient-from:#fff var(--tw-gradient-from-position)!important;--tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position)!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)!important;content:var(--tw-content)!important}.after\\:via-white\\/80:after{--tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position)!important;--tw-gradient-stops:var(--tw-gradient-from),hsla(0,0%,100%,.8) var(--tw-gradient-via-position),var(--tw-gradient-to)!important;content:var(--tw-content)!important}.after\\:to-transparent:after{--tw-gradient-to:transparent var(--tw-gradient-to-position)!important;content:var(--tw-content)!important}.after\\:opacity-0:after{content:var(--tw-content)!important;opacity:0!important}.after\\:opacity-100:after{content:var(--tw-content)!important;opacity:1!important}.after\\:transition-opacity:after{content:var(--tw-content)!important;transition-duration:.15s!important;transition-property:opacity!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.dark\\:after\\:from-hurricane-700:where(:host([data-theme=dark]),:host([data-theme=dark]) *):after{--tw-gradient-from:#232934 var(--tw-gradient-from-position)!important;--tw-gradient-to:rgba(35,41,52,0) var(--tw-gradient-to-position)!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)!important;content:var(--tw-content)!important}.dark\\:after\\:via-hurricane-700\\/80:where(:host([data-theme=dark]),:host([data-theme=dark]) *):after{--tw-gradient-to:rgba(35,41,52,0) var(--tw-gradient-to-position)!important;--tw-gradient-stops:var(--tw-gradient-from),rgba(35,41,52,.8) var(--tw-gradient-via-position),var(--tw-gradient-to)!important;content:var(--tw-content)!important}.dark\\:after\\:from-hurricane-700:where([data-theme=dark],[data-theme=dark] *):after{--tw-gradient-from:#232934 var(--tw-gradient-from-position)!important;--tw-gradient-to:rgba(35,41,52,0) var(--tw-gradient-to-position)!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)!important;content:var(--tw-content)!important}.dark\\:after\\:via-hurricane-700\\/80:where([data-theme=dark],[data-theme=dark] *):after{--tw-gradient-to:rgba(35,41,52,0) var(--tw-gradient-to-position)!important;--tw-gradient-stops:var(--tw-gradient-from),rgba(35,41,52,.8) var(--tw-gradient-via-position),var(--tw-gradient-to)!important;content:var(--tw-content)!important}";
+const tableFooterComponentCss = ".sticky{position:sticky!important}.z-\\[1\\]{z-index:1!important}*{box-sizing:border-box}:host{--tw-content:\"\";position:sticky;z-index:1}.static{position:static!important}.relative{position:relative!important}.z-\\[2\\]{z-index:2!important}.flex{display:flex!important}.table{display:table!important}.hidden{display:none!important}.w-full{width:100%!important}.justify-center{justify-content:center!important}.px-6{padding-left:1.5rem!important;padding-right:1.5rem!important}.py-8{padding-bottom:2rem!important;padding-top:2rem!important}.pb-20{padding-bottom:5rem!important}.pt-8{padding-top:2rem!important}.after\\:absolute:after{content:var(--tw-content)!important;position:absolute!important}.after\\:left-0:after{content:var(--tw-content)!important;left:0!important}.after\\:top-0:after{content:var(--tw-content)!important;top:0!important}.after\\:z-\\[0\\]:after{content:var(--tw-content)!important;z-index:0!important}.after\\:h-full:after{content:var(--tw-content)!important;height:100%!important}.after\\:w-full:after{content:var(--tw-content)!important;width:100%!important}.after\\:bg-gradient-to-t:after{background-image:linear-gradient(to top,var(--tw-gradient-stops))!important;content:var(--tw-content)!important}.after\\:from-white:after{--tw-gradient-from:#fff var(--tw-gradient-from-position)!important;--tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position)!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)!important;content:var(--tw-content)!important}.after\\:via-white\\/80:after{--tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position)!important;--tw-gradient-stops:var(--tw-gradient-from),hsla(0,0%,100%,.8) var(--tw-gradient-via-position),var(--tw-gradient-to)!important;content:var(--tw-content)!important}.after\\:to-transparent:after{--tw-gradient-to:transparent var(--tw-gradient-to-position)!important;content:var(--tw-content)!important}.after\\:opacity-0:after{content:var(--tw-content)!important;opacity:0!important}.after\\:opacity-100:after{content:var(--tw-content)!important;opacity:1!important}.after\\:transition-opacity:after{content:var(--tw-content)!important;transition-duration:.15s!important;transition-property:opacity!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}@media (min-width:64rem){.desktop-xs\\:py-8{padding-bottom:2rem!important;padding-top:2rem!important}}.dark\\:after\\:from-hurricane-700:where(:host([data-theme=dark]),:host([data-theme=dark]) *):after{--tw-gradient-from:#232934 var(--tw-gradient-from-position)!important;--tw-gradient-to:rgba(35,41,52,0) var(--tw-gradient-to-position)!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)!important;content:var(--tw-content)!important}.dark\\:after\\:via-hurricane-700\\/80:where(:host([data-theme=dark]),:host([data-theme=dark]) *):after{--tw-gradient-to:rgba(35,41,52,0) var(--tw-gradient-to-position)!important;--tw-gradient-stops:var(--tw-gradient-from),rgba(35,41,52,.8) var(--tw-gradient-via-position),var(--tw-gradient-to)!important;content:var(--tw-content)!important}.dark\\:after\\:from-hurricane-700:where([data-theme=dark],[data-theme=dark] *):after{--tw-gradient-from:#232934 var(--tw-gradient-from-position)!important;--tw-gradient-to:rgba(35,41,52,0) var(--tw-gradient-to-position)!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)!important;content:var(--tw-content)!important}.dark\\:after\\:via-hurricane-700\\/80:where([data-theme=dark],[data-theme=dark] *):after{--tw-gradient-to:rgba(35,41,52,0) var(--tw-gradient-to-position)!important;--tw-gradient-stops:var(--tw-gradient-from),rgba(35,41,52,.8) var(--tw-gradient-via-position),var(--tw-gradient-to)!important;content:var(--tw-content)!important}";
 
 const footer = cva([
     'justify-center relative',
-    'w-full py-8 px-6',
-    'after:absolute after:top-0 after:left-0  after:z-[0]',
+    'w-full px-6',
+    'after:absolute after:top-0 after:left-0 after:z-[0]',
     'after:w-full after:h-full after:transition-opacity',
     'after:bg-gradient-to-t after:from-white dark:after:from-hurricane-700 after:via-white/80 dark:after:via-hurricane-700/80 after:to-transparent',
 ], {
@@ -258,6 +265,10 @@ const footer = cva([
             false: 'flex',
             true: 'hidden',
         },
+        tableHeaderHasAction: {
+            true: 'pt-8 pb-20 desktop-xs:py-8',
+            false: 'py-8',
+        },
     },
 });
 const TableFooter = class {
@@ -299,6 +310,10 @@ const TableFooter = class {
      * The options for the page size
      */
     pageSizeOptions = PAGINATION_DEFAULT_PAGE_SIZE_OPTIONS;
+    /**
+     * Wether the table header has an action to adjust for on mobile
+     */
+    tableHeaderHasAction = false;
     /**
      * Event whenever the page changes
      */
@@ -332,14 +347,15 @@ const TableFooter = class {
             clearTimeout(this._renderCheckTimeout);
             this._renderCheckTimeout = null;
         }
-        this._renderCheckTimeout = setTimeout(() => this._checkStuck(), 100);
+        this._renderCheckTimeout = setTimeout(() => this._checkStuck(), 200);
     }
     render() {
-        return (h(ThemedHost, { key: '3818bdb2adcf27abd0bddbfefa9af36361a5e440' }, h("div", { key: '79d2e850731244e1f0a798c495338f63a0fef8d0', class: footer({
+        return (h(ThemedHost, { key: '4e733469026c4ee831bad2746c23e10b9fb4460f' }, h("div", { key: '086d244e013b9ecfe726eaedb02d161fc8198487', class: footer({
                 pinned: this._isPinned,
                 hidden: this._hidden,
+                tableHeaderHasAction: this.tableHeaderHasAction,
             }) }, (this.enablePaginationPages || this.enablePaginationSize) &&
-            this.total > 0 && (h("p-pagination", { key: '0a5bf305304ad88009edf5fd40cb5183788b84c0', class: 'z-[2]', enablePaginationSize: this.enablePaginationSize, enablePaginationPages: this.enablePaginationPages, pageSize: this.pageSize, pageSizeOptions: this.pageSizeOptions, onPageSizeChange: ({ detail }) => this._changePageSize(detail), page: this.page, hideOnSinglePage: this.hideOnSinglePage, onPageChange: ({ detail }) => this.pageChange.emit(detail), total: this.total, onPagesChange: ({ detail }) => (this._hasPaginationPages = detail > 1) })))));
+            this.total > 0 && (h("p-pagination", { key: '0a6d5d4d55ad3b6ec77959655b29ff064d60ddc6', class: 'z-[2]', enablePaginationSize: this.enablePaginationSize, enablePaginationPages: this.enablePaginationPages, pageSize: this.pageSize, pageSizeOptions: this.pageSizeOptions, onPageSizeChange: ({ detail }) => this._changePageSize(detail), page: this.page, hideOnSinglePage: this.hideOnSinglePage, onPageChange: ({ detail }) => this.pageChange.emit(detail), total: this.total, onPagesChange: ({ detail }) => (this._hasPaginationPages = detail > 1) })))));
     }
     _changePageSize(s) {
         if (!s) {
@@ -9833,7 +9849,7 @@ function requireCjs () {
 
 var cjsExports = /*@__PURE__*/ requireCjs();
 
-const tableHeaderComponentCss = "*{box-sizing:border-box}.static{position:static!important}.fixed{position:fixed!important}.bottom-0{bottom:0!important}.left-0{left:0!important}.z-\\[1\\]{z-index:1!important}.ml-1{margin-left:.25rem!important}.block{display:block!important}.flex{display:flex!important}.hidden{display:none!important}.h-4{height:1rem!important}.h-8{height:2rem!important}.w-3\\/4{width:75%!important}.w-full{width:100%!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.justify-start{justify-content:flex-start!important}.justify-end{justify-content:flex-end!important}.gap-2{gap:.5rem!important}.gap-4{gap:1rem!important}.justify-self-start{justify-self:start!important}.rounded{border-radius:.25rem!important}.border{border-width:1px!important}.border-solid{border-style:solid!important}.border-transparent{border-color:transparent!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.p-4{padding:1rem!important}.px-4{padding-left:1rem!important;padding-right:1rem!important}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}@media (min-width:40rem){.tablet\\:flex{display:flex!important}.tablet\\:px-0{padding-left:0!important;padding-right:0!important}}@media (min-width:64rem){.desktop-xs\\:ml-auto{margin-left:auto!important}.desktop-xs\\:flex{display:flex!important}.desktop-xs\\:hidden{display:none!important}.desktop-xs\\:w-auto{width:auto!important}.desktop-xs\\:max-w-60{max-width:15rem!important}.desktop-xs\\:flex-row{flex-direction:row!important}.desktop-xs\\:items-center{align-items:center!important}}.dark\\:text-white\\/15:where(:host([data-theme=dark]),:host([data-theme=dark]) *){color:hsla(0,0%,100%,.15)!important}.dark\\:text-white\\/15:where([data-theme=dark],[data-theme=dark] *){color:hsla(0,0%,100%,.15)!important}";
+const tableHeaderComponentCss = "*{box-sizing:border-box}.static{position:static!important}.fixed{position:fixed!important}.bottom-0{bottom:0!important}.left-0{left:0!important}.z-\\[1\\]{z-index:1!important}.z-\\[2\\]{z-index:2!important}.ml-1{margin-left:.25rem!important}.block{display:block!important}.flex{display:flex!important}.hidden{display:none!important}.h-4{height:1rem!important}.h-8{height:2rem!important}.w-3\\/4{width:75%!important}.w-full{width:100%!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.justify-start{justify-content:flex-start!important}.justify-end{justify-content:flex-end!important}.gap-2{gap:.5rem!important}.gap-4{gap:1rem!important}.justify-self-start{justify-self:start!important}.rounded{border-radius:.25rem!important}.border{border-width:1px!important}.border-solid{border-style:solid!important}.border-transparent{border-color:transparent!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.p-4{padding:1rem!important}.px-4{padding-left:1rem!important;padding-right:1rem!important}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}@media (min-width:40rem){.tablet\\:flex{display:flex!important}.tablet\\:px-0{padding-left:0!important;padding-right:0!important}}@media (min-width:64rem){.desktop-xs\\:ml-auto{margin-left:auto!important}.desktop-xs\\:flex{display:flex!important}.desktop-xs\\:hidden{display:none!important}.desktop-xs\\:w-auto{width:auto!important}.desktop-xs\\:max-w-60{max-width:15rem!important}.desktop-xs\\:flex-row{flex-direction:row!important}.desktop-xs\\:items-center{align-items:center!important}}.dark\\:border-t-hurricane-400:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-border-opacity:1!important;border-top-color:rgb(70 75 84/var(--tw-border-opacity,1))!important}.dark\\:bg-hurricane-500:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1!important;background-color:rgb(54 60 70/var(--tw-bg-opacity,1))!important}.dark\\:text-white\\/15:where(:host([data-theme=dark]),:host([data-theme=dark]) *){color:hsla(0,0%,100%,.15)!important}.dark\\:border-t-hurricane-400:where([data-theme=dark],[data-theme=dark] *){--tw-border-opacity:1!important;border-top-color:rgb(70 75 84/var(--tw-border-opacity,1))!important}.dark\\:bg-hurricane-500:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1!important;background-color:rgb(54 60 70/var(--tw-bg-opacity,1))!important}.dark\\:text-white\\/15:where([data-theme=dark],[data-theme=dark] *){color:hsla(0,0%,100%,.15)!important}";
 
 const header = cva([
     'flex flex-col gap-2 z-[1]',
@@ -9976,7 +9992,7 @@ const TableHeader = class {
                 : '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.loading && this.enableExport && this.enableFilter && (h("p-divider", { key: '69fa061c128034dc499d2f7548121d623701b111', variant: 'vertical', class: 'hidden h-4 tablet:flex dark:text-white/15' })), !this.loading && this.enableExport && (h("p-button", { key: '6bf0e38639cac6e886ca83d36879a838f14056dc', variant: 'secondary', icon: 'upload', class: 'desktop-xs:auto w-full', onClick: () => this.export.emit() }, formatTranslation(this._locales.export)))), this.enableAction && this._buttonTemplate(), hasCustomActionsSlot && h("slot", { key: 'b09deed8ab74a41bdbaebd53296144822c4575dd', name: 'custom-actions' })), this.enableAction && this.canUseAction && (h("div", { key: '9208470608e5c4648b9931cebb6a4b9e8382615f', class: 'border-t-mystic-dark fixed bottom-0 left-0 block w-full border border-solid border-transparent bg-white p-4 desktop-xs:hidden' }, this._buttonTemplate(true))))));
+            this._getLabel(this.selectedFiltersAmount), mobileTotal > 0 && this._getLabel(mobileTotal, 'mobile'))), !this.loading && this.enableExport && this.enableFilter && (h("p-divider", { key: '69fa061c128034dc499d2f7548121d623701b111', variant: 'vertical', class: 'hidden h-4 tablet:flex dark:text-white/15' })), !this.loading && this.enableExport && (h("p-button", { key: '6bf0e38639cac6e886ca83d36879a838f14056dc', variant: 'secondary', icon: 'upload', class: 'desktop-xs:auto w-full', onClick: () => this.export.emit() }, formatTranslation(this._locales.export)))), this.enableAction && this._buttonTemplate(), hasCustomActionsSlot && h("slot", { key: 'b09deed8ab74a41bdbaebd53296144822c4575dd', name: 'custom-actions' })), this.enableAction && this.canUseAction && (h("div", { key: 'c82822c61f4ace4b8b8c81573b9e776d3d6af9b2', class: 'fixed bottom-0 left-0 z-[2] block w-full border border-solid border-transparent bg-white p-4 desktop-xs:hidden dark:border-t-hurricane-400 dark:bg-hurricane-500' }, this._buttonTemplate(true))))));
     }
     async _setLocales() {
         this._locales = await getLocaleComponentStrings(this._el);