@paperless/core 0.1.0-alpha.334 → 0.1.0-alpha.336

package/dist/paperless/p-7f40fbbf.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as a,H as r}from"./p-69d43b9d.js";const e=".visible{visibility:visible!important}.static{position:static!important}.fixed{position:fixed!important}.absolute{position:absolute!important}.bottom-0{bottom:0!important}.left-0{left:0!important}.col-start-1{grid-column-start:1!important}.col-start-2{grid-column-start:2!important}.col-start-3{grid-column-start:3!important}.col-start-4{grid-column-start:4!important}.col-start-5{grid-column-start:5!important}.col-start-6{grid-column-start:6!important}.col-start-7{grid-column-start:7!important}.m-0{margin:0!important}.mb-14{margin-bottom:3.5rem!important}.mb-6{margin-bottom:1.5rem!important}.ml-1{margin-left:.25rem!important}.ml-2{margin-left:.5rem!important}.ml-auto{margin-left:auto!important}.block{display:block!important}.inline{display:inline!important}.flex{display:flex!important}.table{display:table!important}.table-cell{display:table-cell!important}.table-row{display:table-row!important}.hidden{display:none!important}.h-6{height:1.5rem!important}.h-8{height:2rem!important}.w-1{width:.25rem!important}.w-10{width:2.5rem!important}.w-11{width:2.75rem!important}.w-2{width:.5rem!important}.w-3{width:.75rem!important}.w-4{width:1rem!important}.w-5{width:1.25rem!important}.w-6{width:1.5rem!important}.w-7{width:1.75rem!important}.w-8{width:2rem!important}.w-9{width:2.25rem!important}.w-auto{width:auto!important}.w-full{width:100%!important}.min-w-0{min-width:0!important}.flex-1{flex:1 1 0%!important}.-rotate-0{--tw-rotate:-0deg!important}.-rotate-0,.-rotate-135{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-135{--tw-rotate:-135deg!important}.-rotate-180{--tw-rotate:-180deg!important}.-rotate-180,.-rotate-225{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-225{--tw-rotate:-225deg!important}.-rotate-25{--tw-rotate:-25deg!important}.-rotate-25,.-rotate-270{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-270{--tw-rotate:-270deg!important}.-rotate-315{--tw-rotate:-315deg!important}.-rotate-315,.-rotate-45{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-45{--tw-rotate:-45deg!important}.-rotate-90{--tw-rotate:-90deg!important}.-rotate-90,.rotate-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-0{--tw-rotate:0deg!important}.rotate-135{--tw-rotate:135deg!important}.rotate-135,.rotate-180{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-180{--tw-rotate:180deg!important}.rotate-225{--tw-rotate:225deg!important}.rotate-225,.rotate-25{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-25{--tw-rotate:25deg!important}.rotate-270{--tw-rotate:270deg!important}.rotate-270,.rotate-315{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-315{--tw-rotate:315deg!important}.rotate-45{--tw-rotate:45deg!important}.rotate-45,.rotate-90{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-90{--tw-rotate:90deg!important}.scale-x-flip{--tw-scale-x:-1!important}.scale-x-flip,.scale-y-flip{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.scale-y-flip{--tw-scale-y:-1!important}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.cursor-pointer{cursor:pointer!important}.flex-col{flex-direction:column!important}.items-end{align-items:flex-end!important}.items-center{align-items:center!important}.justify-start{justify-content:flex-start!important}.justify-end{justify-content:flex-end!important}.justify-center{justify-content:center!important}.justify-between{justify-content:space-between!important}.gap-4{gap:1rem!important}.self-center{align-self:center!important}.justify-self-end{justify-self:end!important}.rounded{border-radius:.25rem!important}.border{border-width:1px!important}.border-solid{border-style:solid!important}.border-transparent{border-color:transparent!important}.border-t-mystic-dark{--tw-border-opacity:1!important;border-top-color:rgb(218 230 240/var(--tw-border-opacity))!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity))!important}.p-2{padding:.5rem!important}.p-4{padding:1rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.py-24{padding-bottom:6rem!important;padding-top:6rem!important}.text-center{text-align:center!important}.text-2xl{font-size:1.5rem!important;line-height:2rem!important}.text-3xl{font-size:1.875rem!important;line-height:2.25rem!important}.text-4xl{font-size:2.25rem!important;line-height:2.5rem!important}.text-5xl{font-size:3rem!important}.text-5xl,.text-6xl{line-height:1!important}.text-6xl{font-size:3.75rem!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-lg{font-size:1.125rem!important;line-height:1.75rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xl{font-size:1.25rem!important;line-height:1.75rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.text-xxs{font-size:.6875rem!important}.font-semibold{font-weight:600!important}.text-negative{color:rgb(185 30 40/var(--tw-text-opacity))!important}.text-negative,.text-negative-light{--tw-text-opacity:1!important}.text-negative-light{color:rgb(255 204 211/var(--tw-text-opacity))!important}.text-storm-dark{color:rgb(39 40 56/var(--tw-text-opacity))!important}.text-storm-dark,.text-storm-medium{--tw-text-opacity:1!important}.text-storm-medium{color:rgb(128 130 158/var(--tw-text-opacity))!important}.blur{--tw-blur:blur(8px)!important}.blur,.drop-shadow-4{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}.drop-shadow-4{--tw-drop-shadow:drop-shadow(0px 0.3125rem 1rem rgba(0,24,98,.08)) drop-shadow(0px 0.0625rem 0.1875rem rgba(0,24,98,.13))!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}*{box-sizing:border-box}.max-w-\\[222px\\]{max-width:222px!important}.gap-\\[1px\\]{gap:1px!important}.drop-shadow-4,.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}p-dropdown-menu-container{--tw-bg-opacity:1;--tw-drop-shadow:drop-shadow(0px 0.3125rem 1rem rgba(0,24,98,.08)) drop-shadow(0px 0.0625rem 0.1875rem rgba(0,24,98,.13));background-color:rgb(255 255 255/var(--tw-bg-opacity));border-radius:.75rem;display:flex;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);flex-direction:column;gap:1px;padding:.5rem;width:auto;z-index:10}p-dropdown-menu-container.full-width{width:100%}p-dropdown-menu-container.max-width{max-width:222px}.blur,.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}.-rotate-0,.-rotate-135,.-rotate-180,.-rotate-225,.-rotate-25,.-rotate-270,.-rotate-315,.-rotate-45,.-rotate-90,.rotate-0,.rotate-135,.rotate-180,.rotate-225,.rotate-25,.rotate-270,.rotate-315,.rotate-45,.rotate-90,.scale-x-flip,.scale-y-flip{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.hover\\:text-negative:hover{--tw-text-opacity:1!important;color:rgb(185 30 40/var(--tw-text-opacity))!important}.max-w-\\[20rem\\]{max-width:20rem!important}.w-3\\/4{width:75%!important}@media (min-width:64rem){.desktop-xs\\:flex{display:flex!important}.desktop-xs\\:hidden{display:none!important}.desktop-xs\\:w-auto{width:auto!important}.desktop-xs\\:flex-row{flex-direction:row!important}}.w-1\\/12{width:8.333333%!important}.w-10\\/12{width:83.333333%!important}.w-11\\/12{width:91.666667%!important}.w-2\\/12{width:16.666667%!important}.w-3\\/12{width:25%!important}.w-4\\/12{width:33.333333%!important}.w-5\\/12{width:41.666667%!important}.w-6\\/12{width:50%!important}.w-7\\/12{width:58.333333%!important}.w-8\\/12{width:66.666667%!important}.w-9\\/12{width:75%!important}@media (min-width:40rem){.tablet\\:w-1\\/12{width:8.333333%!important}.tablet\\:w-10\\/12{width:83.333333%!important}.tablet\\:w-11\\/12{width:91.666667%!important}.tablet\\:w-2\\/12{width:16.666667%!important}.tablet\\:w-3\\/12{width:25%!important}.tablet\\:w-4\\/12{width:33.333333%!important}.tablet\\:w-5\\/12{width:41.666667%!important}.tablet\\:w-6\\/12{width:50%!important}.tablet\\:w-7\\/12{width:58.333333%!important}.tablet\\:w-8\\/12{width:66.666667%!important}.tablet\\:w-9\\/12{width:75%!important}}@media (min-width:64rem){.desktop-xs\\:w-1\\/12{width:8.333333%!important}.desktop-xs\\:w-10\\/12{width:83.333333%!important}.desktop-xs\\:w-11\\/12{width:91.666667%!important}.desktop-xs\\:w-2\\/12{width:16.666667%!important}.desktop-xs\\:w-3\\/12{width:25%!important}.desktop-xs\\:w-4\\/12{width:33.333333%!important}.desktop-xs\\:w-5\\/12{width:41.666667%!important}.desktop-xs\\:w-6\\/12{width:50%!important}.desktop-xs\\:w-7\\/12{width:58.333333%!important}.desktop-xs\\:w-8\\/12{width:66.666667%!important}.desktop-xs\\:w-9\\/12{width:75%!important}}@media (min-width:80rem){.desktop-sm\\:w-1\\/12{width:8.333333%!important}.desktop-sm\\:w-10\\/12{width:83.333333%!important}.desktop-sm\\:w-11\\/12{width:91.666667%!important}.desktop-sm\\:w-2\\/12{width:16.666667%!important}.desktop-sm\\:w-3\\/12{width:25%!important}.desktop-sm\\:w-4\\/12{width:33.333333%!important}.desktop-sm\\:w-5\\/12{width:41.666667%!important}.desktop-sm\\:w-6\\/12{width:50%!important}.desktop-sm\\:w-7\\/12{width:58.333333%!important}.desktop-sm\\:w-8\\/12{width:66.666667%!important}.desktop-sm\\:w-9\\/12{width:75%!important}}@media (min-width:85.375rem){.desktop\\:w-1\\/12{width:8.333333%!important}.desktop\\:w-10\\/12{width:83.333333%!important}.desktop\\:w-11\\/12{width:91.666667%!important}.desktop\\:w-2\\/12{width:16.666667%!important}.desktop\\:w-3\\/12{width:25%!important}.desktop\\:w-4\\/12{width:33.333333%!important}.desktop\\:w-5\\/12{width:41.666667%!important}.desktop\\:w-6\\/12{width:50%!important}.desktop\\:w-7\\/12{width:58.333333%!important}.desktop\\:w-8\\/12{width:66.666667%!important}.desktop\\:w-9\\/12{width:75%!important}}@media (min-width:90rem){.desktop-lg\\:w-1\\/12{width:8.333333%!important}.desktop-lg\\:w-10\\/12{width:83.333333%!important}.desktop-lg\\:w-11\\/12{width:91.666667%!important}.desktop-lg\\:w-2\\/12{width:16.666667%!important}.desktop-lg\\:w-3\\/12{width:25%!important}.desktop-lg\\:w-4\\/12{width:33.333333%!important}.desktop-lg\\:w-5\\/12{width:41.666667%!important}.desktop-lg\\:w-6\\/12{width:50%!important}.desktop-lg\\:w-7\\/12{width:58.333333%!important}.desktop-lg\\:w-8\\/12{width:66.666667%!important}.desktop-lg\\:w-9\\/12{width:75%!important}}@media (min-width:120rem){.desktop-xl\\:w-1\\/12{width:8.333333%!important}.desktop-xl\\:w-10\\/12{width:83.333333%!important}.desktop-xl\\:w-11\\/12{width:91.666667%!important}.desktop-xl\\:w-2\\/12{width:16.666667%!important}.desktop-xl\\:w-3\\/12{width:25%!important}.desktop-xl\\:w-4\\/12{width:33.333333%!important}.desktop-xl\\:w-5\\/12{width:41.666667%!important}.desktop-xl\\:w-6\\/12{width:50%!important}.desktop-xl\\:w-7\\/12{width:58.333333%!important}.desktop-xl\\:w-8\\/12{width:66.666667%!important}.desktop-xl\\:w-9\\/12{width:75%!important}}";const o=class{constructor(a){t(this,a);this.maxWidth=true;this.fullWidth=true}render(){return a(r,{class:`p-dropdown-menu-container ${this.maxWidth&&"max-width"} ${this.fullWidth&&"full-width"}`},a("slot",null))}};o.style=e;export{o as p_dropdown_menu_container};
+//# sourceMappingURL=p-7f40fbbf.entry.js.map

package/dist/paperless/{p-ef0622db.entry.js.map → p-7f40fbbf.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["dropdownMenuContainerComponentCss","DropdownMenuContainer","render","h","Host","class","this","maxWidth","fullWidth"],"sources":["./src/components/atoms/dropdown-menu-container/dropdown-menu-container.component.scss?tag=p-dropdown-menu-container","./src/components/atoms/dropdown-menu-container/dropdown-menu-container.component.tsx"],"sourcesContent":["p-dropdown-menu-container {\n    @apply w-auto;\n    @apply flex flex-col gap-[1px] p-2 bg-white rounded-xxlarge;\n    @apply filter drop-shadow-4 z-10;\n\n    &.full-width {\n        @apply w-full;\n    }\n\n    &.max-width {\n        @apply max-w-[222px];\n    }\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n    tag: 'p-dropdown-menu-container',\n    styleUrl: 'dropdown-menu-container.component.scss',\n    // shadow: true,\n})\nexport class DropdownMenuContainer {\n    /**\n     * Wether the container applies it's max width\n     */\n    @Prop() maxWidth: boolean = true;\n\n    /**\n     * Wether the container should all available space\n     */\n    @Prop() fullWidth: boolean = true;\n\n    render() {\n        return (\n            <Host\n                class={`p-dropdown-menu-container ${\n                    this.maxWidth && 'max-width'\n                } ${this.fullWidth && 'full-width'}`}\n            >\n                <slot />\n            </Host>\n        );\n    }\n}\n"],"mappings":"kDAAA,MAAMA,EAAoC,+vZ,MCO7BC,EAAqB,M,uCAIF,K,eAKC,I,CAE7BC,SACI,OACIC,EAACC,EAAI,CACDC,MAAO,6BACHC,KAAKC,UAAY,eACjBD,KAAKE,WAAa,gBAEtBL,EAAA,a"}
+{"version":3,"names":["dropdownMenuContainerComponentCss","DropdownMenuContainer","render","h","Host","class","this","maxWidth","fullWidth"],"sources":["./src/components/atoms/dropdown-menu-container/dropdown-menu-container.component.scss?tag=p-dropdown-menu-container","./src/components/atoms/dropdown-menu-container/dropdown-menu-container.component.tsx"],"sourcesContent":["p-dropdown-menu-container {\n    @apply w-auto;\n    @apply flex flex-col gap-[1px] p-2 bg-white rounded-xxlarge;\n    @apply filter drop-shadow-4 z-10;\n\n    &.full-width {\n        @apply w-full;\n    }\n\n    &.max-width {\n        @apply max-w-[222px];\n    }\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n    tag: 'p-dropdown-menu-container',\n    styleUrl: 'dropdown-menu-container.component.scss',\n    // shadow: true,\n})\nexport class DropdownMenuContainer {\n    /**\n     * Wether the container applies it's max width\n     */\n    @Prop() maxWidth: boolean = true;\n\n    /**\n     * Wether the container should all available space\n     */\n    @Prop() fullWidth: boolean = true;\n\n    render() {\n        return (\n            <Host\n                class={`p-dropdown-menu-container ${\n                    this.maxWidth && 'max-width'\n                } ${this.fullWidth && 'full-width'}`}\n            >\n                <slot />\n            </Host>\n        );\n    }\n}\n"],"mappings":"kDAAA,MAAMA,EAAoC,m1Z,MCO7BC,EAAqB,M,uCAIF,K,eAKC,I,CAE7BC,SACI,OACIC,EAACC,EAAI,CACDC,MAAO,6BACHC,KAAKC,UAAY,eACjBD,KAAKE,WAAa,gBAEtBL,EAAA,a"}

package/dist/paperless/p-8120c40f.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as a,h as e,H as r,g as s}from"./p-69d43b9d.js";const o=".static{position:static!important}.block{display:block!important}.inline{display:inline!important}.flex{display:flex!important}.w-full{width:100%!important}.-rotate-0{--tw-rotate:-0deg!important}.-rotate-0,.-rotate-135{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-135{--tw-rotate:-135deg!important}.-rotate-180{--tw-rotate:-180deg!important}.-rotate-180,.-rotate-225{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-225{--tw-rotate:-225deg!important}.-rotate-25{--tw-rotate:-25deg!important}.-rotate-25,.-rotate-270{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-270{--tw-rotate:-270deg!important}.-rotate-315{--tw-rotate:-315deg!important}.-rotate-315,.-rotate-45{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-45{--tw-rotate:-45deg!important}.-rotate-90{--tw-rotate:-90deg!important}.-rotate-90,.rotate-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-0{--tw-rotate:0deg!important}.rotate-135{--tw-rotate:135deg!important}.rotate-135,.rotate-180{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-180{--tw-rotate:180deg!important}.rotate-225{--tw-rotate:225deg!important}.rotate-225,.rotate-25{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-25{--tw-rotate:25deg!important}.rotate-270{--tw-rotate:270deg!important}.rotate-270,.rotate-315{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-315{--tw-rotate:315deg!important}.rotate-45{--tw-rotate:45deg!important}.rotate-45,.rotate-90{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-90{--tw-rotate:90deg!important}.scale-x-flip{--tw-scale-x:-1!important}.scale-x-flip,.scale-y-flip{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.scale-y-flip{--tw-scale-y:-1!important}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.justify-center{justify-content:center!important}.text-2xl{font-size:1.5rem!important;line-height:2rem!important}.text-3xl{font-size:1.875rem!important;line-height:2.25rem!important}.text-4xl{font-size:2.25rem!important;line-height:2.5rem!important}.text-5xl{font-size:3rem!important}.text-5xl,.text-6xl{line-height:1!important}.text-6xl{font-size:3.75rem!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-lg{font-size:1.125rem!important;line-height:1.75rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xl{font-size:1.25rem!important;line-height:1.75rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.text-xxs{font-size:.6875rem!important}*{box-sizing:border-box}:host{display:block}.-rotate-0,.-rotate-135,.-rotate-180,.-rotate-225,.-rotate-25,.-rotate-270,.-rotate-315,.-rotate-45,.-rotate-90,.rotate-0,.rotate-135,.rotate-180,.rotate-225,.rotate-25,.rotate-270,.rotate-315,.rotate-45,.rotate-90,.scale-x-flip,.scale-y-flip{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}";const n=class{constructor(e){t(this,e);this.closeClicked=a(this,"closeClicked",7);this.closed=a(this,"closed",7);this._hasHeaderSlot=false;this.header=undefined;this.show=false;this.applyBlur=false;this.showClose=true;this.backdropClickClose=true;this.canClose=true;this.scrollLock=true;this._closing=false}componentWillLoad(){this._hasHeaderSlot=!!this._el.querySelector(':scope > [slot="header"]')}render(){var t;if(!this.show){return}const a=e("slot",{name:"header"});const s=e("slot",{name:"content"});return e(r,{class:"p-drawer"},e("p-backdrop",{variant:"drawer",applyBlur:this.applyBlur,onClicked:t=>this._backdropClick(t.detail),closing:this._closing,scrollLock:this.scrollLock},e("p-drawer-container",{closing:this._closing},(((t=this.header)===null||t===void 0?void 0:t.length)||this._hasHeaderSlot)&&e("p-drawer-header",{"show-close":this.showClose,onClose:t=>this.close(t.detail)},this._hasHeaderSlot?a:this.header),e("p-drawer-body",null,s))))}_backdropClick(t){if(!this.backdropClickClose){return}this.close(t)}close(t){this.closeClicked.emit({event:t,canClose:this.canClose});if(!this.canClose){return}this._closing=true;setTimeout((()=>{this.show=false;this._closing=false;this.closed.emit()}),250)}get _el(){return s(this)}};n.style=o;export{n as p_drawer};
+//# sourceMappingURL=p-8120c40f.entry.js.map

package/dist/paperless/{p-5477db13.entry.js.map → p-8120c40f.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["drawerComponentCss","Drawer","this","_hasHeaderSlot","componentWillLoad","_el","querySelector","render","show","headerContent","h","name","bodyContent","Host","class","variant","applyBlur","onClicked","ev","_backdropClick","detail","closing","_closing","scrollLock","_a","header","length","showClose","onClose","close","backdropClickClose","closeClicked","emit","event","canClose","setTimeout","closed"],"sources":["./src/components/organisms/drawer/drawer.component.scss?tag=p-drawer&encapsulation=shadow","./src/components/organisms/drawer/drawer.component.tsx"],"sourcesContent":[":host {\n    @apply block;\n}\n","import {\n    Component,\n    Element,\n    Event,\n    EventEmitter,\n    h,\n    Host,\n    Prop,\n    State,\n} from '@stencil/core';\n\n@Component({\n    tag: 'p-drawer',\n    styleUrl: 'drawer.component.scss',\n    shadow: true,\n})\nexport class Drawer {\n    /**\n     * The Header of the drawer\n     */\n    @Prop() header?: string;\n\n    /**\n     * Wether to show the drawer or not\n     */\n    @Prop() show: boolean = false;\n\n    /**\n     * Wether to apply blur to the backdrop\n     */\n    @Prop() applyBlur: boolean = false;\n\n    /**\n     * Wether to show the close on mobile in the header\n     */\n    @Prop() showClose = true;\n\n    /**\n     * Wether to hide the drawer when the backdrop is clicked\n     */\n    @Prop() backdropClickClose = true;\n\n    /**\n     * Wether the drawer can be closed\n     */\n    @Prop() canClose: boolean = true;\n\n    /**\n     * Wether we should scroll lock the body\n     */\n    @Prop() scrollLock: boolean = true;\n\n    /**\n     * Close click event\n     */\n    @Event() closeClicked: EventEmitter<{\n        event: MouseEvent;\n        canClose: boolean;\n    }>;\n\n    /**\n     * Closed event\n     */\n    @Event() closed: EventEmitter<null>;\n\n    /**\n     * The host element\n     */\n    @Element() private _el: HTMLElement;\n\n    private _hasHeaderSlot = false;\n\n    @State() private _closing = false;\n\n    componentWillLoad() {\n        this._hasHeaderSlot = !!this._el.querySelector(\n            ':scope > [slot=\"header\"]'\n        );\n    }\n\n    render() {\n        if (!this.show) {\n            return;\n        }\n\n        const headerContent = <slot name=\"header\" />;\n        const bodyContent = <slot name=\"content\" />;\n\n        return (\n            <Host class=\"p-drawer\">\n                <p-backdrop\n                    variant=\"drawer\"\n                    applyBlur={this.applyBlur}\n                    onClicked={(ev) => this._backdropClick(ev.detail)}\n                    closing={this._closing}\n                    scrollLock={this.scrollLock}\n                >\n                    <p-drawer-container closing={this._closing}>\n                        {(this.header?.length || this._hasHeaderSlot) && (\n                            <p-drawer-header\n                                show-close={this.showClose}\n                                onClose={(ev) => this.close(ev.detail)}\n                            >\n                                {this._hasHeaderSlot\n                                    ? headerContent\n                                    : this.header}\n                            </p-drawer-header>\n                        )}\n                        <p-drawer-body>{bodyContent}</p-drawer-body>\n                    </p-drawer-container>\n                </p-backdrop>\n            </Host>\n        );\n    }\n\n    private _backdropClick(ev) {\n        if (!this.backdropClickClose) {\n            return;\n        }\n\n        this.close(ev);\n    }\n\n    public close(ev: MouseEvent) {\n        this.closeClicked.emit({\n            event: ev,\n            canClose: this.canClose,\n        });\n\n        if (!this.canClose) {\n            return;\n        }\n\n        this._closing = true;\n\n        setTimeout(() => {\n            this.show = false;\n            this._closing = false;\n            this.closed.emit();\n        }, 250);\n    }\n}\n"],"mappings":"gEAAA,MAAMA,EAAqB,+hJ,MCgBdC,EAAM,M,mGAsDPC,KAAAC,eAAiB,M,gCA7CD,M,eAKK,M,eAKT,K,wBAKS,K,cAKD,K,gBAKE,K,cAsBF,K,CAE5BC,oBACIF,KAAKC,iBAAmBD,KAAKG,IAAIC,cAC7B,2B,CAIRC,S,MACI,IAAKL,KAAKM,KAAM,CACZ,M,CAGJ,MAAMC,EAAgBC,EAAA,QAAMC,KAAK,WACjC,MAAMC,EAAcF,EAAA,QAAMC,KAAK,YAE/B,OACID,EAACG,EAAI,CAACC,MAAM,YACRJ,EAAA,cACIK,QAAQ,SACRC,UAAWd,KAAKc,UAChBC,UAAYC,GAAOhB,KAAKiB,eAAeD,EAAGE,QAC1CC,QAASnB,KAAKoB,SACdC,WAAYrB,KAAKqB,YAEjBb,EAAA,sBAAoBW,QAASnB,KAAKoB,aAC5BE,EAAAtB,KAAKuB,UAAM,MAAAD,SAAA,SAAAA,EAAEE,SAAUxB,KAAKC,iBAC1BO,EAAA,gCACgBR,KAAKyB,UACjBC,QAAUV,GAAOhB,KAAK2B,MAAMX,EAAGE,SAE9BlB,KAAKC,eACAM,EACAP,KAAKuB,QAGnBf,EAAA,qBAAgBE,K,CAO5BO,eAAeD,GACnB,IAAKhB,KAAK4B,mBAAoB,CAC1B,M,CAGJ5B,KAAK2B,MAAMX,E,CAGRW,MAAMX,GACThB,KAAK6B,aAAaC,KAAK,CACnBC,MAAOf,EACPgB,SAAUhC,KAAKgC,WAGnB,IAAKhC,KAAKgC,SAAU,CAChB,M,CAGJhC,KAAKoB,SAAW,KAEhBa,YAAW,KACPjC,KAAKM,KAAO,MACZN,KAAKoB,SAAW,MAChBpB,KAAKkC,OAAOJ,MAAM,GACnB,I"}
+{"version":3,"names":["drawerComponentCss","Drawer","this","_hasHeaderSlot","componentWillLoad","_el","querySelector","render","show","headerContent","h","name","bodyContent","Host","class","variant","applyBlur","onClicked","ev","_backdropClick","detail","closing","_closing","scrollLock","_a","header","length","showClose","onClose","close","backdropClickClose","closeClicked","emit","event","canClose","setTimeout","closed"],"sources":["./src/components/organisms/drawer/drawer.component.scss?tag=p-drawer&encapsulation=shadow","./src/components/organisms/drawer/drawer.component.tsx"],"sourcesContent":[":host {\n    @apply block;\n}\n","import {\n    Component,\n    Element,\n    Event,\n    EventEmitter,\n    h,\n    Host,\n    Prop,\n    State,\n} from '@stencil/core';\n\n@Component({\n    tag: 'p-drawer',\n    styleUrl: 'drawer.component.scss',\n    shadow: true,\n})\nexport class Drawer {\n    /**\n     * The Header of the drawer\n     */\n    @Prop() header?: string;\n\n    /**\n     * Wether to show the drawer or not\n     */\n    @Prop() show: boolean = false;\n\n    /**\n     * Wether to apply blur to the backdrop\n     */\n    @Prop() applyBlur: boolean = false;\n\n    /**\n     * Wether to show the close on mobile in the header\n     */\n    @Prop() showClose = true;\n\n    /**\n     * Wether to hide the drawer when the backdrop is clicked\n     */\n    @Prop() backdropClickClose = true;\n\n    /**\n     * Wether the drawer can be closed\n     */\n    @Prop() canClose: boolean = true;\n\n    /**\n     * Wether we should scroll lock the body\n     */\n    @Prop() scrollLock: boolean = true;\n\n    /**\n     * Close click event\n     */\n    @Event() closeClicked: EventEmitter<{\n        event: MouseEvent;\n        canClose: boolean;\n    }>;\n\n    /**\n     * Closed event\n     */\n    @Event() closed: EventEmitter<null>;\n\n    /**\n     * The host element\n     */\n    @Element() private _el: HTMLElement;\n\n    private _hasHeaderSlot = false;\n\n    @State() private _closing = false;\n\n    componentWillLoad() {\n        this._hasHeaderSlot = !!this._el.querySelector(\n            ':scope > [slot=\"header\"]'\n        );\n    }\n\n    render() {\n        if (!this.show) {\n            return;\n        }\n\n        const headerContent = <slot name=\"header\" />;\n        const bodyContent = <slot name=\"content\" />;\n\n        return (\n            <Host class=\"p-drawer\">\n                <p-backdrop\n                    variant=\"drawer\"\n                    applyBlur={this.applyBlur}\n                    onClicked={(ev) => this._backdropClick(ev.detail)}\n                    closing={this._closing}\n                    scrollLock={this.scrollLock}\n                >\n                    <p-drawer-container closing={this._closing}>\n                        {(this.header?.length || this._hasHeaderSlot) && (\n                            <p-drawer-header\n                                show-close={this.showClose}\n                                onClose={(ev) => this.close(ev.detail)}\n                            >\n                                {this._hasHeaderSlot\n                                    ? headerContent\n                                    : this.header}\n                            </p-drawer-header>\n                        )}\n                        <p-drawer-body>{bodyContent}</p-drawer-body>\n                    </p-drawer-container>\n                </p-backdrop>\n            </Host>\n        );\n    }\n\n    private _backdropClick(ev) {\n        if (!this.backdropClickClose) {\n            return;\n        }\n\n        this.close(ev);\n    }\n\n    public close(ev: MouseEvent) {\n        this.closeClicked.emit({\n            event: ev,\n            canClose: this.canClose,\n        });\n\n        if (!this.canClose) {\n            return;\n        }\n\n        this._closing = true;\n\n        setTimeout(() => {\n            this.show = false;\n            this._closing = false;\n            this.closed.emit();\n        }, 250);\n    }\n}\n"],"mappings":"gEAAA,MAAMA,EAAqB,2iJ,MCgBdC,EAAM,M,mGAsDPC,KAAAC,eAAiB,M,gCA7CD,M,eAKK,M,eAKT,K,wBAKS,K,cAKD,K,gBAKE,K,cAsBF,K,CAE5BC,oBACIF,KAAKC,iBAAmBD,KAAKG,IAAIC,cAC7B,2B,CAIRC,S,MACI,IAAKL,KAAKM,KAAM,CACZ,M,CAGJ,MAAMC,EAAgBC,EAAA,QAAMC,KAAK,WACjC,MAAMC,EAAcF,EAAA,QAAMC,KAAK,YAE/B,OACID,EAACG,EAAI,CAACC,MAAM,YACRJ,EAAA,cACIK,QAAQ,SACRC,UAAWd,KAAKc,UAChBC,UAAYC,GAAOhB,KAAKiB,eAAeD,EAAGE,QAC1CC,QAASnB,KAAKoB,SACdC,WAAYrB,KAAKqB,YAEjBb,EAAA,sBAAoBW,QAASnB,KAAKoB,aAC5BE,EAAAtB,KAAKuB,UAAM,MAAAD,SAAA,SAAAA,EAAEE,SAAUxB,KAAKC,iBAC1BO,EAAA,gCACgBR,KAAKyB,UACjBC,QAAUV,GAAOhB,KAAK2B,MAAMX,EAAGE,SAE9BlB,KAAKC,eACAM,EACAP,KAAKuB,QAGnBf,EAAA,qBAAgBE,K,CAO5BO,eAAeD,GACnB,IAAKhB,KAAK4B,mBAAoB,CAC1B,M,CAGJ5B,KAAK2B,MAAMX,E,CAGRW,MAAMX,GACThB,KAAK6B,aAAaC,KAAK,CACnBC,MAAOf,EACPgB,SAAUhC,KAAKgC,WAGnB,IAAKhC,KAAKgC,SAAU,CAChB,M,CAGJhC,KAAKoB,SAAW,KAEhBa,YAAW,KACPjC,KAAKM,KAAO,MACZN,KAAKoB,SAAW,MAChBpB,KAAKkC,OAAOJ,MAAM,GACnB,I"}

package/dist/paperless/{p-52d7d305.entry.js → p-966917a1.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as r,H as a}from"./p-c432f3f6.js";const i=".static{position:static!important}.flex{display:flex!important}.hidden{display:none!important}.-space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0!important;margin-left:calc(-.25rem*(1 - var(--tw-space-x-reverse)))!important;margin-right:calc(-.25rem*var(--tw-space-x-reverse))!important}.overflow-hidden{overflow:hidden!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-storm-vague{--tw-text-opacity:1!important;color:rgb(152 154 183/var(--tw-text-opacity))!important}.ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}*{box-sizing:border-box}p-avatar-group{align-items:center;display:flex;overflow:hidden}p-avatar-group>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(-.25rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(-.25rem*var(--tw-space-x-reverse))}p-avatar-group p-avatar>img{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(255 255 255/var(--tw-ring-opacity));box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}p-avatar-group p-avatar:first-child{z-index:3}p-avatar-group p-avatar:nth-child(2){z-index:2}p-avatar-group p-avatar:nth-child(3){z-index:1}p-avatar-group .extra{--tw-text-opacity:1;color:rgb(152 154 183/var(--tw-text-opacity));font-size:.875rem;line-height:1.25rem;padding-left:1rem}";const e=class{constructor(r){t(this,r);this.extra=undefined}render(){return r(a,{class:"p-avatar-group"},r("slot",null),this.extra&&r("span",{class:"extra"},"+",this.extra))}};e.style=i;export{e as p_avatar_group};
-//# sourceMappingURL=p-52d7d305.entry.js.map
+import{r as t,h as r,H as a}from"./p-69d43b9d.js";const i=".static{position:static!important}.flex{display:flex!important}.hidden{display:none!important}.-space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0!important;margin-left:calc(-.25rem*(1 - var(--tw-space-x-reverse)))!important;margin-right:calc(-.25rem*var(--tw-space-x-reverse))!important}.overflow-hidden{overflow:hidden!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-storm-vague{--tw-text-opacity:1!important;color:rgb(152 154 183/var(--tw-text-opacity))!important}.ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}*{box-sizing:border-box}p-avatar-group{align-items:center;display:flex;overflow:hidden}p-avatar-group>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(-.25rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(-.25rem*var(--tw-space-x-reverse))}p-avatar-group p-avatar>img{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(255 255 255/var(--tw-ring-opacity));box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}p-avatar-group p-avatar:first-child{z-index:3}p-avatar-group p-avatar:nth-child(2){z-index:2}p-avatar-group p-avatar:nth-child(3){z-index:1}p-avatar-group .extra{--tw-text-opacity:1;color:rgb(152 154 183/var(--tw-text-opacity));font-size:.875rem;line-height:1.25rem;padding-left:1rem}";const e=class{constructor(r){t(this,r);this.extra=undefined}render(){return r(a,{class:"p-avatar-group"},r("slot",null),this.extra&&r("span",{class:"extra"},"+",this.extra))}};e.style=i;export{e as p_avatar_group};
+//# sourceMappingURL=p-966917a1.entry.js.map

package/dist/paperless/{p-ce944a28.entry.js → p-a0a27d24.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as r,H as o}from"./p-c432f3f6.js";const i=".static{position:static!important}.flex{display:flex!important}.items-center{align-items:center!important}.border-0{border-width:0!important}.border-b-2{border-bottom-width:2px!important}.border-transparent{border-color:transparent!important}.border-indigo{--tw-border-opacity:1!important;border-color:rgb(82 138 250/var(--tw-border-opacity))!important}.font-semibold{font-weight:600!important}.text-indigo{--tw-text-opacity:1!important;color:rgb(82 138 250/var(--tw-text-opacity))!important}*{box-sizing:border-box}:host{--tw-text-opacity:1;align-items:center;border-color:transparent!important;border-width:0 0 2px!important;color:rgb(128 130 158/var(--tw-text-opacity));cursor:pointer;display:flex;font-weight:600;height:2.5rem}:host(.active){--tw-border-opacity:1!important;--tw-text-opacity:1!important;border-color:rgb(82 138 250/var(--tw-border-opacity))!important;color:rgb(82 138 250/var(--tw-text-opacity))!important}";const a=class{constructor(r){t(this,r);this.active=false}render(){return r(o,{class:`p-tab-item ${this.active&&"active"}`},r("slot",null))}};a.style=i;export{a as p_tab_item};
-//# sourceMappingURL=p-ce944a28.entry.js.map
+import{r as t,h as r,H as o}from"./p-69d43b9d.js";const i=".static{position:static!important}.flex{display:flex!important}.items-center{align-items:center!important}.border-0{border-width:0!important}.border-b-2{border-bottom-width:2px!important}.border-indigo{--tw-border-opacity:1!important;border-color:rgb(82 138 250/var(--tw-border-opacity))!important}.border-transparent{border-color:transparent!important}.font-semibold{font-weight:600!important}.text-indigo{--tw-text-opacity:1!important;color:rgb(82 138 250/var(--tw-text-opacity))!important}*{box-sizing:border-box}:host{--tw-text-opacity:1;align-items:center;border-color:transparent!important;border-width:0 0 2px!important;color:rgb(128 130 158/var(--tw-text-opacity));cursor:pointer;display:flex;font-weight:600;height:2.5rem}:host(.active){--tw-border-opacity:1!important;--tw-text-opacity:1!important;border-color:rgb(82 138 250/var(--tw-border-opacity))!important;color:rgb(82 138 250/var(--tw-text-opacity))!important}";const a=class{constructor(r){t(this,r);this.active=false}render(){return r(o,{class:`p-tab-item ${this.active&&"active"}`},r("slot",null))}};a.style=i;export{a as p_tab_item};
+//# sourceMappingURL=p-a0a27d24.entry.js.map

package/dist/paperless/p-a0d40482.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as a,H as e}from"./p-69d43b9d.js";const r=".static{position:static!important}.mr-2{margin-right:.5rem!important}.flex{display:flex!important}.-rotate-0{--tw-rotate:-0deg!important}.-rotate-0,.-rotate-135{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-135{--tw-rotate:-135deg!important}.-rotate-180{--tw-rotate:-180deg!important}.-rotate-180,.-rotate-225{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-225{--tw-rotate:-225deg!important}.-rotate-25{--tw-rotate:-25deg!important}.-rotate-25,.-rotate-270{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-270{--tw-rotate:-270deg!important}.-rotate-315{--tw-rotate:-315deg!important}.-rotate-315,.-rotate-45{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-45{--tw-rotate:-45deg!important}.-rotate-90{--tw-rotate:-90deg!important}.-rotate-90,.rotate-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-0{--tw-rotate:0deg!important}.rotate-135{--tw-rotate:135deg!important}.rotate-135,.rotate-180{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-180{--tw-rotate:180deg!important}.rotate-225{--tw-rotate:225deg!important}.rotate-225,.rotate-25{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-25{--tw-rotate:25deg!important}.rotate-270{--tw-rotate:270deg!important}.rotate-270,.rotate-315{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-315{--tw-rotate:315deg!important}.rotate-45{--tw-rotate:45deg!important}.rotate-45,.rotate-90{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-90{--tw-rotate:90deg!important}.scale-x-flip{--tw-scale-x:-1!important}.scale-x-flip,.scale-y-flip{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.scale-y-flip{--tw-scale-y:-1!important}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.text-2xl{font-size:1.5rem!important;line-height:2rem!important}.text-3xl{font-size:1.875rem!important;line-height:2.25rem!important}.text-4xl{font-size:2.25rem!important;line-height:2.5rem!important}.text-5xl{font-size:3rem!important}.text-5xl,.text-6xl{line-height:1!important}.text-6xl{font-size:3.75rem!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-lg{font-size:1.125rem!important;line-height:1.75rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xl{font-size:1.25rem!important;line-height:1.75rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.text-xxs{font-size:.6875rem!important}.text-storm-vague{--tw-text-opacity:1!important;color:rgb(152 154 183/var(--tw-text-opacity))!important}*{box-sizing:border-box}p-status{--tw-text-opacity:1;align-items:center;color:rgb(152 154 183/var(--tw-text-opacity));display:flex;font-size:.875rem;font-weight:500;line-height:1.25rem}p-status p-icon{font-size:1rem;line-height:1.5rem;margin-right:.5rem}p-status.variant-positive{--tw-text-opacity:1;color:rgb(40 209 124/var(--tw-text-opacity))}p-status.variant-unbiased{--tw-text-opacity:1;color:rgb(255 199 45/var(--tw-text-opacity))}p-status.variant-negative{--tw-text-opacity:1;color:rgb(185 30 40/var(--tw-text-opacity))}.-rotate-0,.-rotate-135,.-rotate-180,.-rotate-225,.-rotate-25,.-rotate-270,.-rotate-315,.-rotate-45,.-rotate-90,.rotate-0,.rotate-135,.rotate-180,.rotate-225,.rotate-25,.rotate-270,.rotate-315,.rotate-45,.rotate-90,.scale-x-flip,.scale-y-flip{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.text-lg,.text-xl{line-height:1.75rem!important}";const s=class{constructor(a){t(this,a);this.variant="default";this.icon=undefined;this.iconFlip=undefined;this.iconRotate=undefined}render(){return a(e,{class:`p-status variant-${this.variant}\n                }`},this._getIcon(),a("slot",null))}_getIcon(){const t=this.icon||this._getVariantIcon();if(!t){return}return a("p-icon",{variant:t,flip:this.iconFlip,rotate:this.iconRotate})}_getVariantIcon(){let t=null;switch(this.variant){case"positive":t="checkmark";break;case"negative":t="negative";break;case"unbiased":t="clock";break;default:t=null;break}return t}};s.style=r;export{s as p_status};
+//# sourceMappingURL=p-a0d40482.entry.js.map

package/dist/paperless/{p-b54a9bb2.entry.js.map → p-a0d40482.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["statusComponentCss","Status","render","h","Host","class","this","variant","_getIcon","icon","_getVariantIcon","flip","iconFlip","rotate","iconRotate"],"sources":["./src/components/atoms/status/status.component.scss?tag=p-status","./src/components/atoms/status/status.component.tsx"],"sourcesContent":["p-status {\n    @apply flex items-center;\n    @apply text-sm text-storm-vague font-medium;\n\n    p-icon {\n        @apply mr-2 text-base;\n    }\n\n    &.variant-positive {\n        @apply text-positive;\n    }\n\n    &.variant-unbiased {\n        @apply text-unbiased;\n    }\n\n    &.variant-negative {\n        @apply text-negative;\n    }\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\nimport { RotateOptions } from '../../../types/tailwind';\nimport { IconFlipOptions, IconVariant } from '../icon/icon.component';\n\n@Component({\n    tag: 'p-status',\n    styleUrl: 'status.component.scss',\n})\nexport class Status {\n    /**\n     * The variant of the status\n     */\n    @Prop() variant: 'default' | 'positive' | 'unbiased' | 'negative' =\n        'default';\n\n    /**\n     * Icon to show on the status\n     */\n    @Prop() icon: IconVariant;\n\n    /**\n     * Icon flip\n     */\n    @Prop() iconFlip: IconFlipOptions;\n\n    /**\n     * Icon rotate\n     */\n    @Prop() iconRotate: RotateOptions;\n\n    render() {\n        return (\n            <Host\n                class={`p-status variant-${this.variant}\n                }`}\n            >\n                {this._getIcon()}\n                <slot />\n            </Host>\n        );\n    }\n\n    private _getIcon() {\n        const icon = this.icon || this._getVariantIcon();\n\n        if (!icon) {\n            return;\n        }\n\n        return (\n            <p-icon\n                variant={icon}\n                flip={this.iconFlip}\n                rotate={this.iconRotate}\n            />\n        );\n    }\n\n    private _getVariantIcon() {\n        let icon = null;\n        switch (this.variant) {\n            case 'positive':\n                icon = 'checkmark';\n                break;\n            case 'negative':\n                icon = 'negative';\n                break;\n            case 'unbiased':\n                icon = 'clock';\n                break;\n            default:\n                icon = null;\n                break;\n        }\n\n        return icon;\n    }\n}\n"],"mappings":"kDAAA,MAAMA,EAAqB,8xB,MCQdC,EAAM,M,sCAKX,U,sEAiBJC,SACI,OACIC,EAACC,EAAI,CACDC,MAAO,oBAAoBC,KAAKC,8BAG/BD,KAAKE,WACNL,EAAA,a,CAKJK,WACJ,MAAMC,EAAOH,KAAKG,MAAQH,KAAKI,kBAE/B,IAAKD,EAAM,CACP,M,CAGJ,OACIN,EAAA,UACII,QAASE,EACTE,KAAML,KAAKM,SACXC,OAAQP,KAAKQ,Y,CAKjBJ,kBACJ,IAAID,EAAO,KACX,OAAQH,KAAKC,SACT,IAAK,WACDE,EAAO,YACP,MACJ,IAAK,WACDA,EAAO,WACP,MACJ,IAAK,WACDA,EAAO,QACP,MACJ,QACIA,EAAO,KACP,MAGR,OAAOA,C"}
+{"version":3,"names":["statusComponentCss","Status","render","h","Host","class","this","variant","_getIcon","icon","_getVariantIcon","flip","iconFlip","rotate","iconRotate"],"sources":["./src/components/atoms/status/status.component.scss?tag=p-status","./src/components/atoms/status/status.component.tsx"],"sourcesContent":["p-status {\n    @apply flex items-center;\n    @apply text-sm text-storm-vague font-medium;\n\n    p-icon {\n        @apply mr-2 text-base;\n    }\n\n    &.variant-positive {\n        @apply text-positive;\n    }\n\n    &.variant-unbiased {\n        @apply text-unbiased;\n    }\n\n    &.variant-negative {\n        @apply text-negative;\n    }\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\nimport { RotateOptions } from '../../../types/tailwind';\nimport { IconFlipOptions, IconVariant } from '../icon/icon.component';\n\n@Component({\n    tag: 'p-status',\n    styleUrl: 'status.component.scss',\n})\nexport class Status {\n    /**\n     * The variant of the status\n     */\n    @Prop() variant: 'default' | 'positive' | 'unbiased' | 'negative' =\n        'default';\n\n    /**\n     * Icon to show on the status\n     */\n    @Prop() icon: IconVariant;\n\n    /**\n     * Icon flip\n     */\n    @Prop() iconFlip: IconFlipOptions;\n\n    /**\n     * Icon rotate\n     */\n    @Prop() iconRotate: RotateOptions;\n\n    render() {\n        return (\n            <Host\n                class={`p-status variant-${this.variant}\n                }`}\n            >\n                {this._getIcon()}\n                <slot />\n            </Host>\n        );\n    }\n\n    private _getIcon() {\n        const icon = this.icon || this._getVariantIcon();\n\n        if (!icon) {\n            return;\n        }\n\n        return (\n            <p-icon\n                variant={icon}\n                flip={this.iconFlip}\n                rotate={this.iconRotate}\n            />\n        );\n    }\n\n    private _getVariantIcon() {\n        let icon = null;\n        switch (this.variant) {\n            case 'positive':\n                icon = 'checkmark';\n                break;\n            case 'negative':\n                icon = 'negative';\n                break;\n            case 'unbiased':\n                icon = 'clock';\n                break;\n            default:\n                icon = null;\n                break;\n        }\n\n        return icon;\n    }\n}\n"],"mappings":"kDAAA,MAAMA,EAAqB,0jK,MCQdC,EAAM,M,sCAKX,U,sEAiBJC,SACI,OACIC,EAACC,EAAI,CACDC,MAAO,oBAAoBC,KAAKC,8BAG/BD,KAAKE,WACNL,EAAA,a,CAKJK,WACJ,MAAMC,EAAOH,KAAKG,MAAQH,KAAKI,kBAE/B,IAAKD,EAAM,CACP,M,CAGJ,OACIN,EAAA,UACII,QAASE,EACTE,KAAML,KAAKM,SACXC,OAAQP,KAAKQ,Y,CAKjBJ,kBACJ,IAAID,EAAO,KACX,OAAQH,KAAKC,SACT,IAAK,WACDE,EAAO,YACP,MACJ,IAAK,WACDA,EAAO,WACP,MACJ,IAAK,WACDA,EAAO,QACP,MACJ,QACIA,EAAO,KACP,MAGR,OAAOA,C"}

package/dist/paperless/p-a134db32.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as a,g as e,H as r}from"./p-69d43b9d.js";const o=".static{position:static!important}.flex{display:flex!important}.h-auto{height:auto!important}.w-full{width:100%!important}.-rotate-0{--tw-rotate:-0deg!important}.-rotate-0,.-rotate-135{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-135{--tw-rotate:-135deg!important}.-rotate-180{--tw-rotate:-180deg!important}.-rotate-180,.-rotate-225{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-225{--tw-rotate:-225deg!important}.-rotate-25{--tw-rotate:-25deg!important}.-rotate-25,.-rotate-270{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-270{--tw-rotate:-270deg!important}.-rotate-315{--tw-rotate:-315deg!important}.-rotate-315,.-rotate-45{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-45{--tw-rotate:-45deg!important}.-rotate-90{--tw-rotate:-90deg!important}.-rotate-90,.rotate-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-0{--tw-rotate:0deg!important}.rotate-135{--tw-rotate:135deg!important}.rotate-135,.rotate-180{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-180{--tw-rotate:180deg!important}.rotate-225{--tw-rotate:225deg!important}.rotate-225,.rotate-25{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-25{--tw-rotate:25deg!important}.rotate-270{--tw-rotate:270deg!important}.rotate-270,.rotate-315{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-315{--tw-rotate:315deg!important}.rotate-45{--tw-rotate:45deg!important}.rotate-45,.rotate-90{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-90{--tw-rotate:90deg!important}.scale-x-flip{--tw-scale-x:-1!important}.scale-x-flip,.scale-y-flip{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.scale-y-flip{--tw-scale-y:-1!important}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.flex-col{flex-direction:column!important}.flex-wrap{flex-wrap:wrap!important}.text-2xl{font-size:1.5rem!important;line-height:2rem!important}.text-3xl{font-size:1.875rem!important;line-height:2.25rem!important}.text-4xl{font-size:2.25rem!important;line-height:2.5rem!important}.text-5xl{font-size:3rem!important}.text-5xl,.text-6xl{line-height:1!important}.text-6xl{font-size:3.75rem!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-lg{font-size:1.125rem!important;line-height:1.75rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xl{font-size:1.25rem!important;line-height:1.75rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.text-xxs{font-size:.6875rem!important}*{box-sizing:border-box}:host{display:flex}:host([direction=horizontal]){align-items:flex-end;height:auto}:host([direction=vertical]){align-items:flex-start;flex-direction:column;flex-wrap:wrap;min-height:100%;width:100%}:host([direction=vertical][content-position=start]){align-items:flex-end}.-rotate-0,.-rotate-135,.-rotate-180,.-rotate-225,.-rotate-25,.-rotate-270,.-rotate-315,.-rotate-45,.-rotate-90,.rotate-0,.rotate-135,.rotate-180,.rotate-225,.rotate-25,.rotate-270,.rotate-315,.rotate-45,.rotate-90,.scale-x-flip,.scale-y-flip{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}";const s=class{constructor(a){t(this,a);this.activeStep=1;this.direction="horizontal";this.contentPosition="end"}componentWillRender(){const t=this.activeStep-1;this._steps=this._generateSteps(t)}render(){return a(r,{class:"p-stepper"},this._steps)}_generateSteps(t){const e=[];const r=this._el.querySelectorAll("p-stepper-item");for(let o=0;o<(r===null||r===void 0?void 0:r.length);o++){const s=r.item(o);if(o>0){e.push(a("p-stepper-line",{direction:this.direction,active:o<=t}))}const n=a("p-stepper-item",{active:o===t,finished:o<t,direction:this.direction,align:o===0?"start":o===(r===null||r===void 0?void 0:r.length)-1?"end":"center",contentPosition:this.contentPosition},s.innerHTML);e.push(n)}return e}get _el(){return e(this)}};s.style=o;export{s as p_stepper};
+//# sourceMappingURL=p-a134db32.entry.js.map

package/dist/paperless/{p-e6561000.entry.js.map → p-a134db32.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["stepperComponentCss","Stepper","componentWillRender","activeStep","this","_steps","_generateSteps","render","h","Host","class","elements","items","_el","querySelectorAll","i","length","item","push","direction","active","newItem","finished","align","contentPosition","innerHTML"],"sources":["./src/components/molecules/stepper/stepper.component.scss?tag=p-stepper&encapsulation=shadow","./src/components/molecules/stepper/stepper.component.tsx"],"sourcesContent":[":host {\n    @apply flex;\n}\n\n:host([direction='horizontal']) {\n    @apply h-auto items-end;\n}\n\n:host([direction='vertical']) {\n    @apply flex-col flex-wrap items-start;\n    @apply w-full min-h-full;\n}\n\n:host([direction='vertical'][content-position='start']) {\n    @apply items-end;\n}\n","import { Component, Element, h, Host, Prop } from '@stencil/core';\n\n@Component({\n    tag: 'p-stepper',\n    styleUrl: 'stepper.component.scss',\n    shadow: true,\n})\nexport class Stepper {\n    /**\n     * The currently active step\n     */\n    @Prop() activeStep: number = 1;\n\n    /**\n     * The direction of the stepper\n     */\n    @Prop({ reflect: true }) direction: 'horizontal' | 'vertical' =\n        'horizontal';\n\n    /**\n     * The position of the content in case of vertical direction\n     */\n    @Prop({ reflect: true }) contentPosition: 'start' | 'end' = 'end';\n\n    /**\n     * The host element\n     */\n    @Element() private _el: HTMLElement;\n\n    private _steps: Array<HTMLPStepperItemElement>;\n\n    componentWillRender() {\n        const activeStep = this.activeStep - 1;\n        this._steps = this._generateSteps(activeStep);\n    }\n\n    render() {\n        return <Host class=\"p-stepper\">{this._steps}</Host>;\n    }\n\n    private _generateSteps(activeStep: number) {\n        const elements = [];\n        const items = this._el.querySelectorAll('p-stepper-item');\n\n        for (let i = 0; i < items?.length; i++) {\n            const item = items.item(i);\n\n            if (i > 0) {\n                elements.push(\n                    <p-stepper-line\n                        direction={this.direction}\n                        active={i <= activeStep}\n                    />\n                );\n            }\n\n            const newItem = (\n                <p-stepper-item\n                    active={i === activeStep}\n                    finished={i < activeStep}\n                    direction={this.direction}\n                    align={\n                        i === 0\n                            ? 'start'\n                            : i === items?.length - 1\n                            ? 'end'\n                            : 'center'\n                    }\n                    contentPosition={this.contentPosition}\n                >\n                    {item.innerHTML}\n                </p-stepper-item>\n            );\n\n            elements.push(newItem);\n        }\n\n        return elements;\n    }\n}\n"],"mappings":"yDAAA,MAAMA,EAAsB,if,MCOfC,EAAO,M,yCAIa,E,eAMzB,a,qBAKwD,K,CAS5DC,sBACI,MAAMC,EAAaC,KAAKD,WAAa,EACrCC,KAAKC,OAASD,KAAKE,eAAeH,E,CAGtCI,SACI,OAAOC,EAACC,EAAI,CAACC,MAAM,aAAaN,KAAKC,O,CAGjCC,eAAeH,GACnB,MAAMQ,EAAW,GACjB,MAAMC,EAAQR,KAAKS,IAAIC,iBAAiB,kBAExC,IAAK,IAAIC,EAAI,EAAGA,GAAIH,IAAK,MAALA,SAAK,SAALA,EAAOI,QAAQD,IAAK,CACpC,MAAME,EAAOL,EAAMK,KAAKF,GAExB,GAAIA,EAAI,EAAG,CACPJ,EAASO,KACLV,EAAA,kBACIW,UAAWf,KAAKe,UAChBC,OAAQL,GAAKZ,I,CAKzB,MAAMkB,EACFb,EAAA,kBACIY,OAAQL,IAAMZ,EACdmB,SAAUP,EAAIZ,EACdgB,UAAWf,KAAKe,UAChBI,MACIR,IAAM,EACA,QACAA,KAAMH,IAAK,MAALA,SAAK,SAALA,EAAOI,QAAS,EACtB,MACA,SAEVQ,gBAAiBpB,KAAKoB,iBAErBP,EAAKQ,WAIdd,EAASO,KAAKG,E,CAGlB,OAAOV,C"}
+{"version":3,"names":["stepperComponentCss","Stepper","componentWillRender","activeStep","this","_steps","_generateSteps","render","h","Host","class","elements","items","_el","querySelectorAll","i","length","item","push","direction","active","newItem","finished","align","contentPosition","innerHTML"],"sources":["./src/components/molecules/stepper/stepper.component.scss?tag=p-stepper&encapsulation=shadow","./src/components/molecules/stepper/stepper.component.tsx"],"sourcesContent":[":host {\n    @apply flex;\n}\n\n:host([direction='horizontal']) {\n    @apply h-auto items-end;\n}\n\n:host([direction='vertical']) {\n    @apply flex-col flex-wrap items-start;\n    @apply w-full min-h-full;\n}\n\n:host([direction='vertical'][content-position='start']) {\n    @apply items-end;\n}\n","import { Component, Element, h, Host, Prop } from '@stencil/core';\n\n@Component({\n    tag: 'p-stepper',\n    styleUrl: 'stepper.component.scss',\n    shadow: true,\n})\nexport class Stepper {\n    /**\n     * The currently active step\n     */\n    @Prop() activeStep: number = 1;\n\n    /**\n     * The direction of the stepper\n     */\n    @Prop({ reflect: true }) direction: 'horizontal' | 'vertical' =\n        'horizontal';\n\n    /**\n     * The position of the content in case of vertical direction\n     */\n    @Prop({ reflect: true }) contentPosition: 'start' | 'end' = 'end';\n\n    /**\n     * The host element\n     */\n    @Element() private _el: HTMLElement;\n\n    private _steps: Array<HTMLPStepperItemElement>;\n\n    componentWillRender() {\n        const activeStep = this.activeStep - 1;\n        this._steps = this._generateSteps(activeStep);\n    }\n\n    render() {\n        return <Host class=\"p-stepper\">{this._steps}</Host>;\n    }\n\n    private _generateSteps(activeStep: number) {\n        const elements = [];\n        const items = this._el.querySelectorAll('p-stepper-item');\n\n        for (let i = 0; i < items?.length; i++) {\n            const item = items.item(i);\n\n            if (i > 0) {\n                elements.push(\n                    <p-stepper-line\n                        direction={this.direction}\n                        active={i <= activeStep}\n                    />\n                );\n            }\n\n            const newItem = (\n                <p-stepper-item\n                    active={i === activeStep}\n                    finished={i < activeStep}\n                    direction={this.direction}\n                    align={\n                        i === 0\n                            ? 'start'\n                            : i === items?.length - 1\n                            ? 'end'\n                            : 'center'\n                    }\n                    contentPosition={this.contentPosition}\n                >\n                    {item.innerHTML}\n                </p-stepper-item>\n            );\n\n            elements.push(newItem);\n        }\n\n        return elements;\n    }\n}\n"],"mappings":"yDAAA,MAAMA,EAAsB,gyJ,MCOfC,EAAO,M,yCAIa,E,eAMzB,a,qBAKwD,K,CAS5DC,sBACI,MAAMC,EAAaC,KAAKD,WAAa,EACrCC,KAAKC,OAASD,KAAKE,eAAeH,E,CAGtCI,SACI,OAAOC,EAACC,EAAI,CAACC,MAAM,aAAaN,KAAKC,O,CAGjCC,eAAeH,GACnB,MAAMQ,EAAW,GACjB,MAAMC,EAAQR,KAAKS,IAAIC,iBAAiB,kBAExC,IAAK,IAAIC,EAAI,EAAGA,GAAIH,IAAK,MAALA,SAAK,SAALA,EAAOI,QAAQD,IAAK,CACpC,MAAME,EAAOL,EAAMK,KAAKF,GAExB,GAAIA,EAAI,EAAG,CACPJ,EAASO,KACLV,EAAA,kBACIW,UAAWf,KAAKe,UAChBC,OAAQL,GAAKZ,I,CAKzB,MAAMkB,EACFb,EAAA,kBACIY,OAAQL,IAAMZ,EACdmB,SAAUP,EAAIZ,EACdgB,UAAWf,KAAKe,UAChBI,MACIR,IAAM,EACA,QACAA,KAAMH,IAAK,MAALA,SAAK,SAALA,EAAOI,QAAS,EACtB,MACA,SAEVQ,gBAAiBpB,KAAKoB,iBAErBP,EAAKQ,WAIdd,EAASO,KAAKG,E,CAGlB,OAAOV,C"}

package/dist/paperless/p-a46af8b4.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as e,H as i}from"./p-69d43b9d.js";const n='.static{position:static!important}.relative{position:relative!important}.sticky{position:sticky!important}.order-1{order:1!important}.order-2{order:2!important}.order-3{order:3!important}.flex{display:flex!important}.grid{display:grid!important}.hidden{display:none!important}.h-full{height:100%!important}.h-screen{height:100vh!important}.w-full{width:100%!important}.w-screen{width:100vw!important}.w-sidebar-mobile{width:100%!important}.flex-1{flex:1 1 0%!important}.flex-col{flex-direction:column!important}.content-start{align-content:flex-start!important}.items-center{align-items:center!important}.overflow-y-auto{overflow-y:auto!important}.px-content-mobile-x{padding-left:1rem!important;padding-right:1rem!important}*{box-sizing:border-box}:host{align-content:flex-start;display:grid;gap:0;grid-template-areas:"sidebar" "topbar" "content";grid-template-columns:1fr;grid-template-rows:repeat(1fr,3);height:100vh;overflow:hidden;width:100vw}@media (min-width:64rem){:host{grid-template-areas:"topbar topbar" "sidebar content";grid-template-columns:auto 1fr;grid-template-rows:auto 1fr}}:host .content,:host .sidebar,:host .topbar{align-self:flex-start}:host .topbar{grid-area:topbar;order:2;position:sticky;width:100%}@media (min-width:80rem){:host .topbar{order:1}}:host .sidebar{box-sizing:border-box;display:flex;grid-area:sidebar;height:100%;order:1;width:100%}@media (min-width:80rem){:host .sidebar{order:2;width:15rem}}:host .content{display:flex;flex-direction:column;grid-area:content;height:100%;order:3;overflow-x:hidden;overflow-y:auto;padding:0 env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);position:relative}:host .content .inner-content{padding:1.5rem 1rem;position:relative}@media (min-width:64rem){:host .content .inner-content{padding:2rem;width:100%}}@media (min-width:80rem){:host .content .inner-content{width:100%}}@media (min-width:85.375rem){:host .content .inner-content{width:69rem}}@media (min-width:90rem){:host .content .inner-content{width:69rem}}@media (min-width:120rem){:host .content .inner-content{width:69rem}}:host(.variant-default) .content{flex:1 1 0%}:host(.variant-login){grid-template-areas:"topbar topbar" "content content"}@media (min-width:64rem){:host(.variant-login){grid-template-areas:"topbar topbar" "content sidebar"}}:host(.variant-login) .sidebar{display:none;flex:1 1 0%;order:3;overflow:hidden;padding:.5rem;width:unset}@media (min-width:64rem){:host(.variant-login) .sidebar{display:flex}}:host(.variant-login) .sidebar .inner-content{padding:.5rem}:host(.variant-login) .content{align-items:center;order:3}@media (min-width:64rem){:host(.variant-login) .content{justify-content:center;order:2}}:host(.variant-login) .content .inner-content{box-sizing:border-box;padding:calc(env(safe-area-inset-top) + 3.5rem) 1rem 1.5rem;width:100%}@media (min-width:64rem){:host(.variant-login) .content .inner-content{padding:1.5rem 4.5rem 0}}@media (min-width:40rem){:host(.variant-login) .content .inner-content{width:30rem}}@media (min-width:64rem){.desktop-xs\\:flex{display:flex!important}.desktop-xs\\:w-content-desktop-xs{width:100%!important}.desktop-xs\\:px-content-desktop-x{padding-left:2rem!important;padding-right:2rem!important}.desktop-xs\\:py-0{padding-bottom:0!important;padding-top:0!important}}@media (min-width:80rem){.desktop-sm\\:w-content-desktop-sm{width:100%!important}}@media (min-width:85.375rem){.desktop\\:w-content-desktop{width:69rem!important}}@media (min-width:90rem){.desktop-lg\\:w-content-desktop-lg{width:69rem!important}}';const o=class{constructor(e){t(this,e);this.variant="default"}render(){return e(i,{class:`p-layout variant-${this.variant}`},e("div",{class:"topbar"},e("slot",{name:"topbar"})),e("div",{class:"sidebar"},e("slot",{name:"sidebar"})),e("div",{class:"content"},e("div",{class:"inner-content"},e("slot",{name:"content"}))))}};o.style=n;export{o as p_layout};
+//# sourceMappingURL=p-a46af8b4.entry.js.map

package/dist/paperless/{p-38f88fcb.entry.js.map → p-a46af8b4.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["layoutComponentCss","Layout","render","h","Host","class","this","variant","name"],"sources":["./src/components/atoms/layout/layout.component.scss?tag=p-layout&encapsulation=shadow","./src/components/atoms/layout/layout.component.tsx"],"sourcesContent":[":host {\n    @apply grid h-screen w-screen content-start overflow-hidden;\n\n    grid-template-columns: 1fr;\n    grid-template-rows: repeat(1fr, 3);\n    gap: 0;\n    grid-template-areas:\n        'sidebar'\n        'topbar'\n        'content';\n\n    @screen desktop-xs {\n        grid-template-columns: auto 1fr;\n        grid-template-rows: auto 1fr;\n        grid-template-areas:\n            'topbar topbar'\n            'sidebar content';\n    }\n\n    .topbar,\n    .sidebar,\n    .content {\n        @apply self-start;\n    }\n\n    .topbar {\n        grid-area: topbar;\n\n        @apply sticky w-full;\n        @apply order-2 desktop-sm:order-1;\n    }\n\n    .sidebar {\n        grid-area: sidebar;\n\n        @apply flex h-full box-border;\n        @apply w-sidebar-mobile desktop-sm:w-sidebar-desktop;\n        @apply order-1 desktop-sm:order-2;\n    }\n\n    .content {\n        grid-area: content;\n\n        @apply relative flex flex-col h-full overflow-y-auto overflow-x-hidden;\n        @apply order-3;\n\n        padding: 0 env(safe-area-inset-right) env(safe-area-inset-bottom)\n            env(safe-area-inset-left);\n\n        .inner-content {\n            @apply relative pb-24;\n\n            @apply px-content-mobile-x py-content-mobile-y;\n            @apply desktop-xs:px-content-desktop-x desktop-xs:py-content-desktop-y;\n\n            @apply desktop-xs:w-content-desktop-xs desktop-sm:w-content-desktop-sm desktop:w-content-desktop desktop-lg:w-content-desktop-lg desktop-xl:w-content-desktop-xl;\n        }\n    }\n}\n\n:host(.variant-default) {\n    .content {\n        @apply flex-1;\n    }\n}\n\n:host(.variant-login) {\n    grid-template-areas:\n        'topbar topbar'\n        'content content';\n\n    @screen desktop-xs {\n        grid-template-areas:\n            'topbar topbar'\n            'content sidebar';\n    }\n\n    .sidebar {\n        @apply hidden desktop-xs:flex w-unset;\n        @apply order-3 p-2;\n        @apply flex-1 overflow-hidden;\n\n        .inner-content {\n            @apply p-2;\n        }\n    }\n\n    .content {\n        @apply order-3 desktop-xs:order-2;\n        @apply items-center desktop-xs:justify-center;\n\n        .inner-content {\n            @apply box-border;\n            @apply desktop-xs:py-0 desktop-xs:px-18;\n            @apply w-full tablet:w-content-desktop-login;\n\n            @apply px-content-mobile-x py-content-mobile-y;\n            padding-top: calc(env(safe-area-inset-top) + 3.5rem);\n\n            @screen desktop-xs {\n                @apply pt-content-mobile-y;\n            }\n        }\n    }\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n    tag: 'p-layout',\n    styleUrl: 'layout.component.scss',\n    shadow: true,\n})\nexport class Layout {\n    /**\n     * Variant of the layout\n     */\n    @Prop() variant: 'default' | 'login' = 'default';\n\n    render() {\n        return (\n            <Host class={`p-layout variant-${this.variant}`}>\n                <div class=\"topbar\">\n                    <slot name=\"topbar\" />\n                </div>\n                <div class=\"sidebar\">\n                    <slot name=\"sidebar\" />\n                </div>\n                <div class=\"content\">\n                    <div class=\"inner-content\">\n                        <slot name=\"content\" />\n                    </div>\n                </div>\n            </Host>\n        );\n    }\n}\n"],"mappings":"kDAAA,MAAMA,EAAqB,6+G,MCOdC,EAAM,M,sCAIwB,S,CAEvCC,SACI,OACIC,EAACC,EAAI,CAACC,MAAO,oBAAoBC,KAAKC,WAClCJ,EAAA,OAAKE,MAAM,UACPF,EAAA,QAAMK,KAAK,YAEfL,EAAA,OAAKE,MAAM,WACPF,EAAA,QAAMK,KAAK,aAEfL,EAAA,OAAKE,MAAM,WACPF,EAAA,OAAKE,MAAM,iBACPF,EAAA,QAAMK,KAAK,c"}
+{"version":3,"names":["layoutComponentCss","Layout","render","h","Host","class","this","variant","name"],"sources":["./src/components/atoms/layout/layout.component.scss?tag=p-layout&encapsulation=shadow","./src/components/atoms/layout/layout.component.tsx"],"sourcesContent":[":host {\n    @apply grid h-screen w-screen content-start overflow-hidden;\n\n    grid-template-columns: 1fr;\n    grid-template-rows: repeat(1fr, 3);\n    gap: 0;\n    grid-template-areas:\n        'sidebar'\n        'topbar'\n        'content';\n\n    @screen desktop-xs {\n        grid-template-columns: auto 1fr;\n        grid-template-rows: auto 1fr;\n        grid-template-areas:\n            'topbar topbar'\n            'sidebar content';\n    }\n\n    .topbar,\n    .sidebar,\n    .content {\n        @apply self-start;\n    }\n\n    .topbar {\n        grid-area: topbar;\n\n        @apply sticky w-full;\n        @apply order-2 desktop-sm:order-1;\n    }\n\n    .sidebar {\n        grid-area: sidebar;\n\n        @apply flex h-full box-border;\n        @apply w-sidebar-mobile desktop-sm:w-sidebar-desktop;\n        @apply order-1 desktop-sm:order-2;\n    }\n\n    .content {\n        grid-area: content;\n\n        @apply relative flex flex-col h-full overflow-y-auto overflow-x-hidden;\n        @apply order-3;\n\n        padding: 0 env(safe-area-inset-right) env(safe-area-inset-bottom)\n            env(safe-area-inset-left);\n\n        .inner-content {\n            @apply relative pb-24;\n\n            @apply px-content-mobile-x py-content-mobile-y;\n            @apply desktop-xs:px-content-desktop-x desktop-xs:py-content-desktop-y;\n\n            @apply desktop-xs:w-content-desktop-xs desktop-sm:w-content-desktop-sm desktop:w-content-desktop desktop-lg:w-content-desktop-lg desktop-xl:w-content-desktop-xl;\n        }\n    }\n}\n\n:host(.variant-default) {\n    .content {\n        @apply flex-1;\n    }\n}\n\n:host(.variant-login) {\n    grid-template-areas:\n        'topbar topbar'\n        'content content';\n\n    @screen desktop-xs {\n        grid-template-areas:\n            'topbar topbar'\n            'content sidebar';\n    }\n\n    .sidebar {\n        @apply hidden desktop-xs:flex w-unset;\n        @apply order-3 p-2;\n        @apply flex-1 overflow-hidden;\n\n        .inner-content {\n            @apply p-2;\n        }\n    }\n\n    .content {\n        @apply order-3 desktop-xs:order-2;\n        @apply items-center desktop-xs:justify-center;\n\n        .inner-content {\n            @apply box-border;\n            @apply desktop-xs:py-0 desktop-xs:px-18;\n            @apply w-full tablet:w-content-desktop-login;\n\n            @apply px-content-mobile-x py-content-mobile-y;\n            padding-top: calc(env(safe-area-inset-top) + 3.5rem);\n\n            @screen desktop-xs {\n                @apply pt-content-mobile-y;\n            }\n        }\n    }\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n    tag: 'p-layout',\n    styleUrl: 'layout.component.scss',\n    shadow: true,\n})\nexport class Layout {\n    /**\n     * Variant of the layout\n     */\n    @Prop() variant: 'default' | 'login' = 'default';\n\n    render() {\n        return (\n            <Host class={`p-layout variant-${this.variant}`}>\n                <div class=\"topbar\">\n                    <slot name=\"topbar\" />\n                </div>\n                <div class=\"sidebar\">\n                    <slot name=\"sidebar\" />\n                </div>\n                <div class=\"content\">\n                    <div class=\"inner-content\">\n                        <slot name=\"content\" />\n                    </div>\n                </div>\n            </Host>\n        );\n    }\n}\n"],"mappings":"kDAAA,MAAMA,EAAqB,29G,MCOdC,EAAM,M,sCAIwB,S,CAEvCC,SACI,OACIC,EAACC,EAAI,CAACC,MAAO,oBAAoBC,KAAKC,WAClCJ,EAAA,OAAKE,MAAM,UACPF,EAAA,QAAMK,KAAK,YAEfL,EAAA,OAAKE,MAAM,WACPF,EAAA,QAAMK,KAAK,aAEfL,EAAA,OAAKE,MAAM,WACPF,EAAA,OAAKE,MAAM,iBACPF,EAAA,QAAMK,KAAK,c"}

package/dist/paperless/p-a4e7ec85.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as e,h as i,H as r,g as a}from"./p-69d43b9d.js";import{f as o,g as s}from"./p-4e650fe4.js";import{d as n,a as l}from"./p-6c60fd3d.js";const w=".visible{visibility:visible!important}.static{position:static!important}.fixed{position:fixed!important}.absolute{position:absolute!important}.bottom-0{bottom:0!important}.left-0{left:0!important}.m-0{margin:0!important}.mb-14{margin-bottom:3.5rem!important}.mb-6{margin-bottom:1.5rem!important}.ml-1{margin-left:.25rem!important}.ml-2{margin-left:.5rem!important}.block{display:block!important}.inline{display:inline!important}.flex{display:flex!important}.table{display:table!important}.table-cell{display:table-cell!important}.table-row{display:table-row!important}.hidden{display:none!important}.h-6{height:1.5rem!important}.h-8{height:2rem!important}.w-1{width:.25rem!important}.w-10{width:2.5rem!important}.w-11{width:2.75rem!important}.w-2{width:.5rem!important}.w-3{width:.75rem!important}.w-4{width:1rem!important}.w-5{width:1.25rem!important}.w-6{width:1.5rem!important}.w-7{width:1.75rem!important}.w-8{width:2rem!important}.w-9{width:2.25rem!important}.w-auto{width:auto!important}.w-full{width:100%!important}.flex-1{flex:1 1 0%!important}.-rotate-0{--tw-rotate:-0deg!important}.-rotate-0,.-rotate-135{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-135{--tw-rotate:-135deg!important}.-rotate-180{--tw-rotate:-180deg!important}.-rotate-180,.-rotate-225{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-225{--tw-rotate:-225deg!important}.-rotate-25{--tw-rotate:-25deg!important}.-rotate-25,.-rotate-270{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-270{--tw-rotate:-270deg!important}.-rotate-315{--tw-rotate:-315deg!important}.-rotate-315,.-rotate-45{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-45{--tw-rotate:-45deg!important}.-rotate-90{--tw-rotate:-90deg!important}.-rotate-90,.rotate-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-0{--tw-rotate:0deg!important}.rotate-135{--tw-rotate:135deg!important}.rotate-135,.rotate-180{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-180{--tw-rotate:180deg!important}.rotate-225{--tw-rotate:225deg!important}.rotate-225,.rotate-25{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-25{--tw-rotate:25deg!important}.rotate-270{--tw-rotate:270deg!important}.rotate-270,.rotate-315{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-315{--tw-rotate:315deg!important}.rotate-45{--tw-rotate:45deg!important}.rotate-45,.rotate-90{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-90{--tw-rotate:90deg!important}.scale-x-flip{--tw-scale-x:-1!important}.scale-x-flip,.scale-y-flip{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.scale-y-flip{--tw-scale-y:-1!important}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.cursor-pointer{cursor:pointer!important}.flex-col{flex-direction:column!important}.items-end{align-items:flex-end!important}.items-center{align-items:center!important}.justify-start{justify-content:flex-start!important}.justify-end{justify-content:flex-end!important}.justify-center{justify-content:center!important}.justify-between{justify-content:space-between!important}.gap-4{gap:1rem!important}.self-center{align-self:center!important}.justify-self-end{justify-self:end!important}.rounded{border-radius:.25rem!important}.border{border-width:1px!important}.border-solid{border-style:solid!important}.border-transparent{border-color:transparent!important}.border-t-mystic-dark{--tw-border-opacity:1!important;border-top-color:rgb(218 230 240/var(--tw-border-opacity))!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity))!important}.p-4{padding:1rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.py-24{padding-bottom:6rem!important;padding-top:6rem!important}.text-center{text-align:center!important}.text-2xl{font-size:1.5rem!important;line-height:2rem!important}.text-3xl{font-size:1.875rem!important;line-height:2.25rem!important}.text-4xl{font-size:2.25rem!important;line-height:2.5rem!important}.text-5xl{font-size:3rem!important}.text-5xl,.text-6xl{line-height:1!important}.text-6xl{font-size:3.75rem!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-lg{font-size:1.125rem!important;line-height:1.75rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xl{font-size:1.25rem!important;line-height:1.75rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.text-xxs{font-size:.6875rem!important}.font-semibold{font-weight:600!important}.text-negative{color:rgb(185 30 40/var(--tw-text-opacity))!important}.text-negative,.text-negative-light{--tw-text-opacity:1!important}.text-negative-light{color:rgb(255 204 211/var(--tw-text-opacity))!important}.text-storm-dark{color:rgb(39 40 56/var(--tw-text-opacity))!important}.text-storm-dark,.text-storm-medium{--tw-text-opacity:1!important}.text-storm-medium{color:rgb(128 130 158/var(--tw-text-opacity))!important}.blur{--tw-blur:blur(8px)!important}.blur,.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}*{box-sizing:border-box}p-table{display:flex;flex-direction:column}.max-w-\\[20rem\\]{max-width:20rem!important}.w-3\\/4{width:75%!important}@media (min-width:64rem){.desktop-xs\\:flex{display:flex!important}.desktop-xs\\:hidden{display:none!important}.desktop-xs\\:w-auto{width:auto!important}.desktop-xs\\:flex-row{flex-direction:row!important}}.-rotate-0,.-rotate-135,.-rotate-180,.-rotate-225,.-rotate-25,.-rotate-270,.-rotate-315,.-rotate-45,.-rotate-90,.rotate-0,.rotate-135,.rotate-180,.rotate-225,.rotate-25,.rotate-270,.rotate-315,.rotate-45,.rotate-90,.scale-x-flip,.scale-y-flip{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.text-lg,.text-xl{line-height:1.75rem!important}.hover\\:text-negative:hover{--tw-text-opacity:1!important;color:rgb(185 30 40/var(--tw-text-opacity))!important}.w-1\\/12{width:8.333333%!important}.w-10\\/12{width:83.333333%!important}.w-11\\/12{width:91.666667%!important}.w-2\\/12{width:16.666667%!important}.w-3\\/12{width:25%!important}.w-4\\/12{width:33.333333%!important}.w-5\\/12{width:41.666667%!important}.w-6\\/12{width:50%!important}.w-7\\/12{width:58.333333%!important}.w-8\\/12{width:66.666667%!important}.w-9\\/12{width:75%!important}@media (min-width:40rem){.tablet\\:w-1\\/12{width:8.333333%!important}.tablet\\:w-10\\/12{width:83.333333%!important}.tablet\\:w-11\\/12{width:91.666667%!important}.tablet\\:w-2\\/12{width:16.666667%!important}.tablet\\:w-3\\/12{width:25%!important}.tablet\\:w-4\\/12{width:33.333333%!important}.tablet\\:w-5\\/12{width:41.666667%!important}.tablet\\:w-6\\/12{width:50%!important}.tablet\\:w-7\\/12{width:58.333333%!important}.tablet\\:w-8\\/12{width:66.666667%!important}.tablet\\:w-9\\/12{width:75%!important}}@media (min-width:64rem){.desktop-xs\\:w-1\\/12{width:8.333333%!important}.desktop-xs\\:w-10\\/12{width:83.333333%!important}.desktop-xs\\:w-11\\/12{width:91.666667%!important}.desktop-xs\\:w-2\\/12{width:16.666667%!important}.desktop-xs\\:w-3\\/12{width:25%!important}.desktop-xs\\:w-4\\/12{width:33.333333%!important}.desktop-xs\\:w-5\\/12{width:41.666667%!important}.desktop-xs\\:w-6\\/12{width:50%!important}.desktop-xs\\:w-7\\/12{width:58.333333%!important}.desktop-xs\\:w-8\\/12{width:66.666667%!important}.desktop-xs\\:w-9\\/12{width:75%!important}}@media (min-width:80rem){.desktop-sm\\:w-1\\/12{width:8.333333%!important}.desktop-sm\\:w-10\\/12{width:83.333333%!important}.desktop-sm\\:w-11\\/12{width:91.666667%!important}.desktop-sm\\:w-2\\/12{width:16.666667%!important}.desktop-sm\\:w-3\\/12{width:25%!important}.desktop-sm\\:w-4\\/12{width:33.333333%!important}.desktop-sm\\:w-5\\/12{width:41.666667%!important}.desktop-sm\\:w-6\\/12{width:50%!important}.desktop-sm\\:w-7\\/12{width:58.333333%!important}.desktop-sm\\:w-8\\/12{width:66.666667%!important}.desktop-sm\\:w-9\\/12{width:75%!important}}@media (min-width:85.375rem){.desktop\\:w-1\\/12{width:8.333333%!important}.desktop\\:w-10\\/12{width:83.333333%!important}.desktop\\:w-11\\/12{width:91.666667%!important}.desktop\\:w-2\\/12{width:16.666667%!important}.desktop\\:w-3\\/12{width:25%!important}.desktop\\:w-4\\/12{width:33.333333%!important}.desktop\\:w-5\\/12{width:41.666667%!important}.desktop\\:w-6\\/12{width:50%!important}.desktop\\:w-7\\/12{width:58.333333%!important}.desktop\\:w-8\\/12{width:66.666667%!important}.desktop\\:w-9\\/12{width:75%!important}}@media (min-width:90rem){.desktop-lg\\:w-1\\/12{width:8.333333%!important}.desktop-lg\\:w-10\\/12{width:83.333333%!important}.desktop-lg\\:w-11\\/12{width:91.666667%!important}.desktop-lg\\:w-2\\/12{width:16.666667%!important}.desktop-lg\\:w-3\\/12{width:25%!important}.desktop-lg\\:w-4\\/12{width:33.333333%!important}.desktop-lg\\:w-5\\/12{width:41.666667%!important}.desktop-lg\\:w-6\\/12{width:50%!important}.desktop-lg\\:w-7\\/12{width:58.333333%!important}.desktop-lg\\:w-8\\/12{width:66.666667%!important}.desktop-lg\\:w-9\\/12{width:75%!important}}@media (min-width:120rem){.desktop-xl\\:w-1\\/12{width:8.333333%!important}.desktop-xl\\:w-10\\/12{width:83.333333%!important}.desktop-xl\\:w-11\\/12{width:91.666667%!important}.desktop-xl\\:w-2\\/12{width:16.666667%!important}.desktop-xl\\:w-3\\/12{width:25%!important}.desktop-xl\\:w-4\\/12{width:33.333333%!important}.desktop-xl\\:w-5\\/12{width:41.666667%!important}.desktop-xl\\:w-6\\/12{width:50%!important}.desktop-xl\\:w-7\\/12{width:58.333333%!important}.desktop-xl\\:w-8\\/12{width:66.666667%!important}.desktop-xl\\:w-9\\/12{width:75%!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 h=class{constructor(i){t(this,i);this.selectedRowsChange=e(this,"selectedRowsChange",7);this.rowClick=e(this,"rowClick",7);this.rowSelected=e(this,"rowSelected",7);this.rowDeselected=e(this,"rowDeselected",7);this.hasRendered=e(this,"hasRendered",7);this.quickFilter=e(this,"quickFilter",7);this.queryChange=e(this,"queryChange",7);this.filter=e(this,"filter",7);this.edit=e(this,"edit",7);this.pageChange=e(this,"pageChange",7);this.pageSizeChange=e(this,"pageSizeChange",7);this.export=e(this,"export",7);this.emptyStateActionClick=e(this,"emptyStateActionClick",7);this._ctrlDown=false;this.items=undefined;this.loading=false;this.headerLoading=false;this.footerLoading=false;this.amountOfLoadingRows=6;this.enableRowSelection=true;this.enableRowClick=true;this.selectedRows=[];this.selectionKey=undefined;this.canSelectKey=undefined;this.quickFilters=[];this.activeQuickFilterIdentifier=undefined;this.enableSearch=true;this.query=undefined;this.enableFilter=true;this.selectedFiltersAmount=undefined;this.filterButtonTemplate=undefined;this.enableEdit=true;this.editButtonTemplate=undefined;this.enablePageSize=true;this.enablePagination=true;this.enableExport=true;this.page=1;this.total=undefined;this.pageSize=n;this.pageSizeOptions=l;this.hideOnSinglePage=true;this.emptyStateHeader=()=>{var t;return o((t=this._locales.empty_state)===null||t===void 0?void 0:t.no_filter.header)};this.emptyStateContent=()=>{var t;return o((t=this._locales.empty_state)===null||t===void 0?void 0:t.no_filter.content)};this.emptyStateAction=()=>{var t;return o((t=this._locales.empty_state)===null||t===void 0?void 0:t.no_filter.action)};this.emptyStateFilteredHeader=()=>o(this._locales.empty_state.filtered.header);this.emptyStateFilteredContent=()=>o(this._locales.empty_state.filtered.content);this._locales={};this._columns=[];this._items=[]}componentWillLoad(){this._setLocales();this._parseItems(this.items);this._generateColumns()}componentDidRender(){this.hasRendered.emit()}render(){var t,e;return i(r,{class:"p-table"},i("p-table-container",null,i("p-table-header",{quickFilters:this.quickFilters,activeQuickFilterIdentifier:this.activeQuickFilterIdentifier,onQuickFilter:({detail:t})=>this.quickFilter.emit(t),enableSearch:this.enableSearch,query:this.query,onQueryChange:({detail:t})=>this.queryChange.emit(t),enableFilter:this.enableFilter,selectedFiltersAmount:this.selectedFiltersAmount,filterButtonTemplate:this.filterButtonTemplate,onFilter:()=>this.filter.emit(),enableEdit:this.enableEdit,canEdit:!!((t=this.selectedRows)===null||t===void 0?void 0:t.length),editButtonTemplate:this.editButtonTemplate,onEdit:()=>this.edit.emit(),itemsSelectedAmount:(e=this.selectedRows)===null||e===void 0?void 0:e.length,loading:this.headerLoading}),this._getHeader(),i("div",{class:"flex flex-col"},this._getRows()),i("p-table-footer",{hideOnSinglePage:this.hideOnSinglePage,enablePageSize:this.enablePageSize,pageSize:this.pageSize,pageSizeOptions:this.pageSizeOptions,onPageSizeChange:({detail:t})=>this.pageSizeChange.emit(t),enablePagination:this.enablePagination,page:this.page,total:this.total,onPageChange:({detail:t})=>this.pageChange.emit(t),enableExport:this.enableExport,onExport:()=>this.export.emit(),loading:this.footerLoading})))}async _setLocales(){this._locales=await s(this._el)}onTableDefinitionUpdated(){this._generateColumns()}keyDown({key:t}){if(t!=="Control"||this._ctrlDown===true){return}this._ctrlDown=true}keyUp({key:t}){if(t!=="Control"||this._ctrlDown===false){return}this._ctrlDown=false}visibilityChange(){if(document.visibilityState!=="hidden"||this._ctrlDown===false){return}this._ctrlDown=false}_parseItems(t){if(!t){this._items=[];return}if(Array.isArray(t)){this._items=t;return}this._items=JSON.parse(t)}_generateColumns(){const t=this._el.querySelectorAll("p-table-column");this._columns=Array.from(t)}_getHeader(){return i("p-table-row",{variant:"header"},this._columns.map(((t,e)=>i("p-table-cell",{definition:t,value:t.name,variant:"header",checkbox:this._getCheckbox(e,null,"header"),index:e}))))}_getRows(){if(this.loading){return Array.from({length:this.amountOfLoadingRows},((t,e)=>i("p-table-row",{enableHover:this.enableRowSelection||this.enableRowClick},this._getLoadingColumns(e))))}if(!this._items.length){return this._getEmptyState()}return this._items.map(((t,e)=>i("p-table-row",{enableHover:this.enableRowSelection||this.enableRowClick,onClick:t=>this._rowClick(t,e)},this._getRowColumns(t,e))))}_getRowColumns(t,e){return this._columns.map(((r,a)=>i("p-table-cell",{definition:r,item:t,checkbox:this._getCheckbox(a,e),index:a,rowIndex:e})))}_getLoadingColumns(t){return this._columns.map(((e,r)=>i("p-table-cell",{definition:e,variant:"loading",checkbox:this._getCheckbox(r,t,"loading"),index:r,rowIndex:t})))}_getCheckbox(t,e,r="default"){if(!this.enableRowSelection||!this.selectionKey||t!==0){return}if(r==="loading"){return i("p-loader",{variant:"ghost",class:"rounded w-6 h-6"})}if(r==="header"){return i("input",{class:"p-input",type:"checkbox",onChange:t=>this._selectAllChange(t),checked:this._selectionContainsAll(),indeterminate:this._selectionIndeterminate()})}const a=this._items[e];return i("input",{class:"p-input",type:"checkbox",onChange:t=>this._checkboxChange(t===null||t===void 0?void 0:t.target,e),disabled:this.canSelectKey&&!a[this.canSelectKey],checked:this._selectionContains(a,e)})}_getEmptyState(){var t;if(((t=this.query)===null||t===void 0?void 0:t.length)||this.selectedFiltersAmount){return i("div",{class:"flex flex-col items-center text-center py-24 max-w-[20rem] self-center"},i("p-illustration",{variant:"empty-state-search",class:"mb-6"}),i("p",{class:"font-semibold text-storm-default"},this.emptyStateFilteredHeader()),i("p",{class:"text-sm text-storm-medium mb-14"},this.emptyStateFilteredContent()))}return i("div",{class:"flex flex-col items-center text-center py-24 max-w-[20rem] self-center"},i("p-illustration",{variant:"empty-state-overview",class:"cursor-pointer mb-6",onClick:()=>this.emptyStateActionClick.emit(null)}),i("p",{class:"font-semibold text-storm-default"},this.emptyStateHeader()),i("p",{class:"text-sm text-storm-medium mb-6"},this.emptyStateContent()),i("p-button",{variant:"secondary",icon:"plus",size:"small",onClick:()=>this.emptyStateActionClick.emit(null)},this.emptyStateAction()))}_selectAllChange(t){if(!this.enableRowSelection){return}const e=this._getCheckedValue(t.target);if(e){const t=[];for(let e=0;e<this._items.length;e++){const i=this._items[e];if(this.canSelectKey&&!i[this.canSelectKey]){continue}if(this._selectionContains(i,e)){continue}t.push(i);this.rowSelected.emit(i)}this.selectedRows=[...this.selectedRows,...t];this.selectedRowsChange.emit(this.selectedRows);return}for(let t=0;t<this.selectedRows.length;t++){const e=this.selectedRows[t];const i=this._items.find((i=>this._getSelectionValue(i,t)===this._getSelectionValue(e,t)));if(!i){continue}this.rowDeselected.emit(i)}this.selectedRows=[];this.selectedRowsChange.emit(this.selectedRows)}_checkboxChange(t,e){if(!this.enableRowSelection){return}const i=this._items[e];if(this.canSelectKey&&!i[this.canSelectKey]){t.checked=false;return}const r=this._getCheckedValue(t);if(r){this.selectedRows=[...this.selectedRows,i];this.selectedRowsChange.emit(this.selectedRows);this.rowSelected.emit(i);return}const a=this._selectionContains(i,e,true);const o=[...this.selectedRows];o.splice(a,1);this.selectedRows=o;this.selectedRowsChange.emit(this.selectedRows);this.rowDeselected.emit(i)}_getCheckedValue(t){return t===null||t===void 0?void 0:t.checked}_getSelectionValue(t,e){return this.selectionKey?(t===null||t===void 0?void 0:t[this.selectionKey])||e:e}_selectionContains(t,e,i=false){const r=this.selectedRows.findIndex((i=>this._getSelectionValue(t,e)===this._getSelectionValue(i,e)));return!i?r>=0:r}_selectionContainsAll(){var t,e;let i=true;if(!((t=this._items)===null||t===void 0?void 0:t.length)){return false}for(let t=0;t<((e=this._items)===null||e===void 0?void 0:e.length);t++){const e=this._items[t];const r=this._selectionContains(e,t);if(!r){i=false;break}}return i}_selectionIndeterminate(){var t,e,i;if(!((t=this._items)===null||t===void 0?void 0:t.length)||!((e=this.selectedRows)===null||e===void 0?void 0:e.length)){return false}let r=0;for(let t=0;t<((i=this._items)===null||i===void 0?void 0:i.length);t++){const e=this._items[t];const i=this._selectionContains(e,t);if(i){r++}}return r>0&&r!==this._items.length}_rowClick(t,e){const i=t.target;if(i.tagName.toLowerCase()==="input"||i.type==="checkbox"){return}const r=this._findRow(t.target);if(this.enableRowClick){const i=this._findRowAction(t.target);if(i){return}const r=this._items[e];this.rowClick.emit({item:r,ctrlDown:this._ctrlDown});return}if(!this.enableRowSelection){return}const a=r===null||r===void 0?void 0:r.querySelector('input[type="checkbox"]');if(!a){return}a.checked=!a.checked;this._checkboxChange(a,e)}_findRow(t){var e;if(!t){return t}if(((e=t===null||t===void 0?void 0:t.tagName)===null||e===void 0?void 0:e.toLowerCase())==="p-table-row"){return t}return this._findRow(t===null||t===void 0?void 0:t.parentElement)}_findRowAction(t){var e;if(!t){return null}if(t.getAttribute("data-is-action")!==null&&t.getAttribute("data-is-action")!=="false"){return t}if(((e=t===null||t===void 0?void 0:t.tagName)===null||e===void 0?void 0:e.toLowerCase())==="p-table-row"){return null}return this._findRowAction(t===null||t===void 0?void 0:t.parentElement)}get _el(){return a(this)}static get watchers(){return{items:["_parseItems"]}}};h.style=w;export{h as p_table};
+//# sourceMappingURL=p-a4e7ec85.entry.js.map

package/dist/{build/p-a5133564.entry.js.map → paperless/p-a4e7ec85.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["tableComponentCss","Table","this","_ctrlDown","defaultSize","defaultSizeOptions","_a","formatTranslation","_locales","empty_state","no_filter","header","content","action","filtered","componentWillLoad","_setLocales","_parseItems","items","_generateColumns","componentDidRender","hasRendered","emit","render","h","Host","class","quickFilters","activeQuickFilterIdentifier","onQuickFilter","detail","quickFilter","enableSearch","query","onQueryChange","queryChange","enableFilter","selectedFiltersAmount","filterButtonTemplate","onFilter","filter","enableEdit","canEdit","selectedRows","length","editButtonTemplate","onEdit","edit","itemsSelectedAmount","_b","loading","headerLoading","_getHeader","_getRows","hideOnSinglePage","enablePageSize","pageSize","pageSizeOptions","onPageSizeChange","pageSizeChange","enablePagination","page","total","onPageChange","pageChange","enableExport","onExport","export","footerLoading","async","getLocaleComponentStrings","_el","onTableDefinitionUpdated","keyDown","key","keyUp","visibilityChange","document","visibilityState","_items","Array","isArray","JSON","parse","definitions","querySelectorAll","_columns","from","variant","map","col","index","definition","value","name","checkbox","_getCheckbox","amountOfLoadingRows","_","i","enableHover","enableRowSelection","enableRowClick","_getLoadingColumns","_getEmptyState","item","onClick","ev","_rowClick","_getRowColumns","colIndex","rowIndex","selectionKey","type","onChange","_selectAllChange","checked","_selectionContainsAll","indeterminate","_selectionIndeterminate","_checkboxChange","target","disabled","canSelectKey","_selectionContains","emptyStateFilteredHeader","emptyStateFilteredContent","emptyStateActionClick","emptyStateHeader","emptyStateContent","icon","size","emptyStateAction","$event","_getCheckedValue","toAdd","row","push","rowSelected","selectedRowsChange","find","d","_getSelectionValue","rowDeselected","indexOfToRemove","selection","splice","returnIndex","returnValue","findIndex","contains","containsCount","_c","tagName","toLowerCase","_findRow","_findRowAction","rowClick","ctrlDown","querySelector","el","parentElement","getAttribute"],"sources":["./src/components/organisms/table/table.component.scss?tag=p-table","./src/components/organisms/table/table.component.tsx"],"sourcesContent":["p-table {\n    @apply flex flex-col;\n}\n","import {\n    Component,\n    Element,\n    Event,\n    EventEmitter,\n    h,\n    Host,\n    Listen,\n    Prop,\n    State,\n    Watch,\n} from '@stencil/core';\nimport { QuickFilter, RowClickEvent } from '../../../types/table';\nimport { formatTranslation, getLocaleComponentStrings } from '../../../utils';\nimport { TableColumn } from '../../helpers/table-column/table-column.component';\nimport {\n    defaultSize,\n    defaultSizeOptions,\n} from '../../molecules/page-size-select/constants';\nimport { buttonTemplateFunc } from '../../molecules/table-header/table-header.component';\n\nexport type templateFunc = () => string;\n\n@Component({\n    tag: 'p-table',\n    styleUrl: 'table.component.scss',\n})\nexport class Table {\n    /**\n     * The items to be fed to the table\n     */\n    @Prop() items: string;\n\n    /**\n     * Wether data is loading\n     */\n    @Prop() loading: boolean = false;\n\n    /**\n     * Wether the header should show loading state\n     */\n    @Prop() headerLoading: boolean = false;\n\n    /**\n     * Wether the footer should show loading state\n     */\n    @Prop() footerLoading: boolean = false;\n\n    /**\n     * The amount of loading rows to show\n     */\n    @Prop() amountOfLoadingRows: number = 6;\n\n    /**\n     * Wether to enable selection\n     */\n    @Prop() enableRowSelection: boolean = true;\n\n    /**\n     * Wether to enable row clicking\n     */\n    @Prop() enableRowClick: boolean = true;\n\n    /**\n     * The current selection of items\n     */\n    @Prop() selectedRows: any[] = [];\n\n    /**\n     * Event whenever the current selection changes\n     */\n    @Event() selectedRowsChange: EventEmitter<any>;\n\n    /**\n     * The key to determine if a row is selected\n     */\n    @Prop() selectionKey: string;\n\n    /**\n     * A key to determine if a row can be selected\n     */\n    @Prop() canSelectKey: string;\n\n    /**\n     * Event whenever a row is clicked\n     */\n    @Event() rowClick: EventEmitter<RowClickEvent>;\n\n    /**\n     * Event whenever a row is selected\n     */\n    @Event() rowSelected: EventEmitter<any>;\n\n    /**\n     * Event whenever a row is deselected\n     */\n    @Event() rowDeselected: EventEmitter<any>;\n\n    /**\n     * Event when the table has rendered\n     */\n    @Event() hasRendered: EventEmitter<number>;\n\n    /** START HEADER */\n    /**\n     * Quick filters to show\n     */\n    @Prop() quickFilters: QuickFilter[] = [];\n\n    /**\n     * Active quick filter identifier\n     */\n    @Prop() activeQuickFilterIdentifier: string;\n\n    /**\n     * Wether to show the search input\n     */\n    @Prop() enableSearch: boolean = true;\n\n    /**\n     * The query to show in the search bar\n     */\n    @Prop({ mutable: true }) query: string;\n\n    /**\n     * Wether to show the filter button\n     */\n    @Prop() enableFilter: boolean = true;\n\n    /**\n     * The amount of filters being selected\n     */\n    @Prop() selectedFiltersAmount: number;\n\n    /**\n     * The template for the filter button text\n     */\n    @Prop() filterButtonTemplate: templateFunc;\n\n    /**\n     * Wether to show the edit button\n     */\n    @Prop() enableEdit: boolean = true;\n\n    /**\n     * The template for the edit button text\n     */\n    @Prop() editButtonTemplate: buttonTemplateFunc;\n\n    /**\n     * Event when one of the quick filters is clicked\n     */\n    @Event() quickFilter: EventEmitter<QuickFilter>;\n\n    /**\n     * Event when the query changes\n     */\n    @Event() queryChange: EventEmitter<string>;\n\n    /**\n     * Event when the filter button is clicked\n     */\n    @Event() filter: EventEmitter<null>;\n\n    /**\n     * Event when the edit button is clicked\n     */\n    @Event() edit: EventEmitter<null>;\n\n    /** START FOOTER */\n\n    /**\n     * Wether to enable page size select\n     */\n    @Prop() enablePageSize: boolean = true;\n\n    /**\n     * Wether to enable pagination\n     */\n    @Prop() enablePagination: boolean = true;\n\n    /**\n     * Wether to enable export\n     */\n    @Prop() enableExport: boolean = true;\n\n    /**\n     * The current page\n     */\n    @Prop({ mutable: true, reflect: true }) page: number = 1;\n\n    /**\n     * The total amount of items\n     */\n    @Prop() total!: number;\n\n    /**\n     * Event whenever the page changes\n     */\n    @Event() pageChange: EventEmitter<number>;\n\n    /**\n     * The amount of items per page\n     */\n    @Prop() pageSize: number = defaultSize;\n\n    /**\n     * The options for the page size\n     */\n    @Prop() pageSizeOptions: number[] = defaultSizeOptions;\n\n    /**\n     * Event whenever the page changes\n     */\n    @Event() pageSizeChange: EventEmitter<number>;\n\n    /**\n     * Event whenever the page changes\n     */\n    @Event() export: EventEmitter<number>;\n\n    /**\n     * Wether to hide when there is only 1 page available\n     */\n    @Prop() hideOnSinglePage: boolean = true;\n\n    /* Empty state start */\n\n    @Prop() emptyStateHeader: templateFunc = () =>\n        formatTranslation(this._locales.empty_state?.no_filter.header);\n    @Prop() emptyStateContent: templateFunc = () =>\n        formatTranslation(this._locales.empty_state?.no_filter.content);\n    @Prop() emptyStateAction: templateFunc = () =>\n        formatTranslation(this._locales.empty_state?.no_filter.action);\n\n    @Prop() emptyStateFilteredHeader: templateFunc = () =>\n        formatTranslation(this._locales.empty_state.filtered.header);\n    @Prop() emptyStateFilteredContent: templateFunc = () =>\n        formatTranslation(this._locales.empty_state.filtered.content);\n\n    /**\n     * Event whenever the empty state is clicked\n     */\n    @Event() emptyStateActionClick: EventEmitter<null>;\n\n    /* Empty state end */\n\n    /**\n     * The host element\n     */\n    @Element() private _el: HTMLElement;\n\n    /**\n     * Locales used for this component\n     */\n    @State() private _locales: any = {};\n\n    @State() private _columns: any[] = [];\n    @State() private _items: any[] = [];\n\n    private _ctrlDown = false;\n\n    componentWillLoad() {\n        this._setLocales();\n        this._parseItems(this.items);\n        this._generateColumns();\n    }\n\n    componentDidRender() {\n        this.hasRendered.emit();\n    }\n\n    render() {\n        return (\n            <Host class=\"p-table\">\n                <p-table-container>\n                    <p-table-header\n                        // quick filters\n                        quickFilters={this.quickFilters}\n                        activeQuickFilterIdentifier={\n                            this.activeQuickFilterIdentifier\n                        }\n                        onQuickFilter={({ detail }) =>\n                            this.quickFilter.emit(detail)\n                        }\n                        // search\n                        enableSearch={this.enableSearch}\n                        query={this.query}\n                        onQueryChange={({ detail }) =>\n                            this.queryChange.emit(detail)\n                        }\n                        // filter button\n                        enableFilter={this.enableFilter}\n                        selectedFiltersAmount={this.selectedFiltersAmount}\n                        filterButtonTemplate={this.filterButtonTemplate}\n                        onFilter={() => this.filter.emit()}\n                        // edit button\n                        enableEdit={this.enableEdit}\n                        canEdit={!!this.selectedRows?.length}\n                        editButtonTemplate={this.editButtonTemplate}\n                        onEdit={() => this.edit.emit()}\n                        itemsSelectedAmount={this.selectedRows?.length}\n                        //loading\n                        loading={this.headerLoading}\n                    ></p-table-header>\n\n                    {this._getHeader()}\n                    <div class=\"flex flex-col\">{this._getRows()}</div>\n\n                    <p-table-footer\n                        // overall\n                        hideOnSinglePage={this.hideOnSinglePage}\n                        // page size select\n                        enablePageSize={this.enablePageSize}\n                        pageSize={this.pageSize}\n                        pageSizeOptions={this.pageSizeOptions}\n                        onPageSizeChange={({ detail }) =>\n                            this.pageSizeChange.emit(detail)\n                        }\n                        // pagination\n                        enablePagination={this.enablePagination}\n                        page={this.page}\n                        total={this.total}\n                        onPageChange={({ detail }) =>\n                            this.pageChange.emit(detail)\n                        }\n                        // export\n                        enableExport={this.enableExport}\n                        onExport={() => this.export.emit()}\n                        //loading\n                        loading={this.footerLoading}\n                    ></p-table-footer>\n                </p-table-container>\n            </Host>\n        );\n    }\n\n    @Listen('localeChanged', { target: 'body' })\n    private async _setLocales(): Promise<void> {\n        this._locales = await getLocaleComponentStrings(this._el);\n    }\n\n    @Listen('tableDefinitionChanged', { target: 'body' })\n    onTableDefinitionUpdated() {\n        this._generateColumns();\n    }\n\n    @Listen('keydown', { target: 'document' })\n    keyDown({ key }) {\n        if (key !== 'Control' || this._ctrlDown === true) {\n            return;\n        }\n\n        this._ctrlDown = true;\n    }\n\n    @Listen('keyup', { target: 'document' })\n    keyUp({ key }) {\n        if (key !== 'Control' || this._ctrlDown === false) {\n            return;\n        }\n\n        this._ctrlDown = false;\n    }\n\n    @Listen('visibilitychange', { target: 'document' })\n    visibilityChange() {\n        if (document.visibilityState !== 'hidden' || this._ctrlDown === false) {\n            return;\n        }\n\n        this._ctrlDown = false;\n    }\n\n    @Watch('items')\n    private _parseItems(items: string) {\n        if (!items) {\n            this._items = [];\n            return;\n        }\n\n        if (Array.isArray(items)) {\n            this._items = items;\n            return;\n        }\n\n        this._items = JSON.parse(items);\n    }\n\n    private _generateColumns() {\n        const definitions = this._el.querySelectorAll('p-table-column');\n        this._columns = Array.from(definitions);\n    }\n\n    private _getHeader() {\n        return (\n            <p-table-row variant=\"header\">\n                {this._columns.map((col: TableColumn, index) => (\n                    <p-table-cell\n                        definition={col}\n                        value={col.name}\n                        variant=\"header\"\n                        checkbox={this._getCheckbox(index, null, 'header')}\n                        index={index}\n                    ></p-table-cell>\n                ))}\n            </p-table-row>\n        );\n    }\n\n    private _getRows() {\n        if (this.loading) {\n            return Array.from(\n                {\n                    length: this.amountOfLoadingRows,\n                },\n                (_, i) => (\n                    <p-table-row\n                        enableHover={\n                            this.enableRowSelection || this.enableRowClick\n                        }\n                    >\n                        {this._getLoadingColumns(i)}\n                    </p-table-row>\n                )\n            );\n        }\n\n        if (!this._items.length) {\n            return this._getEmptyState();\n        }\n\n        return this._items.map((item, index) => (\n            <p-table-row\n                enableHover={this.enableRowSelection || this.enableRowClick}\n                onClick={(ev) => this._rowClick(ev, index)}\n            >\n                {this._getRowColumns(item, index)}\n            </p-table-row>\n        ));\n    }\n\n    private _getRowColumns(item, index) {\n        return this._columns.map((col: TableColumn, colIndex) => {\n            return (\n                <p-table-cell\n                    definition={col}\n                    item={item}\n                    checkbox={this._getCheckbox(colIndex, index)}\n                    index={colIndex}\n                    rowIndex={index}\n                ></p-table-cell>\n            );\n        });\n    }\n\n    private _getLoadingColumns(index) {\n        return this._columns.map((col: TableColumn, colIndex) => {\n            return (\n                <p-table-cell\n                    definition={col}\n                    variant=\"loading\"\n                    checkbox={this._getCheckbox(colIndex, index, 'loading')}\n                    index={colIndex}\n                    rowIndex={index}\n                ></p-table-cell>\n            );\n        });\n    }\n\n    private _getCheckbox(\n        index,\n        rowIndex,\n        variant: 'header' | 'default' | 'loading' = 'default'\n    ) {\n        if (!this.enableRowSelection || !this.selectionKey || index !== 0) {\n            return;\n        }\n\n        if (variant === 'loading') {\n            return <p-loader variant=\"ghost\" class=\"rounded w-6 h-6\" />;\n        }\n\n        if (variant === 'header') {\n            return (\n                <input\n                    class=\"p-input\"\n                    type=\"checkbox\"\n                    onChange={(ev) => this._selectAllChange(ev)}\n                    checked={this._selectionContainsAll()}\n                    indeterminate={this._selectionIndeterminate()}\n                />\n            );\n        }\n\n        const item = this._items[rowIndex];\n\n        return (\n            <input\n                class=\"p-input\"\n                type=\"checkbox\"\n                onChange={(ev) => this._checkboxChange(ev?.target, rowIndex)}\n                disabled={this.canSelectKey && !item[this.canSelectKey]}\n                checked={this._selectionContains(item, rowIndex)}\n            />\n        );\n    }\n\n    private _getEmptyState() {\n        if (this.query?.length || this.selectedFiltersAmount) {\n            return (\n                <div class=\"flex flex-col items-center text-center py-24 max-w-[20rem] self-center\">\n                    <p-illustration variant=\"empty-state-search\" class=\"mb-6\" />\n                    <p class=\"font-semibold text-storm-default\">\n                        {this.emptyStateFilteredHeader()}\n                    </p>\n                    <p class=\"text-sm text-storm-medium mb-14\">\n                        {this.emptyStateFilteredContent()}\n                    </p>\n                </div>\n            );\n        }\n\n        return (\n            <div class=\"flex flex-col items-center text-center py-24 max-w-[20rem] self-center\">\n                <p-illustration\n                    variant=\"empty-state-overview\"\n                    class=\"cursor-pointer mb-6\"\n                    onClick={() => this.emptyStateActionClick.emit(null)}\n                />\n                <p class=\"font-semibold text-storm-default\">\n                    {this.emptyStateHeader()}\n                </p>\n                <p class=\"text-sm text-storm-medium mb-6\">\n                    {this.emptyStateContent()}\n                </p>\n                <p-button\n                    variant=\"secondary\"\n                    icon=\"plus\"\n                    size=\"small\"\n                    onClick={() => this.emptyStateActionClick.emit(null)}\n                >\n                    {this.emptyStateAction()}\n                </p-button>\n            </div>\n        );\n    }\n\n    private _selectAllChange($event: any) {\n        if (!this.enableRowSelection) {\n            return;\n        }\n\n        const value = this._getCheckedValue($event.target);\n        if (value) {\n            const toAdd = [];\n            for (let i = 0; i < this._items.length; i++) {\n                const row = this._items[i];\n                if (this.canSelectKey && !row[this.canSelectKey]) {\n                    continue;\n                }\n\n                if (this._selectionContains(row, i)) {\n                    continue;\n                }\n\n                toAdd.push(row);\n                this.rowSelected.emit(row);\n            }\n\n            this.selectedRows = [...this.selectedRows, ...toAdd];\n            this.selectedRowsChange.emit(this.selectedRows);\n            return;\n        }\n\n        for (let i = 0; i < this.selectedRows.length; i++) {\n            const value = this.selectedRows[i];\n            const row = this._items.find(\n                (d) =>\n                    this._getSelectionValue(d, i) ===\n                    this._getSelectionValue(value, i)\n            );\n\n            if (!row) {\n                continue;\n            }\n\n            this.rowDeselected.emit(row);\n        }\n\n        this.selectedRows = [];\n        this.selectedRowsChange.emit(this.selectedRows);\n    }\n\n    private _checkboxChange(target: any, index: number) {\n        if (!this.enableRowSelection) {\n            return;\n        }\n\n        const row = this._items[index];\n\n        if (this.canSelectKey && !row[this.canSelectKey]) {\n            target.checked = false;\n            return;\n        }\n\n        const value = this._getCheckedValue(target);\n        if (value) {\n            this.selectedRows = [...this.selectedRows, row];\n            this.selectedRowsChange.emit(this.selectedRows);\n            this.rowSelected.emit(row);\n            return;\n        }\n\n        const indexOfToRemove = this._selectionContains(row, index, true);\n\n        // we need to do this, because splice does not trigger the selection setter.\n        const selection = [...this.selectedRows];\n        selection.splice(indexOfToRemove, 1);\n        this.selectedRows = selection;\n        this.selectedRowsChange.emit(this.selectedRows);\n        this.rowDeselected.emit(row);\n    }\n\n    private _getCheckedValue(target: any) {\n        return target?.checked;\n    }\n\n    private _getSelectionValue(row: any, index: number) {\n        return this.selectionKey ? row?.[this.selectionKey] || index : index;\n    }\n\n    private _selectionContains(row, index, returnIndex = false): any {\n        const returnValue = this.selectedRows.findIndex(\n            (item) =>\n                this._getSelectionValue(row, index) ===\n                this._getSelectionValue(item, index)\n        );\n        return !returnIndex ? returnValue >= 0 : returnValue;\n    }\n\n    private _selectionContainsAll() {\n        let returnValue = true;\n        if (!this._items?.length) {\n            return false;\n        }\n\n        for (let i = 0; i < this._items?.length; i++) {\n            const item = this._items[i];\n            const contains = this._selectionContains(item, i);\n\n            if (!contains) {\n                returnValue = false;\n                break;\n            }\n        }\n\n        return returnValue;\n    }\n\n    private _selectionIndeterminate() {\n        if (!this._items?.length || !this.selectedRows?.length) {\n            return false;\n        }\n\n        let containsCount = 0;\n        for (let i = 0; i < this._items?.length; i++) {\n            const item = this._items[i];\n            const contains = this._selectionContains(item, i);\n\n            if (contains) {\n                containsCount++;\n            }\n        }\n\n        return containsCount > 0 && containsCount !== this._items.length;\n    }\n\n    private _rowClick($event, index) {\n        const target = $event.target;\n\n        if (\n            target.tagName.toLowerCase() === 'input' ||\n            target.type === 'checkbox'\n        ) {\n            return;\n        }\n\n        const row = this._findRow($event.target);\n\n        if (this.enableRowClick) {\n            const action = this._findRowAction($event.target);\n\n            if (action) {\n                return;\n            }\n\n            const item = this._items[index];\n            this.rowClick.emit({\n                item,\n                ctrlDown: this._ctrlDown,\n            });\n            return;\n        }\n\n        if (!this.enableRowSelection) {\n            return;\n        }\n\n        const checkbox = row?.querySelector('input[type=\"checkbox\"]');\n\n        if (!checkbox) {\n            return;\n        }\n\n        checkbox.checked = !checkbox.checked;\n        this._checkboxChange(checkbox, index);\n    }\n\n    private _findRow(el: HTMLElement) {\n        if (!el) {\n            return el;\n        }\n\n        if (el?.tagName?.toLowerCase() === 'p-table-row') {\n            return el;\n        }\n\n        return this._findRow(el?.parentElement);\n    }\n\n    private _findRowAction(el: HTMLElement) {\n        if (!el) {\n            return null;\n        }\n\n        if (\n            el.getAttribute('data-is-action') !== null &&\n            el.getAttribute('data-is-action') !== 'false'\n        ) {\n            return el;\n        }\n\n        if (el?.tagName?.toLowerCase() === 'p-table-row') {\n            return null;\n        }\n\n        return this._findRowAction(el?.parentElement);\n    }\n}\n"],"mappings":"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"}
+{"version":3,"names":["tableComponentCss","Table","this","_ctrlDown","defaultSize","defaultSizeOptions","_a","formatTranslation","_locales","empty_state","no_filter","header","content","action","filtered","componentWillLoad","_setLocales","_parseItems","items","_generateColumns","componentDidRender","hasRendered","emit","render","h","Host","class","quickFilters","activeQuickFilterIdentifier","onQuickFilter","detail","quickFilter","enableSearch","query","onQueryChange","queryChange","enableFilter","selectedFiltersAmount","filterButtonTemplate","onFilter","filter","enableEdit","canEdit","selectedRows","length","editButtonTemplate","onEdit","edit","itemsSelectedAmount","_b","loading","headerLoading","_getHeader","_getRows","hideOnSinglePage","enablePageSize","pageSize","pageSizeOptions","onPageSizeChange","pageSizeChange","enablePagination","page","total","onPageChange","pageChange","enableExport","onExport","export","footerLoading","async","getLocaleComponentStrings","_el","onTableDefinitionUpdated","keyDown","key","keyUp","visibilityChange","document","visibilityState","_items","Array","isArray","JSON","parse","definitions","querySelectorAll","_columns","from","variant","map","col","index","definition","value","name","checkbox","_getCheckbox","amountOfLoadingRows","_","i","enableHover","enableRowSelection","enableRowClick","_getLoadingColumns","_getEmptyState","item","onClick","ev","_rowClick","_getRowColumns","colIndex","rowIndex","selectionKey","type","onChange","_selectAllChange","checked","_selectionContainsAll","indeterminate","_selectionIndeterminate","_checkboxChange","target","disabled","canSelectKey","_selectionContains","emptyStateFilteredHeader","emptyStateFilteredContent","emptyStateActionClick","emptyStateHeader","emptyStateContent","icon","size","emptyStateAction","$event","_getCheckedValue","toAdd","row","push","rowSelected","selectedRowsChange","find","d","_getSelectionValue","rowDeselected","indexOfToRemove","selection","splice","returnIndex","returnValue","findIndex","contains","containsCount","_c","tagName","toLowerCase","_findRow","_findRowAction","rowClick","ctrlDown","querySelector","el","parentElement","getAttribute"],"sources":["./src/components/organisms/table/table.component.scss?tag=p-table","./src/components/organisms/table/table.component.tsx"],"sourcesContent":["p-table {\n    @apply flex flex-col;\n}\n","import {\n    Component,\n    Element,\n    Event,\n    EventEmitter,\n    h,\n    Host,\n    Listen,\n    Prop,\n    State,\n    Watch,\n} from '@stencil/core';\nimport { QuickFilter, RowClickEvent } from '../../../types/table';\nimport { formatTranslation, getLocaleComponentStrings } from '../../../utils';\nimport { TableColumn } from '../../helpers/table-column/table-column.component';\nimport {\n    defaultSize,\n    defaultSizeOptions,\n} from '../../molecules/page-size-select/constants';\nimport { buttonTemplateFunc } from '../../molecules/table-header/table-header.component';\n\nexport type templateFunc = () => string;\n\n@Component({\n    tag: 'p-table',\n    styleUrl: 'table.component.scss',\n})\nexport class Table {\n    /**\n     * The items to be fed to the table\n     */\n    @Prop() items: string;\n\n    /**\n     * Wether data is loading\n     */\n    @Prop() loading: boolean = false;\n\n    /**\n     * Wether the header should show loading state\n     */\n    @Prop() headerLoading: boolean = false;\n\n    /**\n     * Wether the footer should show loading state\n     */\n    @Prop() footerLoading: boolean = false;\n\n    /**\n     * The amount of loading rows to show\n     */\n    @Prop() amountOfLoadingRows: number = 6;\n\n    /**\n     * Wether to enable selection\n     */\n    @Prop() enableRowSelection: boolean = true;\n\n    /**\n     * Wether to enable row clicking\n     */\n    @Prop() enableRowClick: boolean = true;\n\n    /**\n     * The current selection of items\n     */\n    @Prop() selectedRows: any[] = [];\n\n    /**\n     * Event whenever the current selection changes\n     */\n    @Event() selectedRowsChange: EventEmitter<any>;\n\n    /**\n     * The key to determine if a row is selected\n     */\n    @Prop() selectionKey: string;\n\n    /**\n     * A key to determine if a row can be selected\n     */\n    @Prop() canSelectKey: string;\n\n    /**\n     * Event whenever a row is clicked\n     */\n    @Event() rowClick: EventEmitter<RowClickEvent>;\n\n    /**\n     * Event whenever a row is selected\n     */\n    @Event() rowSelected: EventEmitter<any>;\n\n    /**\n     * Event whenever a row is deselected\n     */\n    @Event() rowDeselected: EventEmitter<any>;\n\n    /**\n     * Event when the table has rendered\n     */\n    @Event() hasRendered: EventEmitter<number>;\n\n    /** START HEADER */\n    /**\n     * Quick filters to show\n     */\n    @Prop() quickFilters: QuickFilter[] = [];\n\n    /**\n     * Active quick filter identifier\n     */\n    @Prop() activeQuickFilterIdentifier: string;\n\n    /**\n     * Wether to show the search input\n     */\n    @Prop() enableSearch: boolean = true;\n\n    /**\n     * The query to show in the search bar\n     */\n    @Prop({ mutable: true }) query: string;\n\n    /**\n     * Wether to show the filter button\n     */\n    @Prop() enableFilter: boolean = true;\n\n    /**\n     * The amount of filters being selected\n     */\n    @Prop() selectedFiltersAmount: number;\n\n    /**\n     * The template for the filter button text\n     */\n    @Prop() filterButtonTemplate: templateFunc;\n\n    /**\n     * Wether to show the edit button\n     */\n    @Prop() enableEdit: boolean = true;\n\n    /**\n     * The template for the edit button text\n     */\n    @Prop() editButtonTemplate: buttonTemplateFunc;\n\n    /**\n     * Event when one of the quick filters is clicked\n     */\n    @Event() quickFilter: EventEmitter<QuickFilter>;\n\n    /**\n     * Event when the query changes\n     */\n    @Event() queryChange: EventEmitter<string>;\n\n    /**\n     * Event when the filter button is clicked\n     */\n    @Event() filter: EventEmitter<null>;\n\n    /**\n     * Event when the edit button is clicked\n     */\n    @Event() edit: EventEmitter<null>;\n\n    /** START FOOTER */\n\n    /**\n     * Wether to enable page size select\n     */\n    @Prop() enablePageSize: boolean = true;\n\n    /**\n     * Wether to enable pagination\n     */\n    @Prop() enablePagination: boolean = true;\n\n    /**\n     * Wether to enable export\n     */\n    @Prop() enableExport: boolean = true;\n\n    /**\n     * The current page\n     */\n    @Prop({ mutable: true, reflect: true }) page: number = 1;\n\n    /**\n     * The total amount of items\n     */\n    @Prop() total!: number;\n\n    /**\n     * Event whenever the page changes\n     */\n    @Event() pageChange: EventEmitter<number>;\n\n    /**\n     * The amount of items per page\n     */\n    @Prop() pageSize: number = defaultSize;\n\n    /**\n     * The options for the page size\n     */\n    @Prop() pageSizeOptions: number[] = defaultSizeOptions;\n\n    /**\n     * Event whenever the page changes\n     */\n    @Event() pageSizeChange: EventEmitter<number>;\n\n    /**\n     * Event whenever the page changes\n     */\n    @Event() export: EventEmitter<number>;\n\n    /**\n     * Wether to hide when there is only 1 page available\n     */\n    @Prop() hideOnSinglePage: boolean = true;\n\n    /* Empty state start */\n\n    @Prop() emptyStateHeader: templateFunc = () =>\n        formatTranslation(this._locales.empty_state?.no_filter.header);\n    @Prop() emptyStateContent: templateFunc = () =>\n        formatTranslation(this._locales.empty_state?.no_filter.content);\n    @Prop() emptyStateAction: templateFunc = () =>\n        formatTranslation(this._locales.empty_state?.no_filter.action);\n\n    @Prop() emptyStateFilteredHeader: templateFunc = () =>\n        formatTranslation(this._locales.empty_state.filtered.header);\n    @Prop() emptyStateFilteredContent: templateFunc = () =>\n        formatTranslation(this._locales.empty_state.filtered.content);\n\n    /**\n     * Event whenever the empty state is clicked\n     */\n    @Event() emptyStateActionClick: EventEmitter<null>;\n\n    /* Empty state end */\n\n    /**\n     * The host element\n     */\n    @Element() private _el: HTMLElement;\n\n    /**\n     * Locales used for this component\n     */\n    @State() private _locales: any = {};\n\n    @State() private _columns: any[] = [];\n    @State() private _items: any[] = [];\n\n    private _ctrlDown = false;\n\n    componentWillLoad() {\n        this._setLocales();\n        this._parseItems(this.items);\n        this._generateColumns();\n    }\n\n    componentDidRender() {\n        this.hasRendered.emit();\n    }\n\n    render() {\n        return (\n            <Host class=\"p-table\">\n                <p-table-container>\n                    <p-table-header\n                        // quick filters\n                        quickFilters={this.quickFilters}\n                        activeQuickFilterIdentifier={\n                            this.activeQuickFilterIdentifier\n                        }\n                        onQuickFilter={({ detail }) =>\n                            this.quickFilter.emit(detail)\n                        }\n                        // search\n                        enableSearch={this.enableSearch}\n                        query={this.query}\n                        onQueryChange={({ detail }) =>\n                            this.queryChange.emit(detail)\n                        }\n                        // filter button\n                        enableFilter={this.enableFilter}\n                        selectedFiltersAmount={this.selectedFiltersAmount}\n                        filterButtonTemplate={this.filterButtonTemplate}\n                        onFilter={() => this.filter.emit()}\n                        // edit button\n                        enableEdit={this.enableEdit}\n                        canEdit={!!this.selectedRows?.length}\n                        editButtonTemplate={this.editButtonTemplate}\n                        onEdit={() => this.edit.emit()}\n                        itemsSelectedAmount={this.selectedRows?.length}\n                        //loading\n                        loading={this.headerLoading}\n                    ></p-table-header>\n\n                    {this._getHeader()}\n                    <div class=\"flex flex-col\">{this._getRows()}</div>\n\n                    <p-table-footer\n                        // overall\n                        hideOnSinglePage={this.hideOnSinglePage}\n                        // page size select\n                        enablePageSize={this.enablePageSize}\n                        pageSize={this.pageSize}\n                        pageSizeOptions={this.pageSizeOptions}\n                        onPageSizeChange={({ detail }) =>\n                            this.pageSizeChange.emit(detail)\n                        }\n                        // pagination\n                        enablePagination={this.enablePagination}\n                        page={this.page}\n                        total={this.total}\n                        onPageChange={({ detail }) =>\n                            this.pageChange.emit(detail)\n                        }\n                        // export\n                        enableExport={this.enableExport}\n                        onExport={() => this.export.emit()}\n                        //loading\n                        loading={this.footerLoading}\n                    ></p-table-footer>\n                </p-table-container>\n            </Host>\n        );\n    }\n\n    @Listen('localeChanged', { target: 'body' })\n    private async _setLocales(): Promise<void> {\n        this._locales = await getLocaleComponentStrings(this._el);\n    }\n\n    @Listen('tableDefinitionChanged', { target: 'body' })\n    onTableDefinitionUpdated() {\n        this._generateColumns();\n    }\n\n    @Listen('keydown', { target: 'document' })\n    keyDown({ key }) {\n        if (key !== 'Control' || this._ctrlDown === true) {\n            return;\n        }\n\n        this._ctrlDown = true;\n    }\n\n    @Listen('keyup', { target: 'document' })\n    keyUp({ key }) {\n        if (key !== 'Control' || this._ctrlDown === false) {\n            return;\n        }\n\n        this._ctrlDown = false;\n    }\n\n    @Listen('visibilitychange', { target: 'document' })\n    visibilityChange() {\n        if (document.visibilityState !== 'hidden' || this._ctrlDown === false) {\n            return;\n        }\n\n        this._ctrlDown = false;\n    }\n\n    @Watch('items')\n    private _parseItems(items: string) {\n        if (!items) {\n            this._items = [];\n            return;\n        }\n\n        if (Array.isArray(items)) {\n            this._items = items;\n            return;\n        }\n\n        this._items = JSON.parse(items);\n    }\n\n    private _generateColumns() {\n        const definitions = this._el.querySelectorAll('p-table-column');\n        this._columns = Array.from(definitions);\n    }\n\n    private _getHeader() {\n        return (\n            <p-table-row variant=\"header\">\n                {this._columns.map((col: TableColumn, index) => (\n                    <p-table-cell\n                        definition={col}\n                        value={col.name}\n                        variant=\"header\"\n                        checkbox={this._getCheckbox(index, null, 'header')}\n                        index={index}\n                    ></p-table-cell>\n                ))}\n            </p-table-row>\n        );\n    }\n\n    private _getRows() {\n        if (this.loading) {\n            return Array.from(\n                {\n                    length: this.amountOfLoadingRows,\n                },\n                (_, i) => (\n                    <p-table-row\n                        enableHover={\n                            this.enableRowSelection || this.enableRowClick\n                        }\n                    >\n                        {this._getLoadingColumns(i)}\n                    </p-table-row>\n                )\n            );\n        }\n\n        if (!this._items.length) {\n            return this._getEmptyState();\n        }\n\n        return this._items.map((item, index) => (\n            <p-table-row\n                enableHover={this.enableRowSelection || this.enableRowClick}\n                onClick={(ev) => this._rowClick(ev, index)}\n            >\n                {this._getRowColumns(item, index)}\n            </p-table-row>\n        ));\n    }\n\n    private _getRowColumns(item, index) {\n        return this._columns.map((col: TableColumn, colIndex) => {\n            return (\n                <p-table-cell\n                    definition={col}\n                    item={item}\n                    checkbox={this._getCheckbox(colIndex, index)}\n                    index={colIndex}\n                    rowIndex={index}\n                ></p-table-cell>\n            );\n        });\n    }\n\n    private _getLoadingColumns(index) {\n        return this._columns.map((col: TableColumn, colIndex) => {\n            return (\n                <p-table-cell\n                    definition={col}\n                    variant=\"loading\"\n                    checkbox={this._getCheckbox(colIndex, index, 'loading')}\n                    index={colIndex}\n                    rowIndex={index}\n                ></p-table-cell>\n            );\n        });\n    }\n\n    private _getCheckbox(\n        index,\n        rowIndex,\n        variant: 'header' | 'default' | 'loading' = 'default'\n    ) {\n        if (!this.enableRowSelection || !this.selectionKey || index !== 0) {\n            return;\n        }\n\n        if (variant === 'loading') {\n            return <p-loader variant=\"ghost\" class=\"rounded w-6 h-6\" />;\n        }\n\n        if (variant === 'header') {\n            return (\n                <input\n                    class=\"p-input\"\n                    type=\"checkbox\"\n                    onChange={(ev) => this._selectAllChange(ev)}\n                    checked={this._selectionContainsAll()}\n                    indeterminate={this._selectionIndeterminate()}\n                />\n            );\n        }\n\n        const item = this._items[rowIndex];\n\n        return (\n            <input\n                class=\"p-input\"\n                type=\"checkbox\"\n                onChange={(ev) => this._checkboxChange(ev?.target, rowIndex)}\n                disabled={this.canSelectKey && !item[this.canSelectKey]}\n                checked={this._selectionContains(item, rowIndex)}\n            />\n        );\n    }\n\n    private _getEmptyState() {\n        if (this.query?.length || this.selectedFiltersAmount) {\n            return (\n                <div class=\"flex flex-col items-center text-center py-24 max-w-[20rem] self-center\">\n                    <p-illustration variant=\"empty-state-search\" class=\"mb-6\" />\n                    <p class=\"font-semibold text-storm-default\">\n                        {this.emptyStateFilteredHeader()}\n                    </p>\n                    <p class=\"text-sm text-storm-medium mb-14\">\n                        {this.emptyStateFilteredContent()}\n                    </p>\n                </div>\n            );\n        }\n\n        return (\n            <div class=\"flex flex-col items-center text-center py-24 max-w-[20rem] self-center\">\n                <p-illustration\n                    variant=\"empty-state-overview\"\n                    class=\"cursor-pointer mb-6\"\n                    onClick={() => this.emptyStateActionClick.emit(null)}\n                />\n                <p class=\"font-semibold text-storm-default\">\n                    {this.emptyStateHeader()}\n                </p>\n                <p class=\"text-sm text-storm-medium mb-6\">\n                    {this.emptyStateContent()}\n                </p>\n                <p-button\n                    variant=\"secondary\"\n                    icon=\"plus\"\n                    size=\"small\"\n                    onClick={() => this.emptyStateActionClick.emit(null)}\n                >\n                    {this.emptyStateAction()}\n                </p-button>\n            </div>\n        );\n    }\n\n    private _selectAllChange($event: any) {\n        if (!this.enableRowSelection) {\n            return;\n        }\n\n        const value = this._getCheckedValue($event.target);\n        if (value) {\n            const toAdd = [];\n            for (let i = 0; i < this._items.length; i++) {\n                const row = this._items[i];\n                if (this.canSelectKey && !row[this.canSelectKey]) {\n                    continue;\n                }\n\n                if (this._selectionContains(row, i)) {\n                    continue;\n                }\n\n                toAdd.push(row);\n                this.rowSelected.emit(row);\n            }\n\n            this.selectedRows = [...this.selectedRows, ...toAdd];\n            this.selectedRowsChange.emit(this.selectedRows);\n            return;\n        }\n\n        for (let i = 0; i < this.selectedRows.length; i++) {\n            const value = this.selectedRows[i];\n            const row = this._items.find(\n                (d) =>\n                    this._getSelectionValue(d, i) ===\n                    this._getSelectionValue(value, i)\n            );\n\n            if (!row) {\n                continue;\n            }\n\n            this.rowDeselected.emit(row);\n        }\n\n        this.selectedRows = [];\n        this.selectedRowsChange.emit(this.selectedRows);\n    }\n\n    private _checkboxChange(target: any, index: number) {\n        if (!this.enableRowSelection) {\n            return;\n        }\n\n        const row = this._items[index];\n\n        if (this.canSelectKey && !row[this.canSelectKey]) {\n            target.checked = false;\n            return;\n        }\n\n        const value = this._getCheckedValue(target);\n        if (value) {\n            this.selectedRows = [...this.selectedRows, row];\n            this.selectedRowsChange.emit(this.selectedRows);\n            this.rowSelected.emit(row);\n            return;\n        }\n\n        const indexOfToRemove = this._selectionContains(row, index, true);\n\n        // we need to do this, because splice does not trigger the selection setter.\n        const selection = [...this.selectedRows];\n        selection.splice(indexOfToRemove, 1);\n        this.selectedRows = selection;\n        this.selectedRowsChange.emit(this.selectedRows);\n        this.rowDeselected.emit(row);\n    }\n\n    private _getCheckedValue(target: any) {\n        return target?.checked;\n    }\n\n    private _getSelectionValue(row: any, index: number) {\n        return this.selectionKey ? row?.[this.selectionKey] || index : index;\n    }\n\n    private _selectionContains(row, index, returnIndex = false): any {\n        const returnValue = this.selectedRows.findIndex(\n            (item) =>\n                this._getSelectionValue(row, index) ===\n                this._getSelectionValue(item, index)\n        );\n        return !returnIndex ? returnValue >= 0 : returnValue;\n    }\n\n    private _selectionContainsAll() {\n        let returnValue = true;\n        if (!this._items?.length) {\n            return false;\n        }\n\n        for (let i = 0; i < this._items?.length; i++) {\n            const item = this._items[i];\n            const contains = this._selectionContains(item, i);\n\n            if (!contains) {\n                returnValue = false;\n                break;\n            }\n        }\n\n        return returnValue;\n    }\n\n    private _selectionIndeterminate() {\n        if (!this._items?.length || !this.selectedRows?.length) {\n            return false;\n        }\n\n        let containsCount = 0;\n        for (let i = 0; i < this._items?.length; i++) {\n            const item = this._items[i];\n            const contains = this._selectionContains(item, i);\n\n            if (contains) {\n                containsCount++;\n            }\n        }\n\n        return containsCount > 0 && containsCount !== this._items.length;\n    }\n\n    private _rowClick($event, index) {\n        const target = $event.target;\n\n        if (\n            target.tagName.toLowerCase() === 'input' ||\n            target.type === 'checkbox'\n        ) {\n            return;\n        }\n\n        const row = this._findRow($event.target);\n\n        if (this.enableRowClick) {\n            const action = this._findRowAction($event.target);\n\n            if (action) {\n                return;\n            }\n\n            const item = this._items[index];\n            this.rowClick.emit({\n                item,\n                ctrlDown: this._ctrlDown,\n            });\n            return;\n        }\n\n        if (!this.enableRowSelection) {\n            return;\n        }\n\n        const checkbox = row?.querySelector('input[type=\"checkbox\"]');\n\n        if (!checkbox) {\n            return;\n        }\n\n        checkbox.checked = !checkbox.checked;\n        this._checkboxChange(checkbox, index);\n    }\n\n    private _findRow(el: HTMLElement) {\n        if (!el) {\n            return el;\n        }\n\n        if (el?.tagName?.toLowerCase() === 'p-table-row') {\n            return el;\n        }\n\n        return this._findRow(el?.parentElement);\n    }\n\n    private _findRowAction(el: HTMLElement) {\n        if (!el) {\n            return null;\n        }\n\n        if (\n            el.getAttribute('data-is-action') !== null &&\n            el.getAttribute('data-is-action') !== 'false'\n        ) {\n            return el;\n        }\n\n        if (el?.tagName?.toLowerCase() === 'p-table-row') {\n            return null;\n        }\n\n        return this._findRowAction(el?.parentElement);\n    }\n}\n"],"mappings":"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"}

package/dist/paperless/p-a6313ca8.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as e,h as a,H as r,g as s}from"./p-69d43b9d.js";import{c as i}from"./p-8a6728d5.js";const o=".visible{visibility:visible!important}.static{position:static!important}.absolute{position:absolute!important}.ml-2{margin-left:.5rem!important}.inline{display:inline!important}.flex{display:flex!important}.h-6{height:1.5rem!important}.w-full{width:100%!important}.-rotate-0{--tw-rotate:-0deg!important}.-rotate-0,.-rotate-135{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-135{--tw-rotate:-135deg!important}.-rotate-180{--tw-rotate:-180deg!important}.-rotate-180,.-rotate-225{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-225{--tw-rotate:-225deg!important}.-rotate-25{--tw-rotate:-25deg!important}.-rotate-25,.-rotate-270{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-270{--tw-rotate:-270deg!important}.-rotate-315{--tw-rotate:-315deg!important}.-rotate-315,.-rotate-45{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-rotate-45{--tw-rotate:-45deg!important}.-rotate-90{--tw-rotate:-90deg!important}.-rotate-90,.rotate-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-0{--tw-rotate:0deg!important}.rotate-135{--tw-rotate:135deg!important}.rotate-135,.rotate-180{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-180{--tw-rotate:180deg!important}.rotate-225{--tw-rotate:225deg!important}.rotate-225,.rotate-25{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-25{--tw-rotate:25deg!important}.rotate-270{--tw-rotate:270deg!important}.rotate-270,.rotate-315{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-315{--tw-rotate:315deg!important}.rotate-45{--tw-rotate:45deg!important}.rotate-45,.rotate-90{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-90{--tw-rotate:90deg!important}.scale-x-flip{--tw-scale-x:-1!important}.scale-x-flip,.scale-y-flip{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.scale-y-flip{--tw-scale-y:-1!important}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.cursor-pointer{cursor:pointer!important}.items-end{align-items:flex-end!important}.justify-center{justify-content:center!important}.justify-between{justify-content:space-between!important}.rounded{border-radius:.25rem!important}.text-2xl{font-size:1.5rem!important;line-height:2rem!important}.text-3xl{font-size:1.875rem!important;line-height:2.25rem!important}.text-4xl{font-size:2.25rem!important;line-height:2.5rem!important}.text-5xl{font-size:3rem!important}.text-5xl,.text-6xl{line-height:1!important}.text-6xl{font-size:3.75rem!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-lg{font-size:1.125rem!important;line-height:1.75rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xl{font-size:1.25rem!important;line-height:1.75rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.text-xxs{font-size:.6875rem!important}.text-negative{color:rgb(185 30 40/var(--tw-text-opacity))!important}.text-negative,.text-negative-light{--tw-text-opacity:1!important}.text-negative-light{color:rgb(255 204 211/var(--tw-text-opacity))!important}.blur{--tw-blur:blur(8px)!important}.blur,.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}*{box-sizing:border-box}:host{display:flex;flex-direction:column}:host input.read-only{text-overflow:ellipsis}.-rotate-0,.-rotate-135,.-rotate-180,.-rotate-225,.-rotate-25,.-rotate-270,.-rotate-315,.-rotate-45,.-rotate-90,.rotate-0,.rotate-135,.rotate-180,.rotate-225,.rotate-25,.rotate-270,.rotate-315,.rotate-45,.rotate-90,.scale-x-flip,.scale-y-flip{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.hover\\:text-negative:hover{--tw-text-opacity:1!important;color:rgb(185 30 40/var(--tw-text-opacity))!important}";const n=class{constructor(a){t(this,a);this.queryChange=e(this,"queryChange",7);this.valueChange=e(this,"valueChange",7);this._isAutoCompleting=false;this.items=undefined;this.query=undefined;this.placeholder=undefined;this.autocompletePlaceholder=undefined;this.value=undefined;this.displayKey="text";this.valueKey="value";this.queryKey=undefined;this.autoSelectFirst=true;this.maxDisplayedItems=10;this.enableAutocomplete=true;this.asyncFilter=false;this.loading=false;this.size="medium";this.prefix=undefined;this.label=undefined;this.helper=undefined;this.error=undefined;this.disabled=false;this._showDropdown=false;this._selectedItem=null}get _items(){var t;if(!this.items||this.loading){return[]}let e=typeof this.items==="string"?JSON.parse(this.items):this.items;if(typeof(e===null||e===void 0?void 0:e[0])==="string"){this.displayKey="text";this.valueKey="value";e=e.map((t=>({value:t,text:t})))}if(this._isAutoCompleting&&((t=this.query)===null||t===void 0?void 0:t.length)&&!this.asyncFilter){e=e.filter((t=>{if(this.queryKey){return this._checkvalue(this.queryKey,t)}return this._checkvalue(this.valueKey,t)||this._checkvalue(this.displayKey,t)}))}return e===null||e===void 0?void 0:e.slice(0,this.maxDisplayedItems)}get _displayValue(){var t;if(this._isAutoCompleting){return this.query}return(t=this._selectedItem)===null||t===void 0?void 0:t[this.displayKey]}get _placeholder(){var t;return this._isAutoCompleting&&((t=this.autocompletePlaceholder)===null||t===void 0?void 0:t.length)?this.autocompletePlaceholder:this.placeholder}componentDidLoad(){var t;if(this.value){this._valueChange(this.value);return}if(this.autoSelectFirst){this._selectedItem=(t=this._items)===null||t===void 0?void 0:t[0]}}render(){return a(r,{class:"p-select"},a("p-dropdown",{disableTriggerClick:true,calculateWidth:true,insideClick:true,show:this._showDropdown},a("p-input-group",{slot:"trigger",icon:"chevron",iconPosition:"end",size:this.size,prefix:this.prefix,label:this.label,helper:this.helper,error:this.error,disabled:this.disabled,focused:this._showDropdown},a("input",{slot:"input",type:"text",placeholder:this._placeholder,value:this._displayValue,class:`p-input cursor-pointer ${!this._isAutoCompleting&&"read-only"}`,onFocus:()=>this._onFocus(),onMouseDown:t=>this._onMouseDown(t),onClick:()=>this._onClick(),onInput:t=>this._onChange(t),ref:t=>this._inputRef=t})),a("div",{slot:"items"},this.loading?this._getLoadingItems():this._getItems())))}documentClickHandler({target:t}){if(!this._showDropdown||i(t,this._el)){return}this._showDropdown=false;this._isAutoCompleting=false}_valueChange(t){this._preselectItem(t)}itemChanges(){this._preselectItem()}_preselectItem(t){t=t===undefined?null:t;const e=!!this.value?JSON.stringify(this.value):JSON.stringify(t);if(this._selectedItem&&JSON.stringify(this._selectedItem[this.valueKey])===e){return}const a=this._items.find((t=>JSON.stringify(t===null||t===void 0?void 0:t[this.valueKey])===e));this._selectedItem=a}_selectValue(t){this._selectedItem=t;const e=t[this.valueKey];this.value=e;this.valueChange.emit(this.value);this._onBlur(true)}_onFocus(){if(!this.enableAutocomplete){this._inputRef.blur();if(!this._showDropdown){this._showDropdown=true}return}this._isAutoCompleting=true;this._showDropdown=true}_onMouseDown(t){if(this.enableAutocomplete){return}t.preventDefault()}_onClick(){if(this.enableAutocomplete){return}this._showDropdown=!this._showDropdown}_onBlur(t=false){if(!this.enableAutocomplete&&!t){return}this._isAutoCompleting=false;this._showDropdown=false}_onChange(t){if(!this._isAutoCompleting){return}this.query=t.target.value;this.queryChange.emit(this.query)}_checkvalue(t,e){var a,r,s;return((r=(a=e===null||e===void 0?void 0:e[t])===null||a===void 0?void 0:a.toString())===null||r===void 0?void 0:r.toLowerCase().indexOf((s=this.query)===null||s===void 0?void 0:s.toLowerCase()))>=0}_getItems(){return this._items.map((t=>{var e;return a("p-dropdown-menu-item",{onClick:()=>this._selectValue(t),active:t[this.valueKey]===((e=this._selectedItem)===null||e===void 0?void 0:e[this.valueKey])},t[this.displayKey])}))}_getLoadingItems(){return[0,0,0].map((()=>a("p-dropdown-menu-item",{enableHover:false},a("p-loader",{variant:"ghost",class:"w-full h-6 rounded"}))))}get _el(){return s(this)}static get watchers(){return{value:["_valueChange"],items:["itemChanges"]}}};n.style=o;export{n as p_select};
+//# sourceMappingURL=p-a6313ca8.entry.js.map

package/dist/paperless/{p-fe6db098.entry.js.map → p-a6313ca8.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["selectComponentCss","Select","this","_isAutoCompleting","_items","items","loading","JSON","parse","displayKey","valueKey","map","str","value","text","_a","query","length","asyncFilter","filter","item","queryKey","_checkvalue","slice","maxDisplayedItems","_displayValue","_selectedItem","_placeholder","autocompletePlaceholder","placeholder","componentDidLoad","_valueChange","autoSelectFirst","render","h","Host","class","disableTriggerClick","calculateWidth","insideClick","show","_showDropdown","slot","icon","iconPosition","size","prefix","label","helper","error","disabled","focused","type","onFocus","_onFocus","onMouseDown","ev","_onMouseDown","onClick","_onClick","onInput","_onChange","ref","_inputRef","_getLoadingItems","_getItems","documentClickHandler","target","childOf","_el","_preselectItem","itemChanges","undefined","parsedValue","stringify","find","i","_selectValue","valueChange","emit","_onBlur","enableAutocomplete","blur","preventDefault","force","queryChange","key","_b","toString","toLowerCase","indexOf","_c","active","enableHover","variant"],"sources":["./src/components/molecules/select/select.component.scss?tag=p-select","./src/components/molecules/select/select.component.tsx"],"sourcesContent":[":host {\n    @apply flex flex-col;\n\n    input.read-only {\n        @apply text-ellipsis;\n    }\n}\n","import {\n    Component,\n    Element,\n    Event,\n    EventEmitter,\n    h,\n    Host,\n    Listen,\n    Prop,\n    State,\n    Watch,\n} from '@stencil/core';\nimport { childOf } from '../../../utils';\n\n@Component({\n    tag: 'p-select',\n    styleUrl: 'select.component.scss',\n    shadow: false,\n})\nexport class Select {\n    /**\n     * The items to show in the dropdown\n     */\n    @Prop() items: string | any[];\n\n    /**\n     * The current query\n     */\n    @Prop() query: string;\n\n    /**\n     * The placeholder of the input\n     */\n    @Prop() placeholder: string;\n\n    /**\n     * The placeholder of the input when auto completing\n     */\n    @Prop() autocompletePlaceholder: string;\n\n    /**\n     * The current value\n     */\n    @Prop() value: any;\n\n    /**\n     * The key of the object to display\n     */\n    @Prop() displayKey: string = 'text';\n\n    /**\n     * The key of the object to return\n     */\n    @Prop() valueKey: string = 'value';\n\n    /**\n     * The key of the object to display\n     */\n    @Prop() queryKey?: string;\n\n    /**\n     * Wether to automatically select the first item\n     */\n    @Prop() autoSelectFirst: boolean = true;\n\n    /**\n     * The maximum amount of items to display\n     */\n    @Prop() maxDisplayedItems: number = 10;\n\n    /**\n     * Wether to enable autocomplete\n     */\n    @Prop() enableAutocomplete: boolean = true;\n\n    /**\n     * Wether the input uses async filtering\n     */\n    @Prop() asyncFilter: boolean = false;\n\n    /**\n     * Wether to show loading items\n     */\n    @Prop() loading: boolean = false;\n\n    /**\n     * Event when the query of the autocomplete changes\n     */\n    @Event() queryChange: EventEmitter<string>;\n\n    /**\n     * Event when the value changes\n     */\n    @Event() valueChange: EventEmitter<any>;\n\n    /**\n     * The size of the input group used by the select\n     */\n    @Prop() size: 'small' | 'medium' = 'medium';\n\n    /**\n     * The prefix of the input group used by the select\n     */\n    @Prop() prefix: string;\n\n    /**\n     * The label of the input group used by the select\n     */\n    @Prop() label: string;\n\n    /**\n     * The helper of the input group used by the select\n     */\n    @Prop() helper: string;\n\n    /**\n     * The helper of the input group used by the select\n     */\n    @Prop({ reflect: true }) error: string;\n\n    /**\n     * Wether the input group is disabled used by the select\n     */\n    @Prop({ reflect: true }) disabled: boolean = false;\n\n    /**\n     * The host element\n     */\n    @Element() private _el: HTMLElement;\n\n    @State() private _showDropdown: any = false;\n    @State() private _selectedItem: any = null;\n\n    private _isAutoCompleting: boolean = false;\n\n    private _inputRef: HTMLInputElement;\n\n    get _items() {\n        if (!this.items || this.loading) {\n            return [];\n        }\n\n        let items =\n            typeof this.items === 'string'\n                ? JSON.parse(this.items)\n                : this.items;\n\n        if (typeof items?.[0] === 'string') {\n            this.displayKey = 'text';\n            this.valueKey = 'value';\n\n            items = items.map((str) => ({\n                value: str,\n                text: str,\n            }));\n        }\n\n        if (this._isAutoCompleting && this.query?.length && !this.asyncFilter) {\n            items = items.filter((item) => {\n                if (this.queryKey) {\n                    return this._checkvalue(this.queryKey, item);\n                }\n\n                return (\n                    this._checkvalue(this.valueKey, item) ||\n                    this._checkvalue(this.displayKey, item)\n                );\n            });\n        }\n\n        return items?.slice(0, this.maxDisplayedItems);\n    }\n\n    get _displayValue() {\n        if (this._isAutoCompleting) {\n            return this.query;\n        }\n\n        return this._selectedItem?.[this.displayKey];\n    }\n\n    get _placeholder() {\n        return this._isAutoCompleting && this.autocompletePlaceholder?.length\n            ? this.autocompletePlaceholder\n            : this.placeholder;\n    }\n\n    componentDidLoad() {\n        if (this.value) {\n            this._valueChange(this.value);\n            return;\n        }\n\n        if (this.autoSelectFirst) {\n            this._selectedItem = this._items?.[0];\n        }\n    }\n\n    render() {\n        return (\n            <Host class=\"p-select\">\n                <p-dropdown\n                    disableTriggerClick={true}\n                    calculateWidth={true}\n                    insideClick={true}\n                    show={this._showDropdown}\n                >\n                    <p-input-group\n                        slot=\"trigger\"\n                        icon=\"chevron\"\n                        iconPosition=\"end\"\n                        size={this.size}\n                        prefix={this.prefix}\n                        label={this.label}\n                        helper={this.helper}\n                        error={this.error}\n                        disabled={this.disabled}\n                        focused={this._showDropdown}\n                    >\n                        <input\n                            slot=\"input\"\n                            type=\"text\"\n                            placeholder={this._placeholder}\n                            value={this._displayValue}\n                            class={`p-input cursor-pointer ${\n                                !this._isAutoCompleting && 'read-only'\n                            }`}\n                            onFocus={() => this._onFocus()}\n                            onMouseDown={(ev) => this._onMouseDown(ev)}\n                            onClick={() => this._onClick()}\n                            onInput={(ev) => this._onChange(ev)}\n                            ref={(ref) => (this._inputRef = ref)}\n                        />\n                    </p-input-group>\n                    <div slot=\"items\">\n                        {this.loading\n                            ? this._getLoadingItems()\n                            : this._getItems()}\n                    </div>\n                </p-dropdown>\n            </Host>\n        );\n    }\n\n    @Listen('click', { target: 'document', capture: true })\n    protected documentClickHandler({ target }) {\n        if (!this._showDropdown || childOf(target, this._el)) {\n            return;\n        }\n\n        this._showDropdown = false;\n        this._isAutoCompleting = false;\n    }\n\n    @Watch('value')\n    private _valueChange(value: any) {\n        this._preselectItem(value);\n    }\n\n    @Watch('items')\n    public itemChanges() {\n        this._preselectItem();\n    }\n\n    private _preselectItem(value?: any) {\n        value = value === undefined ? null : value;\n        const parsedValue = !!this.value\n            ? JSON.stringify(this.value)\n            : JSON.stringify(value);\n\n        if (\n            this._selectedItem &&\n            JSON.stringify(this._selectedItem[this.valueKey]) === parsedValue\n        ) {\n            return;\n        }\n\n        const item = this._items.find(\n            (i) => JSON.stringify(i?.[this.valueKey]) === parsedValue\n        );\n\n        this._selectedItem = item;\n    }\n\n    private _selectValue(item) {\n        this._selectedItem = item;\n        const value = item[this.valueKey];\n\n        this.value = value;\n        this.valueChange.emit(this.value);\n\n        this._onBlur(true);\n    }\n\n    private _onFocus() {\n        if (!this.enableAutocomplete) {\n            this._inputRef.blur();\n            if (!this._showDropdown) {\n                this._showDropdown = true;\n            }\n            return;\n        }\n\n        this._isAutoCompleting = true;\n        this._showDropdown = true;\n    }\n\n    private _onMouseDown(ev) {\n        if (this.enableAutocomplete) {\n            return;\n        }\n\n        ev.preventDefault();\n    }\n\n    private _onClick() {\n        if (this.enableAutocomplete) {\n            return;\n        }\n\n        this._showDropdown = !this._showDropdown;\n    }\n\n    private _onBlur(force = false) {\n        if (!this.enableAutocomplete && !force) {\n            return;\n        }\n\n        this._isAutoCompleting = false;\n        this._showDropdown = false;\n    }\n\n    private _onChange(ev) {\n        if (!this._isAutoCompleting) {\n            return;\n        }\n\n        this.query = ev.target.value;\n        this.queryChange.emit(this.query);\n    }\n\n    private _checkvalue(key, item) {\n        return (\n            item?.[key]\n                ?.toString()\n                ?.toLowerCase()\n                .indexOf(this.query?.toLowerCase()) >= 0\n        );\n    }\n\n    private _getItems() {\n        return this._items.map((item) => (\n            <p-dropdown-menu-item\n                onClick={() => this._selectValue(item)}\n                active={\n                    item[this.valueKey] === this._selectedItem?.[this.valueKey]\n                }\n            >\n                {item[this.displayKey]}\n            </p-dropdown-menu-item>\n        ));\n    }\n\n    private _getLoadingItems() {\n        return [0, 0, 0].map(() => (\n            <p-dropdown-menu-item enableHover={false}>\n                <p-loader variant=\"ghost\" class=\"w-full h-6 rounded\" />\n            </p-dropdown-menu-item>\n        ));\n    }\n}\n"],"mappings":"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"}
+{"version":3,"names":["selectComponentCss","Select","this","_isAutoCompleting","_items","items","loading","JSON","parse","displayKey","valueKey","map","str","value","text","_a","query","length","asyncFilter","filter","item","queryKey","_checkvalue","slice","maxDisplayedItems","_displayValue","_selectedItem","_placeholder","autocompletePlaceholder","placeholder","componentDidLoad","_valueChange","autoSelectFirst","render","h","Host","class","disableTriggerClick","calculateWidth","insideClick","show","_showDropdown","slot","icon","iconPosition","size","prefix","label","helper","error","disabled","focused","type","onFocus","_onFocus","onMouseDown","ev","_onMouseDown","onClick","_onClick","onInput","_onChange","ref","_inputRef","_getLoadingItems","_getItems","documentClickHandler","target","childOf","_el","_preselectItem","itemChanges","undefined","parsedValue","stringify","find","i","_selectValue","valueChange","emit","_onBlur","enableAutocomplete","blur","preventDefault","force","queryChange","key","_b","toString","toLowerCase","indexOf","_c","active","enableHover","variant"],"sources":["./src/components/molecules/select/select.component.scss?tag=p-select","./src/components/molecules/select/select.component.tsx"],"sourcesContent":[":host {\n    @apply flex flex-col;\n\n    input.read-only {\n        @apply text-ellipsis;\n    }\n}\n","import {\n    Component,\n    Element,\n    Event,\n    EventEmitter,\n    h,\n    Host,\n    Listen,\n    Prop,\n    State,\n    Watch,\n} from '@stencil/core';\nimport { childOf } from '../../../utils';\n\n@Component({\n    tag: 'p-select',\n    styleUrl: 'select.component.scss',\n    shadow: false,\n})\nexport class Select {\n    /**\n     * The items to show in the dropdown\n     */\n    @Prop() items: string | any[];\n\n    /**\n     * The current query\n     */\n    @Prop() query: string;\n\n    /**\n     * The placeholder of the input\n     */\n    @Prop() placeholder: string;\n\n    /**\n     * The placeholder of the input when auto completing\n     */\n    @Prop() autocompletePlaceholder: string;\n\n    /**\n     * The current value\n     */\n    @Prop() value: any;\n\n    /**\n     * The key of the object to display\n     */\n    @Prop() displayKey: string = 'text';\n\n    /**\n     * The key of the object to return\n     */\n    @Prop() valueKey: string = 'value';\n\n    /**\n     * The key of the object to display\n     */\n    @Prop() queryKey?: string;\n\n    /**\n     * Wether to automatically select the first item\n     */\n    @Prop() autoSelectFirst: boolean = true;\n\n    /**\n     * The maximum amount of items to display\n     */\n    @Prop() maxDisplayedItems: number = 10;\n\n    /**\n     * Wether to enable autocomplete\n     */\n    @Prop() enableAutocomplete: boolean = true;\n\n    /**\n     * Wether the input uses async filtering\n     */\n    @Prop() asyncFilter: boolean = false;\n\n    /**\n     * Wether to show loading items\n     */\n    @Prop() loading: boolean = false;\n\n    /**\n     * Event when the query of the autocomplete changes\n     */\n    @Event() queryChange: EventEmitter<string>;\n\n    /**\n     * Event when the value changes\n     */\n    @Event() valueChange: EventEmitter<any>;\n\n    /**\n     * The size of the input group used by the select\n     */\n    @Prop() size: 'small' | 'medium' = 'medium';\n\n    /**\n     * The prefix of the input group used by the select\n     */\n    @Prop() prefix: string;\n\n    /**\n     * The label of the input group used by the select\n     */\n    @Prop() label: string;\n\n    /**\n     * The helper of the input group used by the select\n     */\n    @Prop() helper: string;\n\n    /**\n     * The helper of the input group used by the select\n     */\n    @Prop({ reflect: true }) error: string;\n\n    /**\n     * Wether the input group is disabled used by the select\n     */\n    @Prop({ reflect: true }) disabled: boolean = false;\n\n    /**\n     * The host element\n     */\n    @Element() private _el: HTMLElement;\n\n    @State() private _showDropdown: any = false;\n    @State() private _selectedItem: any = null;\n\n    private _isAutoCompleting: boolean = false;\n\n    private _inputRef: HTMLInputElement;\n\n    get _items() {\n        if (!this.items || this.loading) {\n            return [];\n        }\n\n        let items =\n            typeof this.items === 'string'\n                ? JSON.parse(this.items)\n                : this.items;\n\n        if (typeof items?.[0] === 'string') {\n            this.displayKey = 'text';\n            this.valueKey = 'value';\n\n            items = items.map((str) => ({\n                value: str,\n                text: str,\n            }));\n        }\n\n        if (this._isAutoCompleting && this.query?.length && !this.asyncFilter) {\n            items = items.filter((item) => {\n                if (this.queryKey) {\n                    return this._checkvalue(this.queryKey, item);\n                }\n\n                return (\n                    this._checkvalue(this.valueKey, item) ||\n                    this._checkvalue(this.displayKey, item)\n                );\n            });\n        }\n\n        return items?.slice(0, this.maxDisplayedItems);\n    }\n\n    get _displayValue() {\n        if (this._isAutoCompleting) {\n            return this.query;\n        }\n\n        return this._selectedItem?.[this.displayKey];\n    }\n\n    get _placeholder() {\n        return this._isAutoCompleting && this.autocompletePlaceholder?.length\n            ? this.autocompletePlaceholder\n            : this.placeholder;\n    }\n\n    componentDidLoad() {\n        if (this.value) {\n            this._valueChange(this.value);\n            return;\n        }\n\n        if (this.autoSelectFirst) {\n            this._selectedItem = this._items?.[0];\n        }\n    }\n\n    render() {\n        return (\n            <Host class=\"p-select\">\n                <p-dropdown\n                    disableTriggerClick={true}\n                    calculateWidth={true}\n                    insideClick={true}\n                    show={this._showDropdown}\n                >\n                    <p-input-group\n                        slot=\"trigger\"\n                        icon=\"chevron\"\n                        iconPosition=\"end\"\n                        size={this.size}\n                        prefix={this.prefix}\n                        label={this.label}\n                        helper={this.helper}\n                        error={this.error}\n                        disabled={this.disabled}\n                        focused={this._showDropdown}\n                    >\n                        <input\n                            slot=\"input\"\n                            type=\"text\"\n                            placeholder={this._placeholder}\n                            value={this._displayValue}\n                            class={`p-input cursor-pointer ${\n                                !this._isAutoCompleting && 'read-only'\n                            }`}\n                            onFocus={() => this._onFocus()}\n                            onMouseDown={(ev) => this._onMouseDown(ev)}\n                            onClick={() => this._onClick()}\n                            onInput={(ev) => this._onChange(ev)}\n                            ref={(ref) => (this._inputRef = ref)}\n                        />\n                    </p-input-group>\n                    <div slot=\"items\">\n                        {this.loading\n                            ? this._getLoadingItems()\n                            : this._getItems()}\n                    </div>\n                </p-dropdown>\n            </Host>\n        );\n    }\n\n    @Listen('click', { target: 'document', capture: true })\n    protected documentClickHandler({ target }) {\n        if (!this._showDropdown || childOf(target, this._el)) {\n            return;\n        }\n\n        this._showDropdown = false;\n        this._isAutoCompleting = false;\n    }\n\n    @Watch('value')\n    private _valueChange(value: any) {\n        this._preselectItem(value);\n    }\n\n    @Watch('items')\n    public itemChanges() {\n        this._preselectItem();\n    }\n\n    private _preselectItem(value?: any) {\n        value = value === undefined ? null : value;\n        const parsedValue = !!this.value\n            ? JSON.stringify(this.value)\n            : JSON.stringify(value);\n\n        if (\n            this._selectedItem &&\n            JSON.stringify(this._selectedItem[this.valueKey]) === parsedValue\n        ) {\n            return;\n        }\n\n        const item = this._items.find(\n            (i) => JSON.stringify(i?.[this.valueKey]) === parsedValue\n        );\n\n        this._selectedItem = item;\n    }\n\n    private _selectValue(item) {\n        this._selectedItem = item;\n        const value = item[this.valueKey];\n\n        this.value = value;\n        this.valueChange.emit(this.value);\n\n        this._onBlur(true);\n    }\n\n    private _onFocus() {\n        if (!this.enableAutocomplete) {\n            this._inputRef.blur();\n            if (!this._showDropdown) {\n                this._showDropdown = true;\n            }\n            return;\n        }\n\n        this._isAutoCompleting = true;\n        this._showDropdown = true;\n    }\n\n    private _onMouseDown(ev) {\n        if (this.enableAutocomplete) {\n            return;\n        }\n\n        ev.preventDefault();\n    }\n\n    private _onClick() {\n        if (this.enableAutocomplete) {\n            return;\n        }\n\n        this._showDropdown = !this._showDropdown;\n    }\n\n    private _onBlur(force = false) {\n        if (!this.enableAutocomplete && !force) {\n            return;\n        }\n\n        this._isAutoCompleting = false;\n        this._showDropdown = false;\n    }\n\n    private _onChange(ev) {\n        if (!this._isAutoCompleting) {\n            return;\n        }\n\n        this.query = ev.target.value;\n        this.queryChange.emit(this.query);\n    }\n\n    private _checkvalue(key, item) {\n        return (\n            item?.[key]\n                ?.toString()\n                ?.toLowerCase()\n                .indexOf(this.query?.toLowerCase()) >= 0\n        );\n    }\n\n    private _getItems() {\n        return this._items.map((item) => (\n            <p-dropdown-menu-item\n                onClick={() => this._selectValue(item)}\n                active={\n                    item[this.valueKey] === this._selectedItem?.[this.valueKey]\n                }\n            >\n                {item[this.displayKey]}\n            </p-dropdown-menu-item>\n        ));\n    }\n\n    private _getLoadingItems() {\n        return [0, 0, 0].map(() => (\n            <p-dropdown-menu-item enableHover={false}>\n                <p-loader variant=\"ghost\" class=\"w-full h-6 rounded\" />\n            </p-dropdown-menu-item>\n        ));\n    }\n}\n"],"mappings":"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"}