@paperless/core 1.55.0 → 1.56.0

package/dist/types/components/atoms/info-panel/info-panel.component.d.ts

@@ -1,3 +1,4 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
 export declare class InfoPanel {
   /**
    * The variant of the info panel
@@ -15,6 +16,10 @@ export declare class InfoPanel {
    * Wether the panel can be closed
    */
   closeable: boolean;
+  /**
+   * When the backdrop is clicked
+   */
+  closed: EventEmitter<void>;
   /**
    * The host element
    */

package/dist/types/components/molecules/datepicker/datepicker.component.d.ts

@@ -1,4 +1,5 @@
 import { EventEmitter } from '../../../stencil-public-runtime';
+import { Placement, Strategy } from '@floating-ui/dom';
 export declare class Datepicker {
   /**
    * The placeholder of the input
@@ -72,6 +73,14 @@ export declare class Datepicker {
    * Wether the input group is disabled used by the datepicker
    */
   disabled: boolean;
+  /**
+   * The strategy of the dropdown placement
+   */
+  strategy: Strategy;
+  /**
+   * The placement of the dropdown
+   */
+  placement: Placement;
   /**
    * The host element
    */

package/dist/types/components.d.ts

@@ -354,6 +354,10 @@ export namespace Components {
           * The placeholder of the input
          */
         "placeholder": string;
+        /**
+          * The placement of the dropdown
+         */
+        "placement": Placement;
         /**
           * The prefix of the input group used by the datepicker
          */
@@ -370,6 +374,10 @@ export namespace Components {
           * The size of the input group used by the datepicker
          */
         "size": 'small' | 'medium';
+        /**
+          * The strategy of the dropdown placement
+         */
+        "strategy": Strategy;
         /**
           * The current value
          */
@@ -1680,6 +1688,10 @@ export interface PDropdownCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLPDropdownElement;
 }
+export interface PInfoPanelCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLPInfoPanelElement;
+}
 export interface PModalCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLPModalElement;
@@ -2541,6 +2553,10 @@ declare namespace LocalJSX {
           * The placeholder of the input
          */
         "placeholder"?: string;
+        /**
+          * The placement of the dropdown
+         */
+        "placement"?: Placement;
         /**
           * The prefix of the input group used by the datepicker
          */
@@ -2557,6 +2573,10 @@ declare namespace LocalJSX {
           * The size of the input group used by the datepicker
          */
         "size"?: 'small' | 'medium';
+        /**
+          * The strategy of the dropdown placement
+         */
+        "strategy"?: Strategy;
         /**
           * The current value
          */
@@ -2793,6 +2813,10 @@ declare namespace LocalJSX {
           * The header of the info panel
          */
         "header"?: string;
+        /**
+          * When the backdrop is clicked
+         */
+        "onClosed"?: (event: PInfoPanelCustomEvent<void>) => void;
         /**
           * The variant of the info panel
          */

package/hydrate/index.js

@@ -5931,7 +5931,7 @@ class AvatarGroup {
   }; }
 }
 
-const backdropComponentCss = "/*!@.fixed*/.fixed.sc-p-backdrop{position:fixed!important}/*!@.left-0*/.left-0.sc-p-backdrop{left:0!important}/*!@.top-0*/.top-0.sc-p-backdrop{top:0!important}/*!@.flex*/.flex.sc-p-backdrop{display:flex!important}/*!@.h-full*/.h-full.sc-p-backdrop{height:100%!important}/*!@.w-full*/.w-full.sc-p-backdrop{width:100%!important}/*!@.animate-fade-in*/.animate-fade-in.sc-p-backdrop{animation:fadeIn .2s ease forwards!important}/*!@.items-start*/.items-start.sc-p-backdrop{align-items:flex-start!important}/*!@.items-end*/.items-end.sc-p-backdrop{align-items:flex-end!important}/*!@.justify-end*/.justify-end.sc-p-backdrop{justify-content:flex-end!important}/*!@.justify-center*/.justify-center.sc-p-backdrop{justify-content:center!important}/*!@.overflow-y-auto*/.overflow-y-auto.sc-p-backdrop{overflow-y:auto!important}/*!@.p-0*/.p-0.sc-p-backdrop{padding:0!important}/*!@.max-h-screen*/.max-h-screen.sc-p-backdrop{max-height:100vh!important}/*!@**/*.sc-p-backdrop{box-sizing:border-box}/*!@:host*/.sc-p-backdrop-h{animation:fadeIn .2s ease forwards;background-color:rgba(39,40,56,.5);display:flex;height:100%;left:0;max-height:100vh;max-width:100vw;overflow:hidden;position:fixed;top:0;width:100%;z-index:490}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}/*!@:host .content-container*/.sc-p-backdrop-h .content-container.sc-p-backdrop{align-items:flex-end;display:flex;height:100%;justify-content:center;max-height:100vh;max-width:100vw;overflow-x:hidden;overflow-y:auto;width:100%}@media (min-width:40rem){/*!@:host .content-container*/.sc-p-backdrop-h .content-container.sc-p-backdrop{padding-left:4rem;padding-right:4rem}}@media (min-width:64rem){/*!@:host .content-container*/.sc-p-backdrop-h .content-container.sc-p-backdrop{align-items:stretch;padding:4rem}}/*!@:host(.blurred)*/.blurred.sc-p-backdrop-h{--tw-backdrop-blur:blur(2px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}/*!@:host(.closing)*/.closing.sc-p-backdrop-h{animation:fadeOut .2s ease forwards}/*!@:host(.closing) .content-container*/.closing.sc-p-backdrop-h .content-container.sc-p-backdrop{overflow:hidden}/*!@:host(.variant-drawer) .content-container*/.variant-drawer.sc-p-backdrop-h .content-container.sc-p-backdrop{align-items:flex-start;justify-content:flex-end;padding:0}@media (min-width:64rem){/*!@:host(.variant-drawer) .content-container*/.variant-drawer.sc-p-backdrop-h .content-container.sc-p-backdrop{align-items:flex-start;padding:0}}@media (min-width:40rem){/*!@:host(.variant-drawer) .content-container*/.variant-drawer.sc-p-backdrop-h .content-container.sc-p-backdrop{padding:0}}@media (min-width:40rem){/*!@.tablet\\:p-0*/.tablet\\:p-0.sc-p-backdrop{padding:0!important}/*!@.tablet\\:px-16*/.tablet\\:px-16.sc-p-backdrop{padding-left:4rem!important;padding-right:4rem!important}}/*!@.static*/.static.sc-p-backdrop{position:static!important}";
+const backdropComponentCss = "/*!@.fixed*/.fixed.sc-p-backdrop{position:fixed!important}/*!@.left-0*/.left-0.sc-p-backdrop{left:0!important}/*!@.top-0*/.top-0.sc-p-backdrop{top:0!important}/*!@.flex*/.flex.sc-p-backdrop{display:flex!important}/*!@.h-full*/.h-full.sc-p-backdrop{height:100%!important}/*!@.w-full*/.w-full.sc-p-backdrop{width:100%!important}/*!@.animate-fade-in*/.animate-fade-in.sc-p-backdrop{animation:fadeIn .2s ease forwards!important}/*!@.items-start*/.items-start.sc-p-backdrop{align-items:flex-start!important}/*!@.items-end*/.items-end.sc-p-backdrop{align-items:flex-end!important}/*!@.justify-end*/.justify-end.sc-p-backdrop{justify-content:flex-end!important}/*!@.justify-center*/.justify-center.sc-p-backdrop{justify-content:center!important}/*!@.overflow-y-auto*/.overflow-y-auto.sc-p-backdrop{overflow-y:auto!important}/*!@.p-0*/.p-0.sc-p-backdrop{padding:0!important}/*!@.pt-16*/.pt-16.sc-p-backdrop{padding-top:4rem!important}/*!@.max-h-screen*/.max-h-screen.sc-p-backdrop{max-height:100vh!important}/*!@**/*.sc-p-backdrop{box-sizing:border-box}/*!@:host*/.sc-p-backdrop-h{animation:fadeIn .2s ease forwards;background-color:rgba(39,40,56,.5);display:flex;height:100%;left:0;max-height:100vh;max-width:100vw;overflow:hidden;position:fixed;top:0;width:100%;z-index:490}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}/*!@:host .content-container*/.sc-p-backdrop-h .content-container.sc-p-backdrop{align-items:flex-end;display:flex;height:100%;justify-content:center;max-height:100vh;max-width:100vw;overflow-x:hidden;overflow-y:auto;padding-top:4rem;width:100%}@media (min-width:40rem){/*!@:host .content-container*/.sc-p-backdrop-h .content-container.sc-p-backdrop{padding-left:4rem;padding-right:4rem}}@media (min-width:64rem){/*!@:host .content-container*/.sc-p-backdrop-h .content-container.sc-p-backdrop{align-items:stretch;padding:4rem}}/*!@:host(.blurred)*/.blurred.sc-p-backdrop-h{--tw-backdrop-blur:blur(2px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}/*!@:host(.closing)*/.closing.sc-p-backdrop-h{animation:fadeOut .2s ease forwards}/*!@:host(.closing) .content-container*/.closing.sc-p-backdrop-h .content-container.sc-p-backdrop{overflow:hidden}/*!@:host(.variant-drawer) .content-container*/.variant-drawer.sc-p-backdrop-h .content-container.sc-p-backdrop{align-items:flex-start;justify-content:flex-end;padding:0}@media (min-width:64rem){/*!@:host(.variant-drawer) .content-container*/.variant-drawer.sc-p-backdrop-h .content-container.sc-p-backdrop{align-items:flex-start;padding:0}}@media (min-width:40rem){/*!@:host(.variant-drawer) .content-container*/.variant-drawer.sc-p-backdrop-h .content-container.sc-p-backdrop{padding:0}}@media (min-width:40rem){/*!@.tablet\\:p-0*/.tablet\\:p-0.sc-p-backdrop{padding:0!important}/*!@.tablet\\:px-16*/.tablet\\:px-16.sc-p-backdrop{padding-left:4rem!important;padding-right:4rem!important}}/*!@.static*/.static.sc-p-backdrop{position:static!important}";
 
 class Backdrop {
   constructor(hostRef) {
@@ -18056,7 +18056,7 @@ const isSmallerThanScreen = (size) => {
 const isTouchDevice = () => !!window.matchMedia('(pointer: coarse)').matches;
 const isMobile = () => isTouchDevice() || isSmallerThanScreen('tablet');
 
-const datepickerComponentCss = ".flex{display:flex!important}*{box-sizing:border-box}:host{display:flex;flex-direction:column}:host input.read-only{text-overflow:ellipsis}.static{position:static!important}.cursor-pointer{cursor:pointer!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}";
+const datepickerComponentCss = ".flex{display:flex!important}*{box-sizing:border-box}:host{display:flex;flex-direction:column}:host input.read-only{text-overflow:ellipsis}.static{position:static!important}.absolute{position:absolute!important}.cursor-pointer{cursor:pointer!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}";
 
 class Datepicker {
   constructor(hostRef) {
@@ -18084,6 +18084,8 @@ class Datepicker {
     this.required = undefined;
     this.error = undefined;
     this.disabled = false;
+    this.strategy = 'absolute';
+    this.placement = 'bottom-start';
     this._showDropdown = false;
     this._value = undefined;
     this._minDate = undefined;
@@ -18132,13 +18134,13 @@ class Datepicker {
     }
     // normalize all to date
     this._disabledDates = disabledDates
-      .map((date) => {
+      .map(date => {
       if (typeof date === 'string') {
         return new Date(date);
       }
       return date;
     })
-      .filter((date) => isValid(date));
+      .filter(date => isValid(date));
     if (this._isDisabledDay(this._value)) {
       this._setValue(null);
     }
@@ -18153,14 +18155,13 @@ class Datepicker {
     if (this.maxDate) {
       this.parseMaxDate(this.maxDate);
     }
-    if (this.mode !== 'day' &&
-      this.format === this._defaultFormats['day']) {
+    if (this.mode !== 'day' && this.format === this._defaultFormats['day']) {
       this.format = this._defaultFormats[this.mode];
     }
     this.parseValue(this.value);
   }
   render() {
-    return (hAsync(Host, { class: "p-datepicker" }, hAsync("p-dropdown", { disableTriggerClick: true, applyMaxWidth: false, applyFullWidth: false, insideClick: true, show: this._showDropdown }, hAsync("p-input-group", { slot: "trigger", icon: this.hideIconWhenFilled && !!this._value ? null : 'calendar', iconPosition: "start", size: this.size, prefix: this.prefix, label: this.label, helper: this.helper, required: this.required, error: this.error, disabled: this.disabled, focused: this._showDropdown }, hAsync("input", { slot: "input", type: "text", placeholder: this.placeholder, value: this._getFormattedDate(), class: "p-input cursor-pointer", onFocus: () => this._onFocus(), onBlur: (ev) => this._onBlur(ev), onInput: (ev) => this._onInput(ev) })), hAsync("div", { slot: "items" }, hAsync("p-calendar", { variant: "embedded", value: this._value, onValueChange: ({ detail }) => (this.value = detail), preselectToday: this.preselectToday, disabledDates: this.disabledDates, minDate: this.minDate, maxDate: this.maxDate, disableWeekends: this.disableWeekends, mode: this.mode })))));
+    return (hAsync(Host, { class: 'p-datepicker' }, hAsync("p-dropdown", { strategy: this.strategy, placement: this.placement, disableTriggerClick: true, applyMaxWidth: false, applyFullWidth: false, insideClick: true, show: this._showDropdown }, hAsync("p-input-group", { slot: 'trigger', icon: this.hideIconWhenFilled && !!this._value ? null : 'calendar', iconPosition: 'start', size: this.size, prefix: this.prefix, label: this.label, helper: this.helper, required: this.required, error: this.error, disabled: this.disabled, focused: this._showDropdown }, hAsync("input", { slot: 'input', type: 'text', placeholder: this.placeholder, value: this._getFormattedDate(), class: 'p-input cursor-pointer', onFocus: () => this._onFocus(), onBlur: ev => this._onBlur(ev), onInput: ev => this._onInput(ev) })), hAsync("div", { slot: 'items' }, hAsync("p-calendar", { variant: 'embedded', value: this._value, onValueChange: ({ detail }) => (this.value = detail), preselectToday: this.preselectToday, disabledDates: this.disabledDates, minDate: this.minDate, maxDate: this.maxDate, disableWeekends: this.disableWeekends, mode: this.mode })))));
   }
   documentClickHandler({ target }) {
     if (!this._showDropdown || childOf(target, this._el)) {
@@ -18220,7 +18221,7 @@ class Datepicker {
   _isDisabledDay(day) {
     return ((isBefore(day, this._minDate) && !isSameDay(day, this._minDate)) ||
       (isAfter(day, this._maxDate) && !isSameDay(day, this._maxDate)) ||
-      this._disabledDates.findIndex((date) => isSameDay(date, day)) >= 0);
+      this._disabledDates.findIndex(date => isSameDay(date, day)) >= 0);
   }
   _getFormattedDate() {
     if (!this._value) {
@@ -18257,6 +18258,8 @@ class Datepicker {
       "required": [516],
       "error": [513],
       "disabled": [516],
+      "strategy": [1],
+      "placement": [513],
       "_showDropdown": [32],
       "_value": [32],
       "_minDate": [32],
@@ -18265,7 +18268,7 @@ class Datepicker {
     },
     "$listeners$": [[6, "click", "documentClickHandler"]],
     "$lazyBundleId$": "-",
-    "$attrsToReflect$": [["required", "required"], ["error", "error"], ["disabled", "disabled"]]
+    "$attrsToReflect$": [["required", "required"], ["error", "error"], ["disabled", "disabled"], ["placement", "placement"]]
   }; }
 }
 
@@ -20090,15 +20093,17 @@ const infoPanelComponentCss = "/*!@.absolute*/.absolute.sc-p-info-panel{position
 class InfoPanel {
   constructor(hostRef) {
     registerInstance(this, hostRef);
+    this.closed = createEvent(this, "closed", 3);
     this.variant = 'info';
     this.header = undefined;
     this.content = undefined;
     this.closeable = false;
   }
   render() {
-    return (hAsync(Host, { class: `p-info-panel variant-${this.variant} ${this.closeable && 'has-close'}` }, hAsync("div", { class: "header" }, hAsync("slot", { name: "header" })), hAsync("div", { class: "content" }, hAsync("slot", { name: "content" })), this.closeable && (hAsync("div", { class: "close", onClick: () => this._close() }, hAsync("p-icon", { variant: "negative" })))));
+    return (hAsync(Host, { class: `p-info-panel variant-${this.variant} ${this.closeable && 'has-close'}` }, hAsync("div", { class: 'header' }, hAsync("slot", { name: 'header' })), hAsync("div", { class: 'content' }, hAsync("slot", { name: 'content' })), this.closeable && (hAsync("div", { class: 'close', onClick: () => this._close() }, hAsync("p-icon", { variant: 'negative' })))));
   }
   _close() {
+    this.closed.emit();
     this._el.remove();
   }
   get _el() { return getElement(this); }
@@ -20565,7 +20570,7 @@ class ModalContainer$1 {
   }; }
 }
 
-const modalContainerComponentCss = ".flex{display:flex!important}.w-full{width:100%!important}.animate-slide-in-bottom{animation:slideInBottom .5s ease forwards!important}.animate-slide-out-bottom{animation:slideOutBottom .5s ease forwards!important}.flex-col{flex-direction:column!important}.rounded-b-none{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.rounded-t-xxlarge{border-top-left-radius:.75rem!important;border-top-right-radius:.75rem!important}.shadow-4{--tw-shadow:0px 0.3125rem 1rem rgba(0,24,98,.08),0px 0.0625rem 0.1875rem rgba(0,24,98,.13)!important;--tw-shadow-colored:0px 0.3125rem 1rem var(--tw-shadow-color),0px 0.0625rem 0.1875rem var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}*{box-sizing:border-box}p-modal-container{--tw-shadow:0px 0.3125rem 1rem rgba(0,24,98,.08),0px 0.0625rem 0.1875rem rgba(0,24,98,.13)!important;--tw-shadow-colored:0px 0.3125rem 1rem var(--tw-shadow-color),0px 0.0625rem 0.1875rem var(--tw-shadow-color)!important;animation:slideInBottom .5s ease forwards!important;border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:.75rem;border-top-right-radius:.75rem;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important;display:flex;flex-direction:column;width:100%;z-index:600}@media (min-width:40rem){p-modal-container{width:auto}}@media (min-width:64rem){p-modal-container{animation:slideInBottomSmall .5s ease forwards!important;border-bottom-left-radius:.75rem;border-bottom-right-radius:.75rem;margin:auto}}@keyframes slideInBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideOutBottom{0%{transform:translateY(0)}to{transform:translateY(100%)}}p-modal-container.closing{animation:slideOutBottom .5s ease forwards!important}@media (min-width:64rem){p-modal-container.closing{animation:slideOutBottomSmall .5s ease forwards!important}}@media (min-width:40rem){.tablet\\:w-auto{width:auto!important}}@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!important}@keyframes slideOutBottomSmall{0%{transform:translateY(0)}to{transform:translateY(20%)}}.desktop-xs\\:animate-slide-out-bottom-small{animation:slideOutBottomSmall .5s ease forwards!important}}.static{position:static!important}@media (min-width:40rem){.tablet\\:w-80{width:20rem!important}.tablet\\:w-\\[33\\.5rem\\]{width:33.5rem!important}.tablet\\:w-\\[38rem\\]{width:38rem!important}.tablet\\:w-\\[47\\.5rem\\]{width:47.5rem!important}.tablet\\:w-\\[57\\.5rem\\]{width:57.5rem!important}}";
+const modalContainerComponentCss = ".z-modal{z-index:600!important}.flex{display:flex!important}.max-h-\\[calc\\(100dvh-4rem\\)\\]{max-height:calc(100dvh - 4rem)!important}.w-full{width:100%!important}.animate-slide-in-bottom{animation:slideInBottom .5s ease forwards!important}.animate-slide-out-bottom{animation:slideOutBottom .5s ease forwards!important}.flex-col{flex-direction:column!important}.rounded-b-none{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.rounded-t-xxlarge{border-top-left-radius:.75rem!important;border-top-right-radius:.75rem!important}.shadow-4{--tw-shadow:0px 0.3125rem 1rem rgba(0,24,98,.08),0px 0.0625rem 0.1875rem rgba(0,24,98,.13)!important;--tw-shadow-colored:0px 0.3125rem 1rem var(--tw-shadow-color),0px 0.0625rem 0.1875rem var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}*{box-sizing:border-box}p-modal-container{--tw-shadow:0px 0.3125rem 1rem rgba(0,24,98,.08),0px 0.0625rem 0.1875rem rgba(0,24,98,.13)!important;--tw-shadow-colored:0px 0.3125rem 1rem var(--tw-shadow-color),0px 0.0625rem 0.1875rem var(--tw-shadow-color)!important;animation:slideInBottom .5s ease forwards!important;border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:.75rem;border-top-right-radius:.75rem;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important;display:flex;flex-direction:column;max-height:calc(100dvh - 4rem);width:100%;z-index:600}@media (min-width:40rem){p-modal-container{width:auto}}@media (min-width:64rem){p-modal-container{animation:slideInBottomSmall .5s ease forwards!important;border-bottom-left-radius:.75rem;border-bottom-right-radius:.75rem;margin:auto;max-height:none}}@keyframes slideInBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideOutBottom{0%{transform:translateY(0)}to{transform:translateY(100%)}}p-modal-container.closing{animation:slideOutBottom .5s ease forwards!important}@media (min-width:64rem){p-modal-container.closing{animation:slideOutBottomSmall .5s ease forwards!important}@keyframes slideInBottomSmall{0%{transform:translateY(20%)}to{transform:translateY(0)}}.desktop-xs\\:animate-slide-in-bottom-small{animation:slideInBottomSmall .5s ease forwards!important}@keyframes slideOutBottomSmall{0%{transform:translateY(0)}to{transform:translateY(20%)}}.desktop-xs\\:animate-slide-out-bottom-small{animation:slideOutBottomSmall .5s ease forwards!important}}.static{position:static!important}@media (min-width:40rem){.tablet\\:w-80{width:20rem!important}.tablet\\:w-\\[33\\.5rem\\]{width:33.5rem!important}.tablet\\:w-\\[38rem\\]{width:38rem!important}.tablet\\:w-\\[47\\.5rem\\]{width:47.5rem!important}.tablet\\:w-\\[57\\.5rem\\]{width:57.5rem!important}}";
 
 // $modal-xs: 20rem;
 // $modal-sm: 33.5rem;
@@ -20623,7 +20628,7 @@ class ModalFooter {
   }; }
 }
 
-const drawerHeaderComponentCss = "/*!@.absolute*/.absolute.sc-p-drawer-header{position:absolute!important}/*!@.sticky*/.sticky.sc-p-drawer-header{position:sticky!important}/*!@.top-0*/.top-0.sc-p-drawer-header{top:0!important}/*!@.flex*/.flex.sc-p-drawer-header{display:flex!important}/*!@.justify-center*/.justify-center.sc-p-drawer-header{justify-content:center!important}/*!@.border-0*/.border-0.sc-p-drawer-header{border-width:0!important}/*!@.border-b*/.border-b.sc-p-drawer-header{border-bottom-width:1px!important}/*!@.border-solid*/.border-solid.sc-p-drawer-header{border-style:solid!important}/*!@.border-b-mystic-dark*/.border-b-mystic-dark.sc-p-drawer-header{--tw-border-opacity:1!important;border-bottom-color:rgb(218 230 240/var(--tw-border-opacity))!important}/*!@.p-4*/.p-4.sc-p-drawer-header{padding:1rem!important}/*!@.text-xl*/.text-xl.sc-p-drawer-header{font-size:1.25rem!important;line-height:1.75rem!important}/*!@.text-storm-dark*/.text-storm-dark.sc-p-drawer-header{--tw-text-opacity:1!important;color:rgb(39 40 56/var(--tw-text-opacity))!important}/*!@**/*.sc-p-drawer-header{box-sizing:border-box}/*!@:host*/.sc-p-drawer-header-h{--tw-bg-opacity:1;--tw-text-opacity:1;--tw-border-opacity:1!important;align-items:center;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-width:0!important;border-bottom:1px rgb(218 230 240/var(--tw-border-opacity))!important;border-style:solid!important;color:rgb(39 40 56/var(--tw-text-opacity));display:flex;font-size:1.25rem;font-weight:600;justify-content:center;line-height:1.75rem;padding:calc(env(safe-area-inset-top, 0) + 1rem) 1rem 1rem;position:sticky;top:0;z-index:501}/*!@:host p-button*/.sc-p-drawer-header-h p-button.sc-p-drawer-header{left:1rem;position:absolute;top:calc(env(safe-area-inset-top, 0) + 1rem)}/*!@.static*/.static.sc-p-drawer-header{position:static!important}";
+const drawerHeaderComponentCss = "/*!@.absolute*/.absolute.sc-p-drawer-header{position:absolute!important}/*!@.sticky*/.sticky.sc-p-drawer-header{position:sticky!important}/*!@.top-0*/.top-0.sc-p-drawer-header{top:0!important}/*!@.z-drawer-header*/.z-drawer-header.sc-p-drawer-header{z-index:501!important}/*!@.flex*/.flex.sc-p-drawer-header{display:flex!important}/*!@.items-center*/.items-center.sc-p-drawer-header{align-items:center!important}/*!@.border-0*/.border-0.sc-p-drawer-header{border-width:0!important}/*!@.border-b*/.border-b.sc-p-drawer-header{border-bottom-width:1px!important}/*!@.border-solid*/.border-solid.sc-p-drawer-header{border-style:solid!important}/*!@.border-b-mystic-dark*/.border-b-mystic-dark.sc-p-drawer-header{--tw-border-opacity:1!important;border-bottom-color:rgb(218 230 240/var(--tw-border-opacity))!important}/*!@.text-xl*/.text-xl.sc-p-drawer-header{font-size:1.25rem!important;line-height:1.75rem!important}/*!@.font-semibold*/.font-semibold.sc-p-drawer-header{font-weight:600!important}/*!@**/*.sc-p-drawer-header{box-sizing:border-box}/*!@:host*/.sc-p-drawer-header-h{--tw-bg-opacity:1;--tw-text-opacity:1;--tw-border-opacity:1!important;align-items:center;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-width:0!important;border-bottom:1px rgb(218 230 240/var(--tw-border-opacity))!important;border-style:solid!important;color:rgb(39 40 56/var(--tw-text-opacity));display:flex;font-size:1.25rem;font-weight:600;justify-content:center;line-height:1.75rem;padding:calc(env(safe-area-inset-top, 0) + 1rem) 1rem 1rem;position:sticky;top:0;z-index:501}/*!@:host p-button*/.sc-p-drawer-header-h p-button.sc-p-drawer-header{left:1rem;position:absolute;top:calc(env(safe-area-inset-top, 0) + 1rem)}/*!@.static*/.static.sc-p-drawer-header{position:static!important}";
 
 class ModalHeader$1 {
   constructor(hostRef) {

package/package.json

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