@paperless/core 2.0.1-beta.67 → 2.0.1-beta.69

package/dist/components/p-BY0mXIhO.js

@@ -0,0 +1,35 @@
+import { p as proxyCustomElement, H, h, d as Host } from './p-BLaYz0fg.js';
+import { c as cva } from './p-4hDfHOnN.js';
+
+const tableContainerComponentCss = "*{box-sizing:border-box}.static{position:static!important}.relative{position:relative!important}.flex{display:flex!important}.flex-col{flex-direction:column!important}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:85.375rem){.container{max-width:85.375rem}}@media (min-width:90rem){.container{max-width:90rem}}@media (min-width:96rem){.container{max-width:96rem}}@media (min-width:105rem){.container{max-width:105rem}}@media (min-width:120rem){.container{max-width:120rem}}@media (min-width:160rem){.container{max-width:160rem}}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}";
+
+const container = cva('flex flex-col relative');
+const TableContainer = /*@__PURE__*/ proxyCustomElement(class TableContainer extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+    }
+    render() {
+        return (h(Host, { key: '72f9285d7088ce7866b39011f15e22a68e208f3c', class: container() }, h("slot", { key: '252fc0ab17597ce792beca72b648d29d07231cdf' })));
+    }
+    static get style() { return tableContainerComponentCss; }
+}, [4, "p-table-container"]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["p-table-container"];
+    components.forEach(tagName => { switch (tagName) {
+        case "p-table-container":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, TableContainer);
+            }
+            break;
+    } });
+}
+defineCustomElement();
+
+export { TableContainer as T, defineCustomElement as d };
+//# sourceMappingURL=p-BY0mXIhO.js.map
+
+//# sourceMappingURL=p-BY0mXIhO.js.map

package/dist/components/p-BY0mXIhO.js.map

@@ -0,0 +1 @@
+{"file":"p-BY0mXIhO.js","mappings":";;;AAAA,MAAM,0BAA0B,GAAG,y7BAAy7B;;ACG59B,MAAM,SAAS,GAAG,GAAG,CAAC,wBAAwB,CAAC;MAMlC,cAAc,iBAAAA,kBAAA,CAAA,MAAA,cAAA,SAAAC,CAAA,CAAA;;;;;IAC1B,MAAM,GAAA;AACL,QAAA,QACC,CAAC,CAAA,IAAI,qDAAC,KAAK,EAAE,SAAS,EAAE,EAAA,EACvB,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACF;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/table/actions-container/table-container.component.css?tag=p-table-container","src/components/atoms/table/actions-container/table-container.component.tsx"],"sourcesContent":["","import { Component, h, Host } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nconst container = cva('flex flex-col relative');\n\n@Component({\n\ttag: 'p-table-container',\n\tstyleUrl: 'table-container.component.css',\n})\nexport class TableContainer {\n\trender() {\n\t\treturn (\n\t\t\t<Host class={container()}>\n\t\t\t\t<slot />\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"],"version":3}

package/dist/components/{p-DiFV-QTl.js → p-BecdP_Ak.js}

@@ -1,22 +1,21 @@
+import { c as cva } from './p-4hDfHOnN.js';
+
 function isTableColumnSizesKey(x, k) {
     return k in x;
 }
 
-const getTableCellColumnClasses = (definition, variant, hasActions) => {
+const getTableCellColumnClasses = (definition, variant) => {
     const sizes = definition ? getTableCellSizes(definition, variant) : {};
-    const isLastValues = definition
-        ? getTableCellIsLastValues(definition, variant, hasActions)
-        : {};
     return {
+        flex: true,
+        'items-center': true,
+        'gap-4': true,
         'justify-start': !definition?.align || definition?.align === 'start',
         'justify-center': definition?.align === 'center',
         'justify-end': definition?.align === 'end',
         'font-semibold': variant !== 'header' && definition?.type === 'th',
         'text-storm-dark': variant !== 'header' && definition?.type === 'th',
-        'group-hover:flex': variant === 'actions' && hasActions,
-        hidden: variant === 'actions' && hasActions,
         ...sizes,
-        ...isLastValues,
     };
 };
 const getTableCellSizes = ({ sizes, } /* Table Definition */, variant) => {
@@ -79,36 +78,22 @@ const getTableCellSizes = ({ sizes, } /* Table Definition */, variant) => {
         [`w-${sizes}/12`]: true,
     };
 };
-const getTableCellIsLastValues = ({ isLast, parsedSizes, } /* Table Definition */, variant, hasActions) => {
-    const values = {};
-    for (let size of Object.keys(isLast)) {
-        let prefix = '';
-        if (size !== 'default') {
-            prefix = `${size}:`;
-        }
-        values[`${prefix}pr-4`] = !isLast[size];
-        values[`${prefix}pr-0`] = isLast[size];
-        values[`${prefix}group-hover:hidden`] =
-            (isLast[size] ||
-                parsedSizes[size] === 'hidden') &&
-                hasActions &&
-                parsedSizes[size] !== 12 &&
-                variant === 'default';
-        const actionsShouldBeAbsolute = parsedSizes[size] === 12 &&
-            variant === 'actions';
-        values[`${prefix}absolute`] = actionsShouldBeAbsolute;
-        values[`${prefix}right-6`] = actionsShouldBeAbsolute;
-        values[`${prefix}group-hover:flex`] =
-            (!isLast[size] &&
-                parsedSizes[size] !== 'hidden' &&
-                variant === 'default') ||
-                variant === 'actions';
-        values[`${prefix}flex`] =
-            parsedSizes[size] !== 'hidden' &&
-                variant !== 'actions';
-    }
-    return values;
-};
+const floatingMenuContainerClass = cva(['sticky self-center'], {
+    variants: {
+        hasFooter: {
+            true: 'mt-4 -mb-5 bottom-11 z-[3]',
+            false: 'my-4 bottom-0',
+        },
+        active: {
+            false: 'animate-floating-menu-container-out',
+            true: 'animate-floating-menu-container-in',
+        },
+        shown: {
+            false: 'hidden',
+            true: 'inline-block',
+        },
+    },
+});
 
 const objectGetByPath = (obj, path, defaultValue = undefined) => {
     const travel = (regexp) => String.prototype.split
@@ -119,7 +104,7 @@ const objectGetByPath = (obj, path, defaultValue = undefined) => {
     return result === undefined || result === obj ? defaultValue : result;
 };
 
-export { getTableCellSizes as a, getTableCellIsLastValues as b, getTableCellColumnClasses as g, isTableColumnSizesKey as i, objectGetByPath as o };
-//# sourceMappingURL=p-DiFV-QTl.js.map
+export { getTableCellSizes as a, floatingMenuContainerClass as f, getTableCellColumnClasses as g, isTableColumnSizesKey as i, objectGetByPath as o };
+//# sourceMappingURL=p-BecdP_Ak.js.map
 
-//# sourceMappingURL=p-DiFV-QTl.js.map
+//# sourceMappingURL=p-BecdP_Ak.js.map

package/dist/components/p-BecdP_Ak.js.map

@@ -0,0 +1 @@
+{"file":"p-BecdP_Ak.js","mappings":"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","names":[],"sources":["src/types/table.ts","src/utils/table-helpers.ts","src/utils/object-get-by-path.ts"],"sourcesContent":["export type QuickFilterTextFunction = () => string;\n\nexport interface QuickFilter {\n\tidentifier: string;\n\ttext: string | QuickFilterTextFunction;\n\tcount?: number;\n\tdefault?: boolean;\n}\n\nexport interface RowClickEvent {\n\titem: any;\n\tctrlDown: boolean;\n}\n\nexport interface TableDefinitionData {\n\tvalue: any;\n\titem: any;\n\tindex: number;\n\trowIndex: number;\n}\n\nexport type TableDefinitionTemplateFunc = (data: TableDefinitionData) => any;\n\nexport interface TableColumnSizes {\n\tdefault: number | 'hidden' | 'full';\n\ttablet?: number | 'hidden' | 'full';\n\t'desktop-xs'?: number | 'hidden' | 'full';\n\t'desktop-sm'?: number | 'hidden' | 'full';\n\tdesktop?: number | 'hidden' | 'full';\n\t'desktop-lg'?: number | 'hidden' | 'full';\n\t'desktop-xl'?: number | 'hidden' | 'full';\n}\n\nexport type TableColumnSizesKey =\n\t| 'default'\n\t| 'tablet'\n\t| 'desktop-xs'\n\t| 'desktop-sm'\n\t| 'desktop'\n\t| 'desktop-lg'\n\t| 'desktop-xl';\n\nexport function isTableColumnSizesKey(\n\tx: TableColumnSizes,\n\tk: PropertyKey\n): k is keyof TableColumnSizes {\n\treturn k in x;\n}\n","import { cva } from 'class-variance-authority';\nimport { TableColumn } from '../components/helpers/table/column/table-column.component';\nimport {\n\tisTableColumnSizesKey,\n\tTableColumnSizes,\n\tTableColumnSizesKey,\n} from '../types';\n\nexport const getTableCellColumnClasses = (\n\tdefinition: any | TableColumn,\n\tvariant: 'default' | 'header' | 'loading'\n) => {\n\tconst sizes = definition ? getTableCellSizes(definition, variant) : {};\n\n\treturn {\n\t\tflex: true,\n\t\t'items-center': true,\n\t\t'gap-4': true,\n\t\t'justify-start': !definition?.align || definition?.align === 'start',\n\t\t'justify-center': definition?.align === 'center',\n\t\t'justify-end': definition?.align === 'end',\n\t\t'font-semibold': variant !== 'header' && definition?.type === 'th',\n\t\t'text-storm-dark': variant !== 'header' && definition?.type === 'th',\n\t\t...sizes,\n\t};\n};\n\nexport const getTableCellSizes = (\n\t{\n\t\tsizes,\n\t}: {\n\t\tsizes: 'auto' | 'hidden' | 'full' | number | TableColumnSizes;\n\t} /* Table Definition */,\n\tvariant: 'default' | 'header' | 'loading' | 'actions'\n) => {\n\tif (sizes === 'auto' || !sizes) {\n\t\treturn {\n\t\t\t'w-auto': true,\n\t\t};\n\t}\n\n\tif (sizes === 'hidden') {\n\t\treturn {\n\t\t\thidden: true,\n\t\t};\n\t}\n\n\tif (typeof sizes === 'object') {\n\t\tsizes = sizes as TableColumnSizes;\n\t\tconst classes: any = {};\n\t\tlet previousSize: TableColumnSizesKey | undefined;\n\n\t\tfor (let size in sizes) {\n\t\t\tif (!isTableColumnSizesKey(sizes, size)) {\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\tif (size === 'default') {\n\t\t\t\tif (sizes.default === 'hidden') {\n\t\t\t\t\tclasses['hidden'] = true;\n\t\t\t\t\tpreviousSize = size;\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\n\t\t\t\tclasses[`w-${sizes.default}/12`] = true;\n\t\t\t\tpreviousSize = size;\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\tconst currentValue = sizes[size];\n\t\t\tconst previousValue = previousSize ? sizes[previousSize] : null;\n\t\t\tif (\n\t\t\t\tcurrentValue !== 'hidden' &&\n\t\t\t\tpreviousValue &&\n\t\t\t\tpreviousValue === 'hidden' &&\n\t\t\t\tvariant !== 'actions'\n\t\t\t) {\n\t\t\t\tclasses[`${size}:flex`] = true;\n\t\t\t}\n\n\t\t\tif (currentValue === 'hidden' && variant !== 'actions') {\n\t\t\t\tclasses[`${size}:hidden`] = true;\n\t\t\t\tpreviousSize = size;\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\tif (currentValue === 12 || currentValue === 'full') {\n\t\t\t\tclasses[`${size}:w-full`] = true;\n\t\t\t}\n\n\t\t\tclasses[`${size}:w-${currentValue}/12`] = true;\n\t\t\tpreviousSize = size;\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tif (sizes === 12 || sizes === 'full') {\n\t\treturn {\n\t\t\t'w-full': true,\n\t\t};\n\t}\n\n\t// is a number.\n\treturn {\n\t\t[`w-${sizes}/12`]: true,\n\t};\n};\n\nexport const floatingMenuContainerClass = cva(['sticky self-center'], {\n\tvariants: {\n\t\thasFooter: {\n\t\t\ttrue: 'mt-4 -mb-5 bottom-11 z-[3]',\n\t\t\tfalse: 'my-4 bottom-0',\n\t\t},\n\t\tactive: {\n\t\t\tfalse: 'animate-floating-menu-container-out',\n\t\t\ttrue: 'animate-floating-menu-container-in',\n\t\t},\n\t\tshown: {\n\t\t\tfalse: 'hidden',\n\t\t\ttrue: 'inline-block',\n\t\t},\n\t},\n});\n","export const objectGetByPath = (\n    obj: any,\n    path: string,\n    defaultValue = undefined\n) => {\n    const travel = (regexp) =>\n        String.prototype.split\n            .call(path, regexp)\n            .filter(Boolean)\n            .reduce(\n                (res, key) =>\n                    res !== null && res !== undefined ? res[key] : res,\n                obj\n            );\n    const result = travel(/[,[\\]]+?/) || travel(/[,[\\].]+?/);\n    return result === undefined || result === obj ? defaultValue : result;\n};\n"],"version":3}

package/dist/components/{p-hoTzvAXz.js → p-Bf7oUN-6.js}

@@ -53,7 +53,7 @@ const Avatar = /*@__PURE__*/ proxyCustomElement(class Avatar extends H {
         }
     }
     render() {
-        return (h(Host, { key: 'e33265bc7859248b4fd1e2d38a8084fdeb4f0597', class: avatar({
+        return (h(Host, { key: 'a096f07fcc61e08b59cbc6b63c628ccb971cb769', class: avatar({
                 size: this.size,
             }) }, this._failed ? (h("span", null, this.letters?.[0] ?? ' ')) : (h("img", { src: this._src, class: 'z-0 aspect-branding h-full rounded-full object-cover', onError: () => this._setFailed() }))));
     }
@@ -91,6 +91,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { Avatar as A, defineCustomElement as d };
-//# sourceMappingURL=p-hoTzvAXz.js.map
+//# sourceMappingURL=p-Bf7oUN-6.js.map
 
-//# sourceMappingURL=p-hoTzvAXz.js.map
+//# sourceMappingURL=p-Bf7oUN-6.js.map

package/dist/components/{p-hoTzvAXz.js.map → p-Bf7oUN-6.js.map}

@@ -1 +1 @@
-{"file":"p-hoTzvAXz.js","mappings":";;;AAAA,MAAM,kBAAkB,GAAG,k6DAAk6D;;ACG77D,MAAM,MAAM,GAAG,GAAG,CACjB;IACC,wLAAwL;CACxL,EACD;AACC,IAAA,QAAQ,EAAE;AACT,QAAA,IAAI,EAAE;AACL,YAAA,EAAE,EAAE,cAAc;AAClB,YAAA,EAAE,EAAE,aAAa;AACjB,YAAA,IAAI,EAAE,eAAe;AACrB,YAAA,EAAE,EAAE,cAAc;AAClB,YAAA,EAAE,EAAE,cAAc;AAClB,YAAA,KAAK,EAAE,eAAe;AACtB,YAAA,KAAK,EAAE,yCAAyC;AAChD,YAAA,KAAK,EAAE,yCAAyC;AAChD,SAAA;AACD,KAAA;AACD,CAAA,CACD;MAOY,MAAM,iBAAAA,kBAAA,CAAA,MAAA,MAAA,SAAAC,CAAA,CAAA;;;;;AAClB;;AAEG;IACsB,IAAI,GAQlB,MAAM;AAEjB;;AAEG;AACK,IAAA,YAAY;AAEpB;;AAEG;AACK,IAAA,GAAG;AAEX;;AAEG;AACK,IAAA,OAAO;AAEE,IAAA,IAAI;IACJ,OAAO,GAAY,KAAK;AAGzC,IAAA,YAAY,CAAC,GAAW,EAAA;AACvB,QAAA,IAAI,CAAC,OAAO,GAAG,KAAK;AACpB,QAAA,IAAI,CAAC,IAAI,GAAG,GAAG;;IAGhB,iBAAiB,GAAA;AAChB,QAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC;AAC3B,QAAA,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;YACf,IAAI,CAAC,UAAU,EAAE;;;IAInB,MAAM,GAAA;AACL,QAAA,QACC,CAAC,CAAA,IAAI,qDACJ,KAAK,EAAE,MAAM,CAAC;gBACb,IAAI,EAAE,IAAI,CAAC,IAAI;aACf,CAAC,EAAA,EAED,IAAI,CAAC,OAAO,IACZ,CAAA,CAAA,MAAA,EAAA,IAAA,EAAO,IAAI,CAAC,OAAO,GAAG,CAAC,CAAC,IAAI,GAAG,CAAQ,KAEvC,WACC,GAAG,EAAE,IAAI,CAAC,IAAI,EACd,KAAK,EAAC,sDAAsD,EAC5D,OAAO,EAAE,MAAM,IAAI,CAAC,UAAU,EAAE,EAC/B,CAAA,CACF,CACK;;IAID,UAAU,GAAA;AACjB,QAAA,IAAI,CAAC,OAAO,GAAG,IAAI;AACnB,QAAA,IAAI,CAAC,IAAI,GAAG,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/avatar/avatar/avatar.component.css?tag=p-avatar","src/components/atoms/avatar/avatar/avatar.component.tsx"],"sourcesContent":["","import { Component, h, Host, Prop, State, Watch } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nconst avatar = cva(\n\t[\n\t\t'p-avatar bg-off-white rounded-full aspect-branding ring-inset ring-1 ring-black-teal/20 p-[1px] flex items-center justify-center font-ambit leading-none font-bold text-black-teal-300',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tsize: {\n\t\t\t\txs: 'h-4 text-xxs',\n\t\t\t\tsm: 'h-6 text-xs',\n\t\t\t\tbase: 'h-8 text-base',\n\t\t\t\tlg: 'h-10 text-xl',\n\t\t\t\txl: 'h-14 text-xl',\n\t\t\t\t'2xl': 'h-20 text-4xl',\n\t\t\t\t'3xl': 'h-[6.5rem] text-[3.5rem] leading-[4rem]',\n\t\t\t\t'4xl': 'h-[8.5rem] text-[4.5rem] leading-[5rem]',\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-avatar',\n\tstyleUrl: 'avatar.component.css',\n\t// shadow: true,\n})\nexport class Avatar {\n\t/**\n\t * The size of the avatar\n\t */\n\t@Prop({ reflect: true }) size:\n\t\t| 'xs'\n\t\t| 'sm'\n\t\t| 'base'\n\t\t| 'lg'\n\t\t| 'xl'\n\t\t| '2xl'\n\t\t| '3xl'\n\t\t| '4xl' = 'base';\n\n\t/**\n\t * The default image to show on errors\n\t */\n\t@Prop() defaultImage: string;\n\n\t/**\n\t * The image used for the avatar\n\t */\n\t@Prop() src!: string;\n\n\t/**\n\t * The letters to show on the empty state variant\n\t */\n\t@Prop() letters: string;\n\n\t@State() private _src: string;\n\t@State() private _failed: boolean = false;\n\n\t@Watch('src')\n\tonSrchChange(src: string) {\n\t\tthis._failed = false;\n\t\tthis._src = src;\n\t}\n\n\tcomponentWillLoad() {\n\t\tthis.onSrchChange(this.src);\n\t\tif (!this._src) {\n\t\t\tthis._setFailed();\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={avatar({\n\t\t\t\t\tsize: this.size,\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t{this._failed ? (\n\t\t\t\t\t<span>{this.letters?.[0] ?? ' '}</span>\n\t\t\t\t) : (\n\t\t\t\t\t<img\n\t\t\t\t\t\tsrc={this._src}\n\t\t\t\t\t\tclass='z-0 aspect-branding h-full rounded-full object-cover'\n\t\t\t\t\t\tonError={() => this._setFailed()}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate _setFailed() {\n\t\tthis._failed = true;\n\t\tthis._src = undefined;\n\t}\n}\n"],"version":3}
+{"file":"p-Bf7oUN-6.js","mappings":";;;AAAA,MAAM,kBAAkB,GAAG,k6DAAk6D;;ACG77D,MAAM,MAAM,GAAG,GAAG,CACjB;IACC,wLAAwL;CACxL,EACD;AACC,IAAA,QAAQ,EAAE;AACT,QAAA,IAAI,EAAE;AACL,YAAA,EAAE,EAAE,cAAc;AAClB,YAAA,EAAE,EAAE,aAAa;AACjB,YAAA,IAAI,EAAE,eAAe;AACrB,YAAA,EAAE,EAAE,cAAc;AAClB,YAAA,EAAE,EAAE,cAAc;AAClB,YAAA,KAAK,EAAE,eAAe;AACtB,YAAA,KAAK,EAAE,yCAAyC;AAChD,YAAA,KAAK,EAAE,yCAAyC;AAChD,SAAA;AACD,KAAA;AACD,CAAA,CACD;MAOY,MAAM,iBAAAA,kBAAA,CAAA,MAAA,MAAA,SAAAC,CAAA,CAAA;;;;;AAClB;;AAEG;IACsB,IAAI,GAQlB,MAAM;AAEjB;;AAEG;AACK,IAAA,YAAY;AAEpB;;AAEG;AACK,IAAA,GAAG;AAEX;;AAEG;AACK,IAAA,OAAO;AAEE,IAAA,IAAI;IACJ,OAAO,GAAY,KAAK;AAGzC,IAAA,YAAY,CAAC,GAAW,EAAA;AACvB,QAAA,IAAI,CAAC,OAAO,GAAG,KAAK;AACpB,QAAA,IAAI,CAAC,IAAI,GAAG,GAAG;;IAGhB,iBAAiB,GAAA;AAChB,QAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC;AAC3B,QAAA,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;YACf,IAAI,CAAC,UAAU,EAAE;;;IAInB,MAAM,GAAA;AACL,QAAA,QACC,CAAC,CAAA,IAAI,qDACJ,KAAK,EAAE,MAAM,CAAC;gBACb,IAAI,EAAE,IAAI,CAAC,IAAI;aACf,CAAC,EAAA,EAED,IAAI,CAAC,OAAO,IACZ,CAAA,CAAA,MAAA,EAAA,IAAA,EAAO,IAAI,CAAC,OAAO,GAAG,CAAC,CAAC,IAAI,GAAG,CAAQ,KAEvC,WACC,GAAG,EAAE,IAAI,CAAC,IAAI,EACd,KAAK,EAAC,sDAAsD,EAC5D,OAAO,EAAE,MAAM,IAAI,CAAC,UAAU,EAAE,EAC/B,CAAA,CACF,CACK;;IAID,UAAU,GAAA;AACjB,QAAA,IAAI,CAAC,OAAO,GAAG,IAAI;AACnB,QAAA,IAAI,CAAC,IAAI,GAAG,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/avatar/avatar/avatar.component.css?tag=p-avatar","src/components/atoms/avatar/avatar/avatar.component.tsx"],"sourcesContent":["","import { Component, h, Host, Prop, State, Watch } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nconst avatar = cva(\n\t[\n\t\t'p-avatar bg-off-white rounded-full aspect-branding ring-inset ring-1 ring-black-teal/20 p-[1px] flex items-center justify-center font-ambit leading-none font-bold text-black-teal-300',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tsize: {\n\t\t\t\txs: 'h-4 text-xxs',\n\t\t\t\tsm: 'h-6 text-xs',\n\t\t\t\tbase: 'h-8 text-base',\n\t\t\t\tlg: 'h-10 text-xl',\n\t\t\t\txl: 'h-14 text-xl',\n\t\t\t\t'2xl': 'h-20 text-4xl',\n\t\t\t\t'3xl': 'h-[6.5rem] text-[3.5rem] leading-[4rem]',\n\t\t\t\t'4xl': 'h-[8.5rem] text-[4.5rem] leading-[5rem]',\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-avatar',\n\tstyleUrl: 'avatar.component.css',\n\t// shadow: true,\n})\nexport class Avatar {\n\t/**\n\t * The size of the avatar\n\t */\n\t@Prop({ reflect: true }) size:\n\t\t| 'xs'\n\t\t| 'sm'\n\t\t| 'base'\n\t\t| 'lg'\n\t\t| 'xl'\n\t\t| '2xl'\n\t\t| '3xl'\n\t\t| '4xl' = 'base';\n\n\t/**\n\t * The default image to show on errors\n\t */\n\t@Prop() defaultImage: string;\n\n\t/**\n\t * The image used for the avatar\n\t */\n\t@Prop() src!: string;\n\n\t/**\n\t * The letters to show on the empty state variant\n\t */\n\t@Prop() letters: string;\n\n\t@State() private _src: string;\n\t@State() private _failed: boolean = false;\n\n\t@Watch('src')\n\tonSrchChange(src: string) {\n\t\tthis._failed = false;\n\t\tthis._src = src;\n\t}\n\n\tcomponentWillLoad() {\n\t\tthis.onSrchChange(this.src);\n\t\tif (!this._src) {\n\t\t\tthis._setFailed();\n\t\t}\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={avatar({\n\t\t\t\t\tsize: this.size,\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t{this._failed ? (\n\t\t\t\t\t<span>{this.letters?.[0] ?? ' '}</span>\n\t\t\t\t) : (\n\t\t\t\t\t<img\n\t\t\t\t\t\tsrc={this._src}\n\t\t\t\t\t\tclass='z-0 aspect-branding h-full rounded-full object-cover'\n\t\t\t\t\t\tonError={() => this._setFailed()}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate _setFailed() {\n\t\tthis._failed = true;\n\t\tthis._src = undefined;\n\t}\n}\n"],"version":3}

package/dist/components/{p-Ch2-P1F7.js → p-Bfsfjrch.js}

@@ -1,16 +1,18 @@
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-BLaYz0fg.js';
+import { p as proxyCustomElement, H, c as createEvent, h } from './p-BLaYz0fg.js';
+import { c as cva } from './p-4hDfHOnN.js';
 import { f as formatTranslation, g as getLocaleComponentStrings } from './p-DiJj8rmO.js';
-import { d as defineCustomElement$b } from './p-D6iHC4fs.js';
-import { d as defineCustomElement$a } from './p-CKdnfAon.js';
-import { d as defineCustomElement$9 } from './p-Do1io1QE.js';
-import { d as defineCustomElement$8 } from './p-Cdv_rF7b.js';
-import { d as defineCustomElement$7 } from './p-qqY4rj9S.js';
-import { d as defineCustomElement$6 } from './p-C0kL1elG.js';
+import { d as defineCustomElement$c } from './p-DoonhL8V.js';
+import { d as defineCustomElement$b } from './p-B6UH3J7_.js';
+import { d as defineCustomElement$a } from './p-q_c1iUVr.js';
+import { d as defineCustomElement$9 } from './p-CB3gv9g7.js';
+import { d as defineCustomElement$8 } from './p-C1wQaaNc.js';
+import { d as defineCustomElement$7 } from './p-llhG3A9n.js';
+import { d as defineCustomElement$6 } from './p-BsgE1XSo.js';
 import { d as defineCustomElement$5 } from './p-DHB3oMcL.js';
-import { d as defineCustomElement$4 } from './p-BW3Jh7dz.js';
-import { d as defineCustomElement$3 } from './p-remL-vvB.js';
-import { d as defineCustomElement$2 } from './p-Xn8g2YN3.js';
-import { d as defineCustomElement$1 } from './p-BAiUXMDn.js';
+import { d as defineCustomElement$4 } from './p-ByT0XK4K.js';
+import { d as defineCustomElement$3 } from './p-mH8xL3Ys.js';
+import { d as defineCustomElement$2 } from './p-DXrjsnN9.js';
+import { d as defineCustomElement$1 } from './p-arzM1qix.js';
 
 var cjs = {};
 
@@ -9470,8 +9472,13 @@ function requireCjs () {
 
 var cjsExports = /*@__PURE__*/ requireCjs();
 
-const tableHeaderComponentCss = ".col-start-1{grid-column-start:1!important}.flex{display:flex!important}.grid{display:grid!important}.flex-col{flex-direction:column!important}.p-4{padding:1rem!important}*{box-sizing:border-box}:host{display:flex;flex-direction:column;gap:1rem;padding:1rem;width:100%}@media (min-width:64rem){:host{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:1.5rem}}:host>div.left-side{grid-column-start:1;justify-self:start}:host>div.right-side{grid-column-start:2}.static{position:static!important}.fixed{position:fixed!important}.bottom-0{bottom:0!important}.left-0{left:0!important}.ml-1{margin-left:.25rem!important}.block{display:block!important}.hidden{display:none!important}.h-8{height:2rem!important}.w-3\\/4{width:75%!important}.w-full{width:100%!important}.justify-start{justify-content:flex-start!important}.justify-end{justify-content:flex-end!important}.gap-4{gap:1rem!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,1))!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!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}@media (min-width:64rem){.desktop-xs\\:flex{display:flex!important}.desktop-xs\\:hidden{display:none!important}.desktop-xs\\:w-48{width:12rem!important}.desktop-xs\\:w-auto{width:auto!important}.desktop-xs\\:flex-row{flex-direction:row!important}}";
+const tableHeaderComponentCss = "*{box-sizing:border-box}.static{position:static!important}.fixed{position:fixed!important}.bottom-0{bottom:0!important}.left-0{left:0!important}.z-\\[1\\]{z-index:1!important}.col-start-1{grid-column-start:1!important}.col-start-2{grid-column-start:2!important}.ml-1{margin-left:.25rem!important}.block{display:block!important}.flex{display:flex!important}.hidden{display:none!important}.h-4{height:1rem!important}.h-8{height:2rem!important}.w-3\\/4{width:75%!important}.w-full{width:100%!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.justify-start{justify-content:flex-start!important}.justify-end{justify-content:flex-end!important}.gap-2{gap:.5rem!important}.gap-4{gap:1rem!important}.justify-self-start{justify-self:start!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,1))!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.p-4{padding:1rem!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}@media (min-width:40rem){.tablet\\:flex{display:flex!important}}@media (min-width:64rem){.desktop-xs\\:flex{display:flex!important}.desktop-xs\\:grid{display:grid!important}.desktop-xs\\:hidden{display:none!important}.desktop-xs\\:w-auto{width:auto!important}.desktop-xs\\:max-w-60{max-width:15rem!important}.desktop-xs\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.desktop-xs\\:flex-row{flex-direction:row!important}.desktop-xs\\:items-center{align-items:center!important}}";
 
+const header = cva([
+    'flex flex-col gap-2 z-[1]',
+    'w-full',
+    'desktop-xs:grid desktop-xs:grid-cols-2',
+]);
 const TableHeader = /*@__PURE__*/ proxyCustomElement(class TableHeader extends H {
     constructor() {
         super();
@@ -9481,6 +9488,7 @@ const TableHeader = /*@__PURE__*/ proxyCustomElement(class TableHeader extends H
         this.queryChange = createEvent(this, "queryChange", 3);
         this.filter = createEvent(this, "filter", 3);
         this.action = createEvent(this, "action", 3);
+        this.export = createEvent(this, "export", 3);
     }
     _defaultFilterButtonTemplate = () => formatTranslation(this._locales.filter);
     _defaultActionButtonTemplate = (amount) => this.actionText
@@ -9518,6 +9526,10 @@ const TableHeader = /*@__PURE__*/ proxyCustomElement(class TableHeader extends H
      * Wether to show the filter button
      */
     enableFilter = true;
+    /**
+     * Wether to show the export button
+     */
+    enableExport = true;
     /**
      * Wether to show the filter button on desktop
      */
@@ -9570,6 +9582,10 @@ const TableHeader = /*@__PURE__*/ proxyCustomElement(class TableHeader extends H
      * Event when the action button is clicked
      */
     action;
+    /**
+     * Event whenever the export button is clicked
+     */
+    export;
     get _el() { return this; }
     /**
      * Locales used for this component
@@ -9589,19 +9605,19 @@ const TableHeader = /*@__PURE__*/ proxyCustomElement(class TableHeader extends H
         const mobileTotal = (this.selectedFiltersAmount || 0) + (activeQuickFilter?.default ? 0 : 1);
         const hasCustomFilterSlot = !!this._el.querySelector(':scope > [slot="custom-filter"]');
         const hasCustomActionsSlot = !!this._el.querySelector(':scope > [slot="custom-actions"]');
-        return (h(Host, { key: '865662121f2eb6e4b389c10d4d211b2ec7f40ca0', class: 'p-table-header' }, this.loading && (h("p-loader", { key: '2890fa8f55ed0561f6a66ec91d3a527fd85577d6', variant: 'ghost', class: 'hidden h-8 w-3/4 rounded desktop-xs:flex' })), !this.loading &&
-            (hasCustomFilterSlot || this.quickFilters.length > 0) && (h("div", { key: 'f21d44f44ef2367afbf2bb208d822892862eb45b', class: 'left-side flex flex-col justify-start gap-4 desktop-xs:flex-row' }, hasCustomFilterSlot && h("slot", { key: '5faf9c98416de17890a33bb51089b0a2b329c37b', name: 'custom-filter' }), this.quickFilters.length > 0 && (h("p-segment-container", { key: 'd16231dd99cb6c0ca3dfa058690910fd79c69ed7', class: 'hidden desktop-xs:flex' }, this.quickFilters.map(item => (h("p-segment-item", { active: item.identifier === this.activeQuickFilterIdentifier, onClick: () => this.quickFilter.emit(item) }, typeof item.text === 'string' ? item.text : item.text(), ' ', item?.count >= 0 ? `(${item.count})` : ''))))))), h("div", { key: '409b4c928bbada5fb3a0f1876db745f5b87e1109', class: 'right-side flex flex-col justify-end gap-4 desktop-xs:flex-row' }, this.enableSearch && (h("p-field", { key: '2d1330a49f30b3a197e6fe39d14fc2e2121ce951', icon: 'search', size: 'sm', class: 'desktop-xs:w-48', placeholder: 'Zoeken...', value: this.query, onValueChange: ev => this._queryObserver.next(ev.detail) })), this.enableFilter && (h("p-button", { key: '685ebbc9a4eec5b817c355d2b6402bf58bf7958e', icon: 'filter', variant: 'secondary', size: 'sm', class: `w-full ${this.enableFilterDesktop
+        return (h("div", { key: '9cee2d0ce2d22ade10d541a27eda932a750f36f2', class: header() }, this.loading && (h("p-loader", { key: '410901852b3077c8089624b25dadb4f7ce269515', variant: 'ghost', class: 'hidden h-8 w-3/4 rounded desktop-xs:flex' })), !this.loading &&
+            (hasCustomFilterSlot || this.quickFilters.length > 0) && (h("div", { key: '18149595c8405dd1a28fdd6379c15bfed91267fd', class: 'col-start-1 flex flex-col justify-start gap-4 justify-self-start desktop-xs:flex-row' }, hasCustomFilterSlot && h("slot", { key: '811f3f7d6c6cd9fa286b34c162bcdb9279e0ce8b', name: 'custom-filter' }), this.quickFilters.length > 0 && (h("p-segment-container", { key: 'b11bc2767fc7b0335e7bfe238f053547475a68ff', class: 'hidden desktop-xs:flex' }, this.quickFilters.map(item => (h("p-segment-item", { active: item.identifier === this.activeQuickFilterIdentifier, onClick: () => this.quickFilter.emit(item) }, typeof item.text === 'string' ? item.text : item.text(), ' ', item?.count >= 0 ? `(${item.count})` : ''))))))), h("div", { key: 'a84f52b7ad956033b66bf4f53d6b34eceb4855a4', class: 'col-start-2 flex flex-col justify-end gap-2 desktop-xs:flex-row desktop-xs:items-center' }, this.enableSearch && (h("p-field", { key: '24b86b5902911d4aae23b2857da262eacbf784be', icon: 'search', class: 'desktop-xs:max-w-60', placeholder: 'Zoeken...', value: this.query, onValueChange: ev => this._queryObserver.next(ev.detail) })), h("div", { key: 'b53d2ca089b385884637ad77b234a10d5f889ced', class: 'flex items-center gap-2' }, this.enableFilter && (h("p-button", { key: '56f05fcc7c2633cc7664622d3d0d6dffb7d7efcb', icon: 'filter', variant: 'secondary', class: `w-full ${this.enableFilterDesktop
                 ? 'desktop-xs:w-auto'
                 : 'desktop-xs:hidden'}`, onClick: () => this.filter.emit() }, this.filterButtonTemplate
             ? this.filterButtonTemplate()
             : this._defaultFilterButtonTemplate(), this.selectedFiltersAmount &&
-            this._getLabel(this.selectedFiltersAmount), mobileTotal > 0 && this._getLabel(mobileTotal, 'mobile'))), this.enableAction && this._buttonTemplate(), hasCustomActionsSlot && h("slot", { key: '131acff7514a093a756e5b6b2cbde077f92b2620', name: 'custom-actions' })), this.enableAction && this.canUseAction && (h("div", { key: 'c85203af6bb24027ee0e1eff79cd5aaa0bbe5438', class: 'fixed bottom-0 left-0 block w-full border border-solid border-transparent border-t-mystic-dark bg-white p-4 desktop-xs:hidden' }, this._buttonTemplate(true)))));
+            this._getLabel(this.selectedFiltersAmount), mobileTotal > 0 && this._getLabel(mobileTotal, 'mobile'))), !this.loading && this.enableExport && this.enableFilter && (h("p-divider", { key: '0f74c850f06051000fcec1111df686cada6b96b0', variant: 'vertical', class: 'hidden h-4 tablet:flex' })), !this.loading && this.enableExport && (h("p-button", { key: '8c46666090fdd946f986bfcc859536be9bbb7841', variant: 'secondary', icon: 'upload', class: 'desktop-xs:auto w-full', onClick: () => this.export.emit() }, formatTranslation(this._locales.export)))), this.enableAction && this._buttonTemplate(), hasCustomActionsSlot && h("slot", { key: '9afca30b53005ed17c4c9a351e23f003f2589d2f', name: 'custom-actions' })), this.enableAction && this.canUseAction && (h("div", { key: '14defd672bd6f0b9e1d29dc5495414ca29e450d6', class: 'fixed bottom-0 left-0 block w-full border border-solid border-transparent border-t-mystic-dark bg-white p-4 desktop-xs:hidden' }, this._buttonTemplate(true)))));
     }
     async _setLocales() {
         this._locales = await getLocaleComponentStrings(this._el);
     }
     _buttonTemplate(mobile = false) {
-        return (h("p-button", { class: mobile ? 'w-full' : 'hidden desktop-xs:flex', icon: this.actionIcon, size: 'sm', disabled: !this.canUseAction, onClick: () => this.action.emit(), loading: this.actionLoading }, this.actionButtonTemplate
+        return (h("p-button", { class: mobile ? 'w-full' : 'hidden desktop-xs:flex', icon: this.actionIcon, disabled: !this.canUseAction, onClick: () => this.action.emit(), loading: this.actionLoading }, this.actionButtonTemplate
             ? this.actionButtonTemplate(mobile ? this.itemsSelectedAmount : 0)
             : this._defaultActionButtonTemplate(mobile ? this.itemsSelectedAmount : 0)));
     }
@@ -9619,6 +9635,7 @@ const TableHeader = /*@__PURE__*/ proxyCustomElement(class TableHeader extends H
         "itemsSelectedAmount": [2, "items-selected-amount"],
         "query": [1025],
         "enableFilter": [4, "enable-filter"],
+        "enableExport": [4, "enable-export"],
         "enableFilterDesktop": [4, "enable-filter-desktop"],
         "selectedFiltersAmount": [2, "selected-filters-amount"],
         "filterButtonTemplate": [16, "filter-button-template"],
@@ -9634,7 +9651,7 @@ function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["p-table-header", "p-badge", "p-button", "p-field", "p-field-container", "p-helper", "p-icon", "p-loader", "p-portal", "p-segment-container", "p-segment-item", "p-tooltip"];
+    const components = ["p-table-header", "p-badge", "p-button", "p-divider", "p-field", "p-field-container", "p-helper", "p-icon", "p-loader", "p-portal", "p-segment-container", "p-segment-item", "p-tooltip"];
     components.forEach(tagName => { switch (tagName) {
         case "p-table-header":
             if (!customElements.get(tagName)) {
@@ -9643,10 +9660,15 @@ function defineCustomElement() {
             break;
         case "p-badge":
             if (!customElements.get(tagName)) {
-                defineCustomElement$b();
+                defineCustomElement$c();
             }
             break;
         case "p-button":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$b();
+            }
+            break;
+        case "p-divider":
             if (!customElements.get(tagName)) {
                 defineCustomElement$a();
             }
@@ -9701,6 +9723,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { TableHeader as T, defineCustomElement as d };
-//# sourceMappingURL=p-Ch2-P1F7.js.map
+//# sourceMappingURL=p-Bfsfjrch.js.map
 
-//# sourceMappingURL=p-Ch2-P1F7.js.map
+//# sourceMappingURL=p-Bfsfjrch.js.map