@paperless/core 1.55.1 → 1.57.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.d.ts

@@ -1688,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;
@@ -2809,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

@@ -12018,7 +12018,7 @@ class CardContainer {
     this.shadow = true;
   }
   render() {
-    return (hAsync(Host, { class: "p-card-container" }, hAsync("slot", null)));
+    return (hAsync(Host, { class: 'p-card-container group' }, hAsync("slot", null)));
   }
   static get style() { return cardContainerComponentCss; }
   static get cmpMeta() { return {
@@ -12034,7 +12034,7 @@ class CardContainer {
   }; }
 }
 
-const cardHeaderComponentCss = ".mx-4{margin-left:1rem!important;margin-right:1rem!important}.ml-2{margin-left:.5rem!important}.flex{display:flex!important}.h-14{height:3.5rem!important}.flex-1{flex:1 1 0%!important}.items-center{align-items:center!important}.gap-3{gap:.75rem!important}.overflow-hidden{overflow:hidden!important}.text-ellipsis{text-overflow:ellipsis!important}.border-b{border-bottom-width:1px!important}.border-b-mystic-medium{--tw-border-opacity:1!important;border-bottom-color:rgb(227 236 243/var(--tw-border-opacity))!important}*{box-sizing:border-box}p-card-header{--tw-text-opacity:1;--tw-border-opacity:1!important;align-items:center;border-bottom-color:rgb(227 236 243/var(--tw-border-opacity))!important;border-bottom-width:1px!important;color:rgb(128 130 158/var(--tw-text-opacity));display:flex;flex-shrink:0;gap:.75rem;height:3.5rem;margin-left:1rem;margin-right:1rem}p-card-header .title{--tw-text-opacity:1;align-items:center;color:rgb(81 83 107/var(--tw-text-opacity));display:flex;flex:1 1 0%;font-weight:600;order:2;overflow:hidden}p-card-header .title>span{flex:1 1 0%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}p-card-header .title>p-icon{--tw-text-opacity:1;color:rgb(218 230 240/var(--tw-text-opacity));margin-left:.5rem}p-card-header [slot=prefix]{order:1}p-card-header [slot=suffix]{order:3}p-card-container.has-hover:hover p-card-header .title>p-icon{--tw-text-opacity:1;color:rgb(82 138 250/var(--tw-text-opacity))}.static{position:static!important}";
+const cardHeaderComponentCss = ".mx-4{margin-left:1rem!important;margin-right:1rem!important}.ml-2{margin-left:.5rem!important}.flex{display:flex!important}.h-14{height:3.5rem!important}.flex-1{flex:1 1 0%!important}.items-center{align-items:center!important}.gap-3{gap:.75rem!important}.overflow-hidden{overflow:hidden!important}.text-ellipsis{text-overflow:ellipsis!important}.border-b{border-bottom-width:1px!important}.border-b-mystic-medium{--tw-border-opacity:1!important;border-bottom-color:rgb(227 236 243/var(--tw-border-opacity))!important}*{box-sizing:border-box}p-card-header{--tw-text-opacity:1;--tw-border-opacity:1!important;align-items:center;border-bottom-color:rgb(227 236 243/var(--tw-border-opacity))!important;border-bottom-width:1px!important;color:rgb(128 130 158/var(--tw-text-opacity));display:flex;flex-shrink:0;gap:.75rem;height:3.5rem;margin-left:1rem;margin-right:1rem}p-card-header .title{--tw-text-opacity:1;align-items:center;color:rgb(81 83 107/var(--tw-text-opacity));display:flex;flex:1 1 0%;font-weight:600;order:2;overflow:hidden}p-card-header .title>span{flex:1 1 0%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}p-card-header .title>p-icon{--tw-text-opacity:1;color:rgb(218 230 240/var(--tw-text-opacity));margin-left:.5rem}p-card-header [slot=prefix]{order:1}p-card-header [slot=suffix]{order:3}p-card-container.has-hover:hover p-card-header .title>p-icon{--tw-text-opacity:1;color:rgb(82 138 250/var(--tw-text-opacity))}.static{position:static!important}.group:hover .group-hover\\:text-indigo{--tw-text-opacity:1!important;color:rgb(82 138 250/var(--tw-text-opacity))!important}";
 
 class CardHeader {
   constructor(hostRef) {
@@ -12044,7 +12044,7 @@ class CardHeader {
   }
   render() {
     var _a, _b;
-    return (hAsync(Host, { class: "p-card-header" }, hAsync("slot", { name: "prefix" }), (((_a = this.header) === null || _a === void 0 ? void 0 : _a.length) || this.arrow) && (hAsync("div", { class: "title" }, hAsync("span", null, (_b = this.header) !== null && _b !== void 0 ? _b : ''), this.arrow && hAsync("p-icon", { variant: "arrow" }))), hAsync("slot", { name: "suffix" })));
+    return (hAsync(Host, { class: 'p-card-header' }, hAsync("slot", { name: 'prefix' }), (((_a = this.header) === null || _a === void 0 ? void 0 : _a.length) || this.arrow) && (hAsync("div", { class: 'title' }, hAsync("span", null, (_b = this.header) !== null && _b !== void 0 ? _b : ''), this.arrow && (hAsync("p-icon", { variant: 'arrow', class: 'group-hover:text-indigo' })))), hAsync("slot", { name: 'suffix' })));
   }
   static get style() { return cardHeaderComponentCss; }
   static get cmpMeta() { return {
@@ -20093,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); }
@@ -20540,7 +20542,7 @@ class ModalBody {
   }; }
 }
 
-const drawerContainerComponentCss = ".z-drawer{z-index:500!important}.flex{display:flex!important}.w-full{width:100%!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-drawer-container{--tw-bg-opacity:1;--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:slideInRight .5s ease forwards;background-color:rgb(255 255 255/var(--tw-bg-opacity));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;min-height:100vh;width:100%;z-index:500}@media (min-width:40rem){p-drawer-container{width:22.5rem}}@keyframes slideInRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes slideOutRight{0%{transform:translateX(0)}to{transform:translateX(100%)}}p-drawer-container.closing{animation:slideOutRight .2s ease forwards}@media (min-width:40rem){.tablet\\:w-\\[22\\.5rem\\]{width:22.5rem!important}}.static{position:static!important}";
+const drawerContainerComponentCss = ".z-drawer{z-index:500!important}.flex{display:flex!important}.w-full{width:100%!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-drawer-container{--tw-bg-opacity:1;--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:slideInRight .5s ease forwards;background-color:rgb(255 255 255/var(--tw-bg-opacity));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;min-height:100vh;width:100%;z-index:500}@media (min-width:40rem){p-drawer-container{width:22.5rem}}@keyframes slideInRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes slideOutRight{0%{transform:translateX(0)}to{transform:translateX(100%)}}p-drawer-container.closing{animation:slideOutRight .2s ease forwards}@media (min-width:40rem){.tablet\\:w-\\[22\\.5rem\\]{width:22.5rem!important}}";
 
 // $drawer-xs: 20rem;
 // $drawer-sm: 33.5rem;

package/package.json

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

package/dist/build/p-97bcf0b5.entry.js

@@ -1,2 +0,0 @@
-import{r as t,h as o,H as i,g as r}from"./p-e4d5e7a7.js";const a=".absolute{position:absolute!important}.relative{position:relative!important}.right-2{right:.5rem!important}.top-2{top:.5rem!important}.flex{display:flex!important}.w-full{width:100%!important}.cursor-pointer{cursor:pointer!important}.flex-col{flex-direction:column!important}.bg-indigo-light{--tw-bg-opacity:1!important;background-color:rgb(241 246 255/var(--tw-bg-opacity))!important}.p-4{padding:1rem!important}.font-semibold{font-weight:600!important}*{box-sizing:border-box}:host{--tw-bg-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity));border-radius:.375rem;display:flex;flex-direction:column;padding:1rem;position:relative;width:100%}:host .header{--tw-text-opacity:1;color:rgb(39 40 56/var(--tw-text-opacity));font-weight:600}:host .content{font-size:.875rem;line-height:1.25rem}:host .close{--tw-text-opacity:1;color:rgb(152 154 183/var(--tw-text-opacity));cursor:pointer;position:absolute;right:.5rem;top:.5rem}:host(.variant-positive){--tw-bg-opacity:1;background-color:rgb(229 255 242/var(--tw-bg-opacity))}:host(.variant-unbiased){--tw-bg-opacity:1;background-color:rgb(255 246 220/var(--tw-bg-opacity))}:host(.variant-negative){--tw-bg-opacity:1;background-color:rgb(255 204 211/var(--tw-bg-opacity))}:host(.has-close){padding-right:2rem}.static{position:static!important}";const e=class{constructor(o){t(this,o);this.variant="info";this.header=undefined;this.content=undefined;this.closeable=false}render(){return o(i,{class:`p-info-panel variant-${this.variant} ${this.closeable&&"has-close"}`},o("div",{class:"header"},o("slot",{name:"header"})),o("div",{class:"content"},o("slot",{name:"content"})),this.closeable&&o("div",{class:"close",onClick:()=>this._close()},o("p-icon",{variant:"negative"})))}_close(){this._el.remove()}get _el(){return r(this)}};e.style=a;export{e as p_info_panel};
-//# sourceMappingURL=p-97bcf0b5.entry.js.map

package/dist/build/p-97bcf0b5.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["infoPanelComponentCss","InfoPanel","render","h","Host","class","this","variant","closeable","name","onClick","_close","_el","remove"],"sources":["src/components/atoms/info-panel/info-panel.component.scss?tag=p-info-panel&encapsulation=shadow","src/components/atoms/info-panel/info-panel.component.tsx"],"sourcesContent":[":host {\n\t@apply flex flex-col w-full relative p-4 bg-indigo-light rounded-large;\n\n\t.header {\n\t\t@apply font-semibold text-storm-dark;\n\t}\n\n\t.content {\n\t\t@apply text-sm;\n\t}\n\n\t.close {\n\t\t@apply absolute top-2 right-2 cursor-pointer text-storm-vague;\n\t}\n}\n\n:host(.variant-positive) {\n\t@apply bg-positive-light;\n}\n\n:host(.variant-unbiased) {\n\t@apply bg-unbiased-light;\n}\n\n:host(.variant-negative) {\n\t@apply bg-negative-light;\n}\n\n:host(.has-close) {\n\t@apply pr-8;\n}\n","import { Component, Element, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-info-panel',\n\tstyleUrl: 'info-panel.component.scss',\n\tshadow: true,\n})\nexport class InfoPanel {\n\t/**\n\t * The variant of the info panel\n\t */\n\t@Prop() variant: 'info' | 'negative' | 'positive' | 'unbiased' = 'info';\n\n\t/**\n\t * The header of the info panel\n\t */\n\t@Prop() header: string;\n\n\t/**\n\t * The content of the info panel\n\t */\n\t@Prop() content: string;\n\n\t/**\n\t * Wether the panel can be closed\n\t */\n\t@Prop() closeable: boolean = false;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={`p-info-panel variant-${this.variant} ${this.closeable && 'has-close'}`}\n\t\t\t>\n\t\t\t\t<div class=\"header\">\n\t\t\t\t\t<slot name=\"header\" />\n\t\t\t\t</div>\n\t\t\t\t<div class=\"content\">\n\t\t\t\t\t<slot name=\"content\" />\n\t\t\t\t</div>\n\n\t\t\t\t{this.closeable && (\n\t\t\t\t\t<div class=\"close\" onClick={() => this._close()}>\n\t\t\t\t\t\t<p-icon variant=\"negative\" />\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate _close() {\n\t\tthis._el.remove();\n\t}\n}\n"],"mappings":"yDAAA,MAAMA,EAAwB,wxC,MCOjBC,EAAS,M,sCAI4C,O,4DAepC,K,CAO7B,MAAAC,GACC,OACCC,EAACC,EAAI,CACJC,MAAO,wBAAwBC,KAAKC,WAAWD,KAAKE,WAAa,eAEjEL,EAAA,OAAKE,MAAM,UACVF,EAAA,QAAMM,KAAK,YAEZN,EAAA,OAAKE,MAAM,WACVF,EAAA,QAAMM,KAAK,aAGXH,KAAKE,WACLL,EAAA,OAAKE,MAAM,QAAQK,QAAS,IAAMJ,KAAKK,UACtCR,EAAA,UAAQI,QAAQ,c,CAOb,MAAAI,GACPL,KAAKM,IAAIC,Q"}

package/dist/paperless/p-97bcf0b5.entry.js

@@ -1,2 +0,0 @@
-import{r as t,h as o,H as i,g as r}from"./p-e4d5e7a7.js";const a=".absolute{position:absolute!important}.relative{position:relative!important}.right-2{right:.5rem!important}.top-2{top:.5rem!important}.flex{display:flex!important}.w-full{width:100%!important}.cursor-pointer{cursor:pointer!important}.flex-col{flex-direction:column!important}.bg-indigo-light{--tw-bg-opacity:1!important;background-color:rgb(241 246 255/var(--tw-bg-opacity))!important}.p-4{padding:1rem!important}.font-semibold{font-weight:600!important}*{box-sizing:border-box}:host{--tw-bg-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity));border-radius:.375rem;display:flex;flex-direction:column;padding:1rem;position:relative;width:100%}:host .header{--tw-text-opacity:1;color:rgb(39 40 56/var(--tw-text-opacity));font-weight:600}:host .content{font-size:.875rem;line-height:1.25rem}:host .close{--tw-text-opacity:1;color:rgb(152 154 183/var(--tw-text-opacity));cursor:pointer;position:absolute;right:.5rem;top:.5rem}:host(.variant-positive){--tw-bg-opacity:1;background-color:rgb(229 255 242/var(--tw-bg-opacity))}:host(.variant-unbiased){--tw-bg-opacity:1;background-color:rgb(255 246 220/var(--tw-bg-opacity))}:host(.variant-negative){--tw-bg-opacity:1;background-color:rgb(255 204 211/var(--tw-bg-opacity))}:host(.has-close){padding-right:2rem}.static{position:static!important}";const e=class{constructor(o){t(this,o);this.variant="info";this.header=undefined;this.content=undefined;this.closeable=false}render(){return o(i,{class:`p-info-panel variant-${this.variant} ${this.closeable&&"has-close"}`},o("div",{class:"header"},o("slot",{name:"header"})),o("div",{class:"content"},o("slot",{name:"content"})),this.closeable&&o("div",{class:"close",onClick:()=>this._close()},o("p-icon",{variant:"negative"})))}_close(){this._el.remove()}get _el(){return r(this)}};e.style=a;export{e as p_info_panel};
-//# sourceMappingURL=p-97bcf0b5.entry.js.map

package/dist/paperless/p-97bcf0b5.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["infoPanelComponentCss","InfoPanel","render","h","Host","class","this","variant","closeable","name","onClick","_close","_el","remove"],"sources":["src/components/atoms/info-panel/info-panel.component.scss?tag=p-info-panel&encapsulation=shadow","src/components/atoms/info-panel/info-panel.component.tsx"],"sourcesContent":[":host {\n\t@apply flex flex-col w-full relative p-4 bg-indigo-light rounded-large;\n\n\t.header {\n\t\t@apply font-semibold text-storm-dark;\n\t}\n\n\t.content {\n\t\t@apply text-sm;\n\t}\n\n\t.close {\n\t\t@apply absolute top-2 right-2 cursor-pointer text-storm-vague;\n\t}\n}\n\n:host(.variant-positive) {\n\t@apply bg-positive-light;\n}\n\n:host(.variant-unbiased) {\n\t@apply bg-unbiased-light;\n}\n\n:host(.variant-negative) {\n\t@apply bg-negative-light;\n}\n\n:host(.has-close) {\n\t@apply pr-8;\n}\n","import { Component, Element, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-info-panel',\n\tstyleUrl: 'info-panel.component.scss',\n\tshadow: true,\n})\nexport class InfoPanel {\n\t/**\n\t * The variant of the info panel\n\t */\n\t@Prop() variant: 'info' | 'negative' | 'positive' | 'unbiased' = 'info';\n\n\t/**\n\t * The header of the info panel\n\t */\n\t@Prop() header: string;\n\n\t/**\n\t * The content of the info panel\n\t */\n\t@Prop() content: string;\n\n\t/**\n\t * Wether the panel can be closed\n\t */\n\t@Prop() closeable: boolean = false;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={`p-info-panel variant-${this.variant} ${this.closeable && 'has-close'}`}\n\t\t\t>\n\t\t\t\t<div class=\"header\">\n\t\t\t\t\t<slot name=\"header\" />\n\t\t\t\t</div>\n\t\t\t\t<div class=\"content\">\n\t\t\t\t\t<slot name=\"content\" />\n\t\t\t\t</div>\n\n\t\t\t\t{this.closeable && (\n\t\t\t\t\t<div class=\"close\" onClick={() => this._close()}>\n\t\t\t\t\t\t<p-icon variant=\"negative\" />\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate _close() {\n\t\tthis._el.remove();\n\t}\n}\n"],"mappings":"yDAAA,MAAMA,EAAwB,wxC,MCOjBC,EAAS,M,sCAI4C,O,4DAepC,K,CAO7B,MAAAC,GACC,OACCC,EAACC,EAAI,CACJC,MAAO,wBAAwBC,KAAKC,WAAWD,KAAKE,WAAa,eAEjEL,EAAA,OAAKE,MAAM,UACVF,EAAA,QAAMM,KAAK,YAEZN,EAAA,OAAKE,MAAM,WACVF,EAAA,QAAMM,KAAK,aAGXH,KAAKE,WACLL,EAAA,OAAKE,MAAM,QAAQK,QAAS,IAAMJ,KAAKK,UACtCR,EAAA,UAAQI,QAAQ,c,CAOb,MAAAI,GACPL,KAAKM,IAAIC,Q"}