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

@@ -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); }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@paperless/core",
-	"version": "1.55.1",
+	"version": "1.56.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"}