@paperless/core 2.0.1-beta.1 → 2.0.1-beta.10

package/dist/esm/p-backdrop.entry.js.map

@@ -1 +1 @@
-{"file":"p-backdrop.entry.js","mappings":";;AAAA,MAAM,oBAAoB,GAAG,8iEAA8iE;;MCgB9jE,QAAQ;;;;mBAIkB,OAAO;qBAKhB,KAAK;mBAKP,KAAK;sBAKF,IAAI;;EAelC,iBAAiB;IAChB,IAAI,IAAI,CAAC,UAAU,EAAE;MACpB,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;KAC7D;GACD;EAED,oBAAoB;IACnB,IAAI,IAAI,CAAC,UAAU,EAAE;MACpB,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC;KAChE;GACD;EAED,MAAM;IACL,QACC,EAAC,IAAI,IACJ,KAAK,EAAE,sBAAsB,IAAI,CAAC,OAAO,IACxC,IAAI,CAAC,SAAS,IAAI,SACnB,IAAI,IAAI,CAAC,OAAO,IAAI,SAAS,EAAE,IAE/B,WAAK,KAAK,EAAC,mBAAmB,IAC7B,eAAQ,CACH,CACA,EACN;GACF;EAGD,WAAW,CAAC,EAAc;IACzB,IAAI,EAAE,CAAC,MAAM,KAAK,IAAI,CAAC,GAAG,EAAE;MAC3B,OAAO;KACP;IAED,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;GACtB;;;;;;;","names":[],"sources":["src/components/atoms/backdrop/backdrop.component.scss?tag=p-backdrop&encapsulation=shadow","src/components/atoms/backdrop/backdrop.component.tsx"],"sourcesContent":[":host {\n\t@apply flex;\n\t@apply fixed left-0 top-0 z-backdrop;\n\t@apply h-full w-full;\n\t@apply overflow-hidden;\n\t@apply animate-fade-in bg-storm-dark/50;\n\t@apply max-h-screen max-w-screen;\n\n\t.content-container {\n\t\t@apply h-full w-full overflow-y-auto overflow-x-hidden;\n\t\t@apply pt-16 tablet:px-16 desktop-xs:p-16;\n\t\t@apply flex items-end justify-center desktop-xs:items-stretch;\n\t\t@apply max-h-screen max-w-screen;\n\t}\n}\n\n:host(.blurred) {\n\t@apply backdrop-blur-xs;\n}\n\n:host(.closing) {\n\t@apply animate-fade-out;\n\n\t.content-container {\n\t\t@apply overflow-hidden;\n\t}\n}\n\n:host(.variant-drawer) {\n\t.content-container {\n\t\t@apply items-start justify-end desktop-xs:items-start;\n\t\t@apply p-0 tablet:p-0 desktop-xs:p-0;\n\t}\n}\n","import {\n\tComponent,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tListen,\n\tProp,\n} from '@stencil/core';\n\n@Component({\n\ttag: 'p-backdrop',\n\tstyleUrl: 'backdrop.component.scss',\n\tshadow: true,\n})\nexport class Backdrop {\n\t/**\n\t * The variant of the backdrop\n\t */\n\t@Prop() variant: 'modal' | 'drawer' = 'modal';\n\n\t/**\n\t * Wether to apply blur on the background of the backdrop\n\t */\n\t@Prop() applyBlur: boolean = false;\n\n\t/**\n\t * Wether the backdrop is closing\n\t */\n\t@Prop() closing: boolean = false;\n\n\t/**\n\t * Wether we should scroll lock the body\n\t */\n\t@Prop() scrollLock: boolean = true;\n\n\t/**\n\t * When the backdrop is clicked\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tclicked: EventEmitter<MouseEvent>;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\tcomponentWillLoad() {\n\t\tif (this.scrollLock) {\n\t\t\tdocument.querySelector(':root').classList.add('scroll-lock');\n\t\t}\n\t}\n\n\tdisconnectedCallback() {\n\t\tif (this.scrollLock) {\n\t\t\tdocument.querySelector(':root').classList.remove('scroll-lock');\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={`p-backdrop variant-${this.variant} ${\n\t\t\t\t\tthis.applyBlur && 'blurred'\n\t\t\t\t} ${this.closing && 'closing'}`}\n\t\t\t>\n\t\t\t\t<div class=\"content-container\">\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t@Listen('click', { capture: true })\n\thandleClick(ev: MouseEvent) {\n\t\tif (ev.target !== this._el) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.clicked.emit(ev);\n\t}\n}\n"],"version":3}
+{"file":"p-backdrop.entry.js","mappings":";;;;AAAA,MAAM,oBAAoB,GAAG,ymEAAymE;;ACYtoE,MAAM,QAAQ,GAAG,GAAG,CACnB;EACC,MAAM;EACN,+BAA+B;EAC/B,eAAe;EACf,iBAAiB;EACjB,sBAAsB;EACtB,2BAA2B;CAC3B,EACD;EACC,QAAQ,EAAE;IACT,IAAI,EAAE;MACL,KAAK,EAAE,IAAI;MACX,IAAI,EAAE,kBAAkB;KACxB;IACD,OAAO,EAAE;MACR,KAAK,EAAE,iBAAiB;MACxB,IAAI,EAAE,sCAAsC;KAC5C;GACD;CACD,CACD,CAAC;AAEF,MAAM,gBAAgB,GAAG,GAAG,CAC3B;EACC,iDAAiD;EACjD,oCAAoC;EACpC,wDAAwD;EACxD,2BAA2B;CAC3B,EACD;EACC,QAAQ,EAAE;IACT,OAAO,EAAE;MACR,KAAK,EAAE,IAAI;MACX,MAAM,EAAE;QACP,gDAAgD;QAChD,+BAA+B;OAC/B;KACD;IACD,OAAO,EAAE;MACR,KAAK,EAAE,IAAI;MACX,IAAI,EAAE,iBAAiB;KACvB;GACD;CACD,CACD,CAAC;MAMW,QAAQ;;;;mBAIkB,OAAO;qBAKhB,KAAK;mBAKP,KAAK;sBAKF,IAAI;;;EAoBlC,iBAAiB;IAChB,IAAI,IAAI,CAAC,UAAU,EAAE;MACpB,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;KAC7D;GACD;EAED,oBAAoB;IACnB,IAAI,IAAI,CAAC,UAAU,EAAE;MACpB,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC;KAChE;GACD;EAED,mBAAmB;IAClB,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE;MACrB,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC;KAChE;IAED,IAAI,IAAI,CAAC,UAAU,EAAE;MACpB,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;KAC7D;GACD;EAED,MAAM;IACL,QACC,EAAC,IAAI,IAAC,KAAK,EAAE,QAAQ,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,SAAS,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,CAAC,IACrE,WACC,KAAK,EAAE,gBAAgB,CAAC;QACvB,OAAO,EAAE,IAAI,CAAC,OAAO;QACrB,OAAO,EAAE,IAAI,CAAC,OAAO;OACrB,CAAC,IAEF,eAAQ,CACH,CACA,EACN;GACF;EAGD,WAAW,CAAC,EAAc;IACzB,IAAI,EAAE,CAAC,MAAM,KAAK,IAAI,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,CAAC,MAAc,CAAC,EAAE;MACpE,OAAO;KACP;IAED,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;GACtB;;;;;;;","names":[],"sources":["src/components/atoms/backdrop/backdrop.component.scss?tag=p-backdrop","src/components/atoms/backdrop/backdrop.component.tsx"],"sourcesContent":["","import {\n\tComponent,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tListen,\n\tProp,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nconst backdrop = cva(\n\t[\n\t\t'flex',\n\t\t'fixed left-0 top-0 z-backdrop',\n\t\t'h-full w-full',\n\t\t'overflow-hidden',\n\t\t'bg-black-teal-800/40',\n\t\t'max-h-screen max-w-screen',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tblur: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: 'backdrop-blur-sm',\n\t\t\t},\n\t\t\tclosing: {\n\t\t\t\tfalse: 'animate-fade-in',\n\t\t\t\ttrue: 'animate-fade-out pointer-events-none',\n\t\t\t},\n\t\t},\n\t}\n);\n\nconst contentContainer = cva(\n\t[\n\t\t'h-full w-full overflow-y-auto overflow-x-hidden',\n\t\t'pt-16 tablet:px-16 desktop-xs:p-16',\n\t\t'flex items-end justify-center desktop-xs:items-stretch',\n\t\t'max-h-screen max-w-screen',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tmodal: null,\n\t\t\t\tdrawer: [\n\t\t\t\t\t'items-start justify-end desktop-xs:items-start',\n\t\t\t\t\t'p-0 tablet:p-0 desktop-xs:p-0',\n\t\t\t\t],\n\t\t\t},\n\t\t\tclosing: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: 'overflow-hidden',\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-backdrop',\n\tstyleUrl: 'backdrop.component.scss',\n})\nexport class Backdrop {\n\t/**\n\t * The variant of the backdrop\n\t */\n\t@Prop() variant: 'modal' | 'drawer' = 'modal';\n\n\t/**\n\t * Wether to apply blur on the background of the backdrop\n\t */\n\t@Prop() applyBlur: boolean = false;\n\n\t/**\n\t * Wether the backdrop is closing\n\t */\n\t@Prop() closing: boolean = false;\n\n\t/**\n\t * Wether we should scroll lock the body\n\t */\n\t@Prop() scrollLock: boolean = true;\n\n\t/**\n\t * The class passed to the component\n\t */\n\t@Prop() class: string;\n\n\t/**\n\t * When the backdrop is clicked\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tclicked: EventEmitter<MouseEvent>;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\tcomponentWillLoad() {\n\t\tif (this.scrollLock) {\n\t\t\tdocument.querySelector(':root').classList.add('scroll-lock');\n\t\t}\n\t}\n\n\tdisconnectedCallback() {\n\t\tif (this.scrollLock) {\n\t\t\tdocument.querySelector(':root').classList.remove('scroll-lock');\n\t\t}\n\t}\n\n\tcomponentWillUpdate() {\n\t\tif (!this.scrollLock) {\n\t\t\tdocument.querySelector(':root').classList.remove('scroll-lock');\n\t\t}\n\n\t\tif (this.scrollLock) {\n\t\t\tdocument.querySelector(':root').classList.add('scroll-lock');\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class={backdrop({ blur: this.applyBlur, closing: this.closing })}>\n\t\t\t\t<div\n\t\t\t\t\tclass={contentContainer({\n\t\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\t\tclosing: this.closing,\n\t\t\t\t\t})}\n\t\t\t\t>\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t@Listen('click', { capture: true })\n\thandleClick(ev: MouseEvent) {\n\t\tif (ev.target !== this._el && !this._el.contains(ev.target as Node)) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.clicked.emit(ev);\n\t}\n}\n"],"version":3}

package/dist/esm/p-badge.entry.js

@@ -0,0 +1,17 @@
+import { r as registerInstance, h, H as Host } from './index-f99096d4.js';
+
+const badgeComponentCss = "*{box-sizing:border-box}.static{position:static!important}.inline-flex{display:inline-flex!important}.h-4{height:1rem!important}.min-w-\\[1\\.5rem\\]{min-width:1.5rem!important}.items-center{align-items:center!important}.justify-center{justify-content:center!important}.rounded-full{border-radius:9999px!important}.bg-teal{--tw-bg-opacity:1!important;background-color:rgb(8 136 121/var(--tw-bg-opacity,1))!important}.px-1{padding-left:.25rem!important;padding-right:.25rem!important}.text-center{text-align:center!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-semibold{font-weight:600!important}.text-white{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}";
+
+const Badge = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+  }
+  render() {
+    return (h(Host, { class: 'p-badge inline-flex h-4 min-w-[1.5rem] items-center justify-center rounded-full bg-teal px-1 text-center text-xs font-semibold text-white' }, h("slot", null)));
+  }
+};
+Badge.style = badgeComponentCss;
+
+export { Badge as p_badge };
+
+//# sourceMappingURL=p-badge.entry.js.map

package/dist/esm/p-badge.entry.js.map

@@ -0,0 +1 @@
+{"file":"p-badge.entry.js","mappings":";;AAAA,MAAM,iBAAiB,GAAG,0tBAA0tB;;MCOvuB,KAAK;;;;EACjB,MAAM;IACL,QACC,EAAC,IAAI,IAAC,KAAK,EAAC,2IAA2I,IACtJ,eAAQ,CACF,EACN;GACF;;;;;;","names":[],"sources":["src/components/atoms/badge/badge.component.scss?tag=p-badge","src/components/atoms/badge/badge.component.tsx"],"sourcesContent":["","import { Component, h, Host } from '@stencil/core';\n\n@Component({\n\ttag: 'p-badge',\n\tstyleUrl: 'badge.component.scss',\n\tshadow: false,\n})\nexport class Badge {\n\trender() {\n\t\treturn (\n\t\t\t<Host class='p-badge inline-flex h-4 min-w-[1.5rem] items-center justify-center rounded-full bg-teal px-1 text-center text-xs font-semibold text-white'>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"version":3}

package/dist/esm/p-button-group.entry.js

@@ -1,9 +1,9 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-7b917f6b.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-f99096d4.js';
 
 const ButtonGroup = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    this.size = 'medium';
+    this.size = 'base';
   }
   componentWillLoad() {
     this._checkButtons();
@@ -30,7 +30,7 @@ const ButtonGroup = class {
         continue;
       }
       // rest
-      button.buttonGroupPosition = 'middle';
+      button.buttonGroupPosition = 'center';
     }
   }
   get _el() { return getElement(this); }

package/dist/esm/p-button-group.entry.js.map

@@ -1 +1 @@
-{"file":"p-button-group.entry.js","mappings":";;MAOa,WAAW;;;gBAIY,QAAQ;;EAO3C,iBAAiB;IAChB,IAAI,CAAC,aAAa,EAAE,CAAC;GACrB;EAED,MAAM;IACL,QACC,EAAC,IAAI,IAAC,KAAK,EAAC,kCAAkC,IAC7C,eAAQ,CACF,EACN;GACF;EAGD,UAAU;IACT,IAAI,CAAC,aAAa,EAAE,CAAC;GACrB;EAEO,aAAa;IACpB,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,CACzB,IAAI,CAAC,GAAG,CAAC,gBAAgB,CAAC,mBAAmB,CAAC,CAC3B,CAAC;IAErB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,OAAO,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;MACxC,MAAM,MAAM,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;MAE1B,MAAM,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;;MAGxB,IAAI,CAAC,KAAK,CAAC,EAAE;QACZ,MAAM,CAAC,mBAAmB,GAAG,OAAO,CAAC;QACrC,SAAS;OACT;;MAGD,IAAI,CAAC,KAAK,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE;QAC7B,MAAM,CAAC,mBAAmB,GAAG,KAAK,CAAC;QACnC,SAAS;OACT;;MAGD,MAAM,CAAC,mBAAmB,GAAG,QAAQ,CAAC;KACtC;GACD;;;;;;","names":[],"sources":["src/components/molecules/button-group/button-group.component.tsx"],"sourcesContent":["import { Component, Element, h, Host, Listen, Prop } from '@stencil/core';\nimport { Button } from '../../atoms/button/button.component';\n\n@Component({\n\ttag: 'p-button-group',\n\tshadow: true,\n})\nexport class ButtonGroup {\n\t/**\n\t * The size of the child buttons\n\t */\n\t@Prop() size: 'medium' | 'small' = 'medium';\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\tcomponentWillLoad() {\n\t\tthis._checkButtons();\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class='p-button-group flex items-center'>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t@Listen('slotchange')\n\tslotchange() {\n\t\tthis._checkButtons();\n\t}\n\n\tprivate _checkButtons() {\n\t\tconst buttons = Array.from(\n\t\t\tthis._el.querySelectorAll(':scope > p-button')\n\t\t) as any as Button[];\n\n\t\tfor (let i = 0; i < buttons.length; i++) {\n\t\t\tconst button = buttons[i];\n\n\t\t\tbutton.size = this.size;\n\n\t\t\t// first\n\t\t\tif (i === 0) {\n\t\t\t\tbutton.buttonGroupPosition = 'start';\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\t// last\n\t\t\tif (i === buttons.length - 1) {\n\t\t\t\tbutton.buttonGroupPosition = 'end';\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\t// rest\n\t\t\tbutton.buttonGroupPosition = 'middle';\n\t\t}\n\t}\n}\n"],"version":3}
+{"file":"p-button-group.entry.js","mappings":";;MAOa,WAAW;;;gBAIc,MAAM;;EAO3C,iBAAiB;IAChB,IAAI,CAAC,aAAa,EAAE,CAAC;GACrB;EAED,MAAM;IACL,QACC,EAAC,IAAI,IAAC,KAAK,EAAC,kCAAkC,IAC7C,eAAQ,CACF,EACN;GACF;EAGD,UAAU;IACT,IAAI,CAAC,aAAa,EAAE,CAAC;GACrB;EAEO,aAAa;IACpB,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,CACzB,IAAI,CAAC,GAAG,CAAC,gBAAgB,CAAC,mBAAmB,CAAC,CAC3B,CAAC;IAErB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,OAAO,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;MACxC,MAAM,MAAM,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;MAE1B,MAAM,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;;MAGxB,IAAI,CAAC,KAAK,CAAC,EAAE;QACZ,MAAM,CAAC,mBAAmB,GAAG,OAAO,CAAC;QACrC,SAAS;OACT;;MAGD,IAAI,CAAC,KAAK,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE;QAC7B,MAAM,CAAC,mBAAmB,GAAG,KAAK,CAAC;QACnC,SAAS;OACT;;MAGD,MAAM,CAAC,mBAAmB,GAAG,QAAQ,CAAC;KACtC;GACD;;;;;;","names":[],"sources":["src/components/molecules/button-group/button-group.component.tsx"],"sourcesContent":["import { Component, Element, h, Host, Listen, Prop } from '@stencil/core';\nimport { Button } from '../button/button.component';\n\n@Component({\n\ttag: 'p-button-group',\n\tshadow: true,\n})\nexport class ButtonGroup {\n\t/**\n\t * The size of the child buttons\n\t */\n\t@Prop() size: 'sm' | 'base' | 'lg' = 'base';\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\tcomponentWillLoad() {\n\t\tthis._checkButtons();\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class='p-button-group flex items-center'>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n\n\t@Listen('slotchange')\n\tslotchange() {\n\t\tthis._checkButtons();\n\t}\n\n\tprivate _checkButtons() {\n\t\tconst buttons = Array.from(\n\t\t\tthis._el.querySelectorAll(':scope > p-button')\n\t\t) as any as Button[];\n\n\t\tfor (let i = 0; i < buttons.length; i++) {\n\t\t\tconst button = buttons[i];\n\n\t\t\tbutton.size = this.size;\n\n\t\t\t// first\n\t\t\tif (i === 0) {\n\t\t\t\tbutton.buttonGroupPosition = 'start';\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\t// last\n\t\t\tif (i === buttons.length - 1) {\n\t\t\t\tbutton.buttonGroupPosition = 'end';\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\t// rest\n\t\t\tbutton.buttonGroupPosition = 'center';\n\t\t}\n\t}\n}\n"],"version":3}