@paperless/core 3.2.3 → 3.3.0

package/dist/types/components.d.ts

@@ -1346,7 +1346,7 @@ export namespace Components {
           * The size of the modal container
           * @default 'base'
          */
-        "size": 'xs' | 'base' | 'lg' | 'xl' | '2xl';
+        "size": 'xs' | 'sm' | 'base' | 'lg' | 'xl' | '2xl';
     }
     interface PModalBody {
         /**
@@ -1370,7 +1370,7 @@ export namespace Components {
           * The size of the modal container
           * @default 'base'
          */
-        "size": 'xs' | 'base' | 'lg' | 'xl' | '2xl';
+        "size": 'xs' | 'sm' | 'base' | 'lg' | 'xl' | '2xl';
     }
     interface PModalFooter {
     }
@@ -5074,7 +5074,7 @@ declare namespace LocalJSX {
           * The size of the modal container
           * @default 'base'
          */
-        "size"?: 'xs' | 'base' | 'lg' | 'xl' | '2xl';
+        "size"?: 'xs' | 'sm' | 'base' | 'lg' | 'xl' | '2xl';
     }
     interface PModalBody {
         /**
@@ -5098,7 +5098,7 @@ declare namespace LocalJSX {
           * The size of the modal container
           * @default 'base'
          */
-        "size"?: 'xs' | 'base' | 'lg' | 'xl' | '2xl';
+        "size"?: 'xs' | 'sm' | 'base' | 'lg' | 'xl' | '2xl';
     }
     interface PModalFooter {
     }

package/hydrate/index.js

@@ -97206,7 +97206,7 @@ class ModalBody {
     }; }
 }
 
-const modalContainerComponentCss = () => `.flex{display:flex}.w-full{width:100%}.justify-center{justify-content:center}*{box-sizing:border-box}:host{display:flex;justify-content:center;width:100%}@media (min-width:64rem){:host{margin:auto}}.pointer-events-none{pointer-events:none}.static{position:static}.z-modal{z-index:600}.max-h-\\[calc\\(100dvh-4rem\\)\\]{max-height:calc(100dvh - 4rem)}.min-w-0{min-width:0}.flex-1{flex:1 1 0%}@keyframes slideInBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}.animate-slide-in-bottom{animation:slideInBottom .5s ease forwards}@keyframes slideOutBottom{0%{transform:translateY(0)}to{transform:translateY(100%)}}.animate-slide-out-bottom{animation:slideOutBottom .5s ease forwards}.flex-col{flex-direction:column}.rounded-b-none{border-bottom-left-radius:0;border-bottom-right-radius:0}.rounded-t-2xl{border-top-left-radius:1rem;border-top-right-radius:1rem}.shadow-modal{--tw-shadow:0 0 0 1px rgba(0,2,2,.1),0 1px 1px 0 rgba(0,2,2,.2),0 2px 2px 0 rgba(0,2,2,.08),0 4px 4px 0 rgba(0,2,2,.08),0 8px 8px 0 rgba(0,2,2,.08);--tw-shadow-colored:0 0 0 1px var(--tw-shadow-color),0 1px 1px 0 var(--tw-shadow-color),0 2px 2px 0 var(--tw-shadow-color),0 4px 4px 0 var(--tw-shadow-color),0 8px 8px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:85.375rem){.container{max-width:85.375rem}}@media (min-width:90rem){.container{max-width:90rem}}@media (min-width:96rem){.container{max-width:96rem}}@media (min-width:105rem){.container{max-width:105rem}}@media (min-width:120rem){.container{max-width:120rem}}@media (min-width:160rem){.container{max-width:160rem}}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}@media (min-width:40rem){.tablet\\:max-w-\\[20rem\\]{max-width:20rem}.tablet\\:max-w-\\[35rem\\]{max-width:35rem}.tablet\\:max-w-\\[41rem\\]{max-width:41rem}.tablet\\:max-w-\\[45rem\\]{max-width:45rem}.tablet\\:max-w-\\[65rem\\]{max-width:65rem}}@media (min-width:64rem){@keyframes slideInBottomSmall{0%{transform:translateY(20%)}to{transform:translateY(0)}}.desktop-xs\\:animate-slide-in-bottom-small{animation:slideInBottomSmall .5s ease forwards}@keyframes slideOutBottomSmall{0%{transform:translateY(0)}to{transform:translateY(20%)}}.desktop-xs\\:animate-slide-out-bottom-small{animation:slideOutBottomSmall .5s ease forwards}.desktop-xs\\:rounded-b-2xl{border-bottom-left-radius:1rem;border-bottom-right-radius:1rem}}.dark\\:border:where(:host([data-theme=dark]),:host([data-theme=dark]) *){border-width:1px}.dark\\:border-solid:where(:host([data-theme=dark]),:host([data-theme=dark]) *){border-style:solid}.dark\\:border-hurricane-400:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-border-opacity:1;border-color:rgb(70 75 84/var(--tw-border-opacity,1))}.dark\\:border:where([data-theme=dark],[data-theme=dark] *){border-width:1px}.dark\\:border-solid:where([data-theme=dark],[data-theme=dark] *){border-style:solid}.dark\\:border-hurricane-400:where([data-theme=dark],[data-theme=dark] *){--tw-border-opacity:1;border-color:rgb(70 75 84/var(--tw-border-opacity,1))}`;
+const modalContainerComponentCss = () => `.flex{display:flex}.w-full{width:100%}.justify-center{justify-content:center}*{box-sizing:border-box}:host{display:flex;justify-content:center;width:100%}@media (min-width:64rem){:host{margin:auto}}.pointer-events-none{pointer-events:none}.static{position:static}.z-modal{z-index:600}.max-h-\\[calc\\(100dvh-4rem\\)\\]{max-height:calc(100dvh - 4rem)}.min-w-0{min-width:0}.flex-1{flex:1 1 0%}@keyframes slideInBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}.animate-slide-in-bottom{animation:slideInBottom .5s ease forwards}@keyframes slideOutBottom{0%{transform:translateY(0)}to{transform:translateY(100%)}}.animate-slide-out-bottom{animation:slideOutBottom .5s ease forwards}.flex-col{flex-direction:column}.rounded-b-none{border-bottom-left-radius:0;border-bottom-right-radius:0}.rounded-t-2xl{border-top-left-radius:1rem;border-top-right-radius:1rem}.shadow-modal{--tw-shadow:0 0 0 1px rgba(0,2,2,.1),0 1px 1px 0 rgba(0,2,2,.2),0 2px 2px 0 rgba(0,2,2,.08),0 4px 4px 0 rgba(0,2,2,.08),0 8px 8px 0 rgba(0,2,2,.08);--tw-shadow-colored:0 0 0 1px var(--tw-shadow-color),0 1px 1px 0 var(--tw-shadow-color),0 2px 2px 0 var(--tw-shadow-color),0 4px 4px 0 var(--tw-shadow-color),0 8px 8px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:85.375rem){.container{max-width:85.375rem}}@media (min-width:90rem){.container{max-width:90rem}}@media (min-width:96rem){.container{max-width:96rem}}@media (min-width:105rem){.container{max-width:105rem}}@media (min-width:120rem){.container{max-width:120rem}}@media (min-width:160rem){.container{max-width:160rem}}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}@media (min-width:40rem){.tablet\\:max-w-\\[20rem\\]{max-width:20rem}.tablet\\:max-w-\\[27\\.5rem\\]{max-width:27.5rem}.tablet\\:max-w-\\[35rem\\]{max-width:35rem}.tablet\\:max-w-\\[41rem\\]{max-width:41rem}.tablet\\:max-w-\\[45rem\\]{max-width:45rem}.tablet\\:max-w-\\[65rem\\]{max-width:65rem}}@media (min-width:64rem){@keyframes slideInBottomSmall{0%{transform:translateY(20%)}to{transform:translateY(0)}}.desktop-xs\\:animate-slide-in-bottom-small{animation:slideInBottomSmall .5s ease forwards}@keyframes slideOutBottomSmall{0%{transform:translateY(0)}to{transform:translateY(20%)}}.desktop-xs\\:animate-slide-out-bottom-small{animation:slideOutBottomSmall .5s ease forwards}.desktop-xs\\:rounded-b-2xl{border-bottom-left-radius:1rem;border-bottom-right-radius:1rem}}.dark\\:border:where(:host([data-theme=dark]),:host([data-theme=dark]) *){border-width:1px}.dark\\:border-solid:where(:host([data-theme=dark]),:host([data-theme=dark]) *){border-style:solid}.dark\\:border-hurricane-400:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-border-opacity:1;border-color:rgb(70 75 84/var(--tw-border-opacity,1))}.dark\\:border:where([data-theme=dark],[data-theme=dark] *){border-width:1px}.dark\\:border-solid:where([data-theme=dark],[data-theme=dark] *){border-style:solid}.dark\\:border-hurricane-400:where([data-theme=dark],[data-theme=dark] *){--tw-border-opacity:1;border-color:rgb(70 75 84/var(--tw-border-opacity,1))}`;
 
 const container$2 = cva([
     'w-full min-w-0 flex-1',
@@ -97222,6 +97222,7 @@ const container$2 = cva([
     variants: {
         size: {
             xs: 'tablet:max-w-[20rem]',
+            sm: 'tablet:max-w-[27.5rem]',
             base: 'tablet:max-w-[35rem]',
             lg: 'tablet:max-w-[41rem]',
             xl: 'tablet:max-w-[45rem]',
@@ -97252,10 +97253,10 @@ class ModalContainer {
      */
     closing = false;
     render() {
-        return (hAsync(ThemedHost, { key: 'd3989b7b4ba97896e66811db665c689d82b32780' }, hAsync("div", { key: 'cf54c0f6285357f72066f7086cd12c1718c9711a', class: container$2({
+        return (hAsync(ThemedHost, { key: '8ed1013a9a1216531efe3e94181c106584d3f407' }, hAsync("div", { key: '2bfb6ca7cc65b070beed31244654a102f9036255', class: container$2({
                 size: this.size,
                 closing: asBoolean(this.closing),
-            }) }, hAsync("slot", { key: '96a7d44c3e1970d6be09f32176eaa47110b775c6' }))));
+            }) }, hAsync("slot", { key: '38ae19861439e290af0109bea1015f9fb862ed15' }))));
     }
     static get style() { return modalContainerComponentCss(); }
     static get cmpMeta() { return {
@@ -101105,7 +101106,7 @@ class TableFooter {
         const rect = this._el.getBoundingClientRect();
         const modal = this._el.closest('p-modal');
         const layout = document.querySelector('p-layout');
-        if (modal) {
+        if (modal && !this._hidden) {
             const modalBody = modal.shadowRoot.querySelector('p-modal-body');
             const innerContent = modalBody.shadowRoot.querySelector('div');
             const innerContentComputed = getComputedStyle(innerContent);
@@ -101113,7 +101114,7 @@ class TableFooter {
             this._el.style.bottom = `-${modalPaddingBottom}px`;
             this._el.style.marginBottom = `-${modalPaddingBottom - 1}px`;
         }
-        if (layout && !modal) {
+        if (layout && !modal && !this._hidden) {
             const innerContent = layout.shadowRoot.querySelector('.content');
             const innerContentComputed = getComputedStyle(innerContent);
             const layoutPaddingBottom = Number.parseInt(innerContentComputed.paddingBottom, 10);

package/hydrate/index.mjs

@@ -97204,7 +97204,7 @@ class ModalBody {
     }; }
 }
 
-const modalContainerComponentCss = () => `.flex{display:flex}.w-full{width:100%}.justify-center{justify-content:center}*{box-sizing:border-box}:host{display:flex;justify-content:center;width:100%}@media (min-width:64rem){:host{margin:auto}}.pointer-events-none{pointer-events:none}.static{position:static}.z-modal{z-index:600}.max-h-\\[calc\\(100dvh-4rem\\)\\]{max-height:calc(100dvh - 4rem)}.min-w-0{min-width:0}.flex-1{flex:1 1 0%}@keyframes slideInBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}.animate-slide-in-bottom{animation:slideInBottom .5s ease forwards}@keyframes slideOutBottom{0%{transform:translateY(0)}to{transform:translateY(100%)}}.animate-slide-out-bottom{animation:slideOutBottom .5s ease forwards}.flex-col{flex-direction:column}.rounded-b-none{border-bottom-left-radius:0;border-bottom-right-radius:0}.rounded-t-2xl{border-top-left-radius:1rem;border-top-right-radius:1rem}.shadow-modal{--tw-shadow:0 0 0 1px rgba(0,2,2,.1),0 1px 1px 0 rgba(0,2,2,.2),0 2px 2px 0 rgba(0,2,2,.08),0 4px 4px 0 rgba(0,2,2,.08),0 8px 8px 0 rgba(0,2,2,.08);--tw-shadow-colored:0 0 0 1px var(--tw-shadow-color),0 1px 1px 0 var(--tw-shadow-color),0 2px 2px 0 var(--tw-shadow-color),0 4px 4px 0 var(--tw-shadow-color),0 8px 8px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:85.375rem){.container{max-width:85.375rem}}@media (min-width:90rem){.container{max-width:90rem}}@media (min-width:96rem){.container{max-width:96rem}}@media (min-width:105rem){.container{max-width:105rem}}@media (min-width:120rem){.container{max-width:120rem}}@media (min-width:160rem){.container{max-width:160rem}}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}@media (min-width:40rem){.tablet\\:max-w-\\[20rem\\]{max-width:20rem}.tablet\\:max-w-\\[35rem\\]{max-width:35rem}.tablet\\:max-w-\\[41rem\\]{max-width:41rem}.tablet\\:max-w-\\[45rem\\]{max-width:45rem}.tablet\\:max-w-\\[65rem\\]{max-width:65rem}}@media (min-width:64rem){@keyframes slideInBottomSmall{0%{transform:translateY(20%)}to{transform:translateY(0)}}.desktop-xs\\:animate-slide-in-bottom-small{animation:slideInBottomSmall .5s ease forwards}@keyframes slideOutBottomSmall{0%{transform:translateY(0)}to{transform:translateY(20%)}}.desktop-xs\\:animate-slide-out-bottom-small{animation:slideOutBottomSmall .5s ease forwards}.desktop-xs\\:rounded-b-2xl{border-bottom-left-radius:1rem;border-bottom-right-radius:1rem}}.dark\\:border:where(:host([data-theme=dark]),:host([data-theme=dark]) *){border-width:1px}.dark\\:border-solid:where(:host([data-theme=dark]),:host([data-theme=dark]) *){border-style:solid}.dark\\:border-hurricane-400:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-border-opacity:1;border-color:rgb(70 75 84/var(--tw-border-opacity,1))}.dark\\:border:where([data-theme=dark],[data-theme=dark] *){border-width:1px}.dark\\:border-solid:where([data-theme=dark],[data-theme=dark] *){border-style:solid}.dark\\:border-hurricane-400:where([data-theme=dark],[data-theme=dark] *){--tw-border-opacity:1;border-color:rgb(70 75 84/var(--tw-border-opacity,1))}`;
+const modalContainerComponentCss = () => `.flex{display:flex}.w-full{width:100%}.justify-center{justify-content:center}*{box-sizing:border-box}:host{display:flex;justify-content:center;width:100%}@media (min-width:64rem){:host{margin:auto}}.pointer-events-none{pointer-events:none}.static{position:static}.z-modal{z-index:600}.max-h-\\[calc\\(100dvh-4rem\\)\\]{max-height:calc(100dvh - 4rem)}.min-w-0{min-width:0}.flex-1{flex:1 1 0%}@keyframes slideInBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}.animate-slide-in-bottom{animation:slideInBottom .5s ease forwards}@keyframes slideOutBottom{0%{transform:translateY(0)}to{transform:translateY(100%)}}.animate-slide-out-bottom{animation:slideOutBottom .5s ease forwards}.flex-col{flex-direction:column}.rounded-b-none{border-bottom-left-radius:0;border-bottom-right-radius:0}.rounded-t-2xl{border-top-left-radius:1rem;border-top-right-radius:1rem}.shadow-modal{--tw-shadow:0 0 0 1px rgba(0,2,2,.1),0 1px 1px 0 rgba(0,2,2,.2),0 2px 2px 0 rgba(0,2,2,.08),0 4px 4px 0 rgba(0,2,2,.08),0 8px 8px 0 rgba(0,2,2,.08);--tw-shadow-colored:0 0 0 1px var(--tw-shadow-color),0 1px 1px 0 var(--tw-shadow-color),0 2px 2px 0 var(--tw-shadow-color),0 4px 4px 0 var(--tw-shadow-color),0 8px 8px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:85.375rem){.container{max-width:85.375rem}}@media (min-width:90rem){.container{max-width:90rem}}@media (min-width:96rem){.container{max-width:96rem}}@media (min-width:105rem){.container{max-width:105rem}}@media (min-width:120rem){.container{max-width:120rem}}@media (min-width:160rem){.container{max-width:160rem}}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}@media (min-width:40rem){.tablet\\:max-w-\\[20rem\\]{max-width:20rem}.tablet\\:max-w-\\[27\\.5rem\\]{max-width:27.5rem}.tablet\\:max-w-\\[35rem\\]{max-width:35rem}.tablet\\:max-w-\\[41rem\\]{max-width:41rem}.tablet\\:max-w-\\[45rem\\]{max-width:45rem}.tablet\\:max-w-\\[65rem\\]{max-width:65rem}}@media (min-width:64rem){@keyframes slideInBottomSmall{0%{transform:translateY(20%)}to{transform:translateY(0)}}.desktop-xs\\:animate-slide-in-bottom-small{animation:slideInBottomSmall .5s ease forwards}@keyframes slideOutBottomSmall{0%{transform:translateY(0)}to{transform:translateY(20%)}}.desktop-xs\\:animate-slide-out-bottom-small{animation:slideOutBottomSmall .5s ease forwards}.desktop-xs\\:rounded-b-2xl{border-bottom-left-radius:1rem;border-bottom-right-radius:1rem}}.dark\\:border:where(:host([data-theme=dark]),:host([data-theme=dark]) *){border-width:1px}.dark\\:border-solid:where(:host([data-theme=dark]),:host([data-theme=dark]) *){border-style:solid}.dark\\:border-hurricane-400:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-border-opacity:1;border-color:rgb(70 75 84/var(--tw-border-opacity,1))}.dark\\:border:where([data-theme=dark],[data-theme=dark] *){border-width:1px}.dark\\:border-solid:where([data-theme=dark],[data-theme=dark] *){border-style:solid}.dark\\:border-hurricane-400:where([data-theme=dark],[data-theme=dark] *){--tw-border-opacity:1;border-color:rgb(70 75 84/var(--tw-border-opacity,1))}`;
 
 const container$2 = cva([
     'w-full min-w-0 flex-1',
@@ -97220,6 +97220,7 @@ const container$2 = cva([
     variants: {
         size: {
             xs: 'tablet:max-w-[20rem]',
+            sm: 'tablet:max-w-[27.5rem]',
             base: 'tablet:max-w-[35rem]',
             lg: 'tablet:max-w-[41rem]',
             xl: 'tablet:max-w-[45rem]',
@@ -97250,10 +97251,10 @@ class ModalContainer {
      */
     closing = false;
     render() {
-        return (hAsync(ThemedHost, { key: 'd3989b7b4ba97896e66811db665c689d82b32780' }, hAsync("div", { key: 'cf54c0f6285357f72066f7086cd12c1718c9711a', class: container$2({
+        return (hAsync(ThemedHost, { key: '8ed1013a9a1216531efe3e94181c106584d3f407' }, hAsync("div", { key: '2bfb6ca7cc65b070beed31244654a102f9036255', class: container$2({
                 size: this.size,
                 closing: asBoolean(this.closing),
-            }) }, hAsync("slot", { key: '96a7d44c3e1970d6be09f32176eaa47110b775c6' }))));
+            }) }, hAsync("slot", { key: '38ae19861439e290af0109bea1015f9fb862ed15' }))));
     }
     static get style() { return modalContainerComponentCss(); }
     static get cmpMeta() { return {
@@ -101103,7 +101104,7 @@ class TableFooter {
         const rect = this._el.getBoundingClientRect();
         const modal = this._el.closest('p-modal');
         const layout = document.querySelector('p-layout');
-        if (modal) {
+        if (modal && !this._hidden) {
             const modalBody = modal.shadowRoot.querySelector('p-modal-body');
             const innerContent = modalBody.shadowRoot.querySelector('div');
             const innerContentComputed = getComputedStyle(innerContent);
@@ -101111,7 +101112,7 @@ class TableFooter {
             this._el.style.bottom = `-${modalPaddingBottom}px`;
             this._el.style.marginBottom = `-${modalPaddingBottom - 1}px`;
         }
-        if (layout && !modal) {
+        if (layout && !modal && !this._hidden) {
             const innerContent = layout.shadowRoot.querySelector('.content');
             const innerContentComputed = getComputedStyle(innerContent);
             const layoutPaddingBottom = Number.parseInt(innerContentComputed.paddingBottom, 10);

package/package.json

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