@paperless/core 0.1.0-alpha.223 → 0.1.0-alpha.225
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +24 -0
- package/dist/assets/i18n/table.i18n.en.json +13 -0
- package/dist/assets/i18n/table.i18n.nl.json +13 -0
- package/dist/assets/illustrations/empty-state-overview.svg +65 -0
- package/dist/assets/illustrations/empty-state-search.svg +88 -0
- package/dist/build/p-25ed4eb4.entry.js +1 -0
- package/dist/build/p-337ad423.entry.js +1 -0
- package/dist/build/{p-1f6a0296.entry.js → p-417a706f.entry.js} +1 -1
- package/dist/build/p-47c36e96.entry.js +1 -0
- package/dist/build/p-48d04ece.entry.js +1 -0
- package/dist/build/p-7e40c097.entry.js +1 -0
- package/dist/build/p-d70f6f04.entry.js +1 -0
- package/dist/{paperless/p-61975c9a.entry.js → build/p-ddeaf320.entry.js} +1 -1
- package/dist/build/p-e4a465a8.entry.js +1 -0
- package/dist/build/p-ff05fe38.entry.js +1 -0
- package/dist/build/paperless.esm.js +1 -1
- package/dist/cjs/index-cf92051a.js +4 -8
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/p-button_3.cjs.entry.js +3 -3
- package/dist/cjs/p-divider.cjs.entry.js +1 -1
- package/dist/cjs/p-dropdown_3.cjs.entry.js +3 -3
- package/dist/cjs/p-helper_2.cjs.entry.js +2 -2
- package/dist/cjs/p-illustration_6.cjs.entry.js +2756 -0
- package/dist/cjs/p-input-group_4.cjs.entry.js +4 -4
- package/dist/cjs/p-page-size-select_3.cjs.entry.js +2 -2
- package/dist/cjs/p-select.cjs.entry.js +7 -4
- package/dist/cjs/p-table.cjs.entry.js +27 -1
- package/dist/cjs/p-toast.cjs.entry.js +6 -1
- package/dist/cjs/paperless.cjs.js +1 -1
- package/dist/collection/assets/illustrations/empty-state-overview.svg +65 -0
- package/dist/collection/assets/illustrations/empty-state-search.svg +88 -0
- package/dist/collection/collection-manifest.json +2 -2
- package/dist/collection/components/atoms/button/button.component.css +1 -1
- package/dist/collection/components/atoms/divider/divider.component.css +1 -1
- package/dist/collection/components/atoms/dropdown-menu-container/dropdown-menu-container.component.css +1 -1
- package/dist/collection/components/atoms/dropdown-menu-item/dropdown-menu-item.component.css +1 -1
- package/dist/collection/components/atoms/helper/helper.component.css +1 -1
- package/dist/collection/components/atoms/icon/icon.component.css +1 -1
- package/dist/collection/components/atoms/illustration/illustration.component.js +1 -1
- package/dist/collection/components/atoms/label/label.component.css +1 -1
- package/dist/collection/components/atoms/loader/loader.component.css +1 -1
- package/dist/collection/components/atoms/pagination-item/pagination-item.component.css +1 -1
- package/dist/collection/components/atoms/segment-container/segment-container.component.css +1 -1
- package/dist/collection/components/atoms/segment-item/segment-item.component.css +1 -1
- package/dist/collection/components/atoms/table-container/table-container.component.css +1 -1
- package/dist/collection/components/atoms/tooltip/tooltip.component.css +1 -1
- package/dist/collection/components/molecules/dropdown/dropdown.component.css +1 -1
- package/dist/collection/components/molecules/input-group/input-group.component.css +1 -1
- package/dist/collection/components/molecules/pagination/pagination.component.css +1 -1
- package/dist/collection/components/molecules/select/select.component.js +7 -4
- package/dist/collection/components/molecules/table-cell/table-cell.component.css +1 -1
- package/dist/collection/components/molecules/table-footer/table-footer.component.css +1 -1
- package/dist/collection/components/molecules/table-header/table-header.component.css +1 -1
- package/dist/collection/components/molecules/table-row/table-row.component.css +1 -1
- package/dist/collection/components/molecules/toast/toast.component.js +7 -2
- package/dist/collection/components/organisms/table/table.component.css +1 -1
- package/dist/collection/components/organisms/table/table.component.js +160 -7
- package/dist/collection/utils/illustrations.js +4 -0
- package/dist/components/button.component.js +1 -1
- package/dist/components/divider.component.js +1 -1
- package/dist/components/dropdown-menu-container.component.js +1 -1
- package/dist/components/dropdown-menu-item.component.js +1 -1
- package/dist/components/dropdown.component.js +1 -1
- package/dist/components/helper.component.js +1 -1
- package/dist/components/icon.component.js +1 -1
- package/dist/{cjs/p-illustration.cjs.entry.js → components/illustration.component.js} +184 -16
- package/dist/components/input-group.component.js +1 -1
- package/dist/components/label.component.js +1 -1
- package/dist/components/loader.component.js +1 -1
- package/dist/components/p-illustration.js +1 -1435
- package/dist/components/p-select.js +7 -4
- package/dist/components/p-table.js +54 -16
- package/dist/components/p-toast.js +6 -1
- package/dist/components/pagination-item.component.js +1 -1
- package/dist/components/pagination.component.js +1 -1
- package/dist/components/segment-container.component.js +1 -1
- package/dist/components/segment-item.component.js +1 -1
- package/dist/components/table-cell.component.js +1 -1
- package/dist/components/table-container.component.js +1 -1
- package/dist/components/table-footer.component.js +1 -1
- package/dist/components/table-header.component.js +1 -1
- package/dist/components/table-row.component.js +1 -1
- package/dist/components/tooltip.component.js +1 -1
- package/dist/esm/index-7c99f044.js +4 -8
- package/dist/esm/loader.js +1 -1
- package/dist/esm/p-button_3.entry.js +3 -3
- package/dist/esm/p-divider.entry.js +1 -1
- package/dist/esm/p-dropdown_3.entry.js +3 -3
- package/dist/esm/p-helper_2.entry.js +2 -2
- package/dist/esm/{p-illustration.entry.js → p-illustration_6.entry.js} +1327 -2
- package/dist/esm/p-input-group_4.entry.js +4 -4
- package/dist/esm/p-page-size-select_3.entry.js +2 -2
- package/dist/esm/p-select.entry.js +7 -4
- package/dist/esm/p-table.entry.js +27 -1
- package/dist/esm/p-toast.entry.js +6 -1
- package/dist/esm/paperless.js +1 -1
- package/dist/index.html +1 -1
- package/dist/paperless/p-25ed4eb4.entry.js +1 -0
- package/dist/paperless/p-337ad423.entry.js +1 -0
- package/dist/paperless/{p-1f6a0296.entry.js → p-417a706f.entry.js} +1 -1
- package/dist/paperless/p-47c36e96.entry.js +1 -0
- package/dist/paperless/p-48d04ece.entry.js +1 -0
- package/dist/paperless/p-7e40c097.entry.js +1 -0
- package/dist/paperless/p-d70f6f04.entry.js +1 -0
- package/dist/{build/p-61975c9a.entry.js → paperless/p-ddeaf320.entry.js} +1 -1
- package/dist/paperless/p-e4a465a8.entry.js +1 -0
- package/dist/paperless/p-ff05fe38.entry.js +1 -0
- package/dist/paperless/paperless.esm.js +1 -1
- package/dist/sw.js +1 -1
- package/dist/sw.js.map +1 -1
- package/dist/types/components/molecules/toast/toast.component.d.ts +1 -0
- package/dist/types/components/organisms/table/table.component.d.ts +18 -2
- package/dist/types/components.d.ts +21 -6
- package/dist/types/utils/illustrations.d.ts +2 -0
- package/package.json +1 -1
- package/dist/build/p-2bf44a1d.entry.js +0 -1
- package/dist/build/p-3b243f16.entry.js +0 -1
- package/dist/build/p-6f09d65f.entry.js +0 -1
- package/dist/build/p-78db3d3c.entry.js +0 -1
- package/dist/build/p-8262fe7e.entry.js +0 -1
- package/dist/build/p-98332f25.entry.js +0 -1
- package/dist/build/p-9fba2393.entry.js +0 -1
- package/dist/build/p-aae4caab.entry.js +0 -1
- package/dist/build/p-f45b75ae.entry.js +0 -1
- package/dist/cjs/p-table-cell_5.cjs.entry.js +0 -1179
- package/dist/esm/p-table-cell_5.entry.js +0 -1171
- package/dist/paperless/p-2bf44a1d.entry.js +0 -1
- package/dist/paperless/p-3b243f16.entry.js +0 -1
- package/dist/paperless/p-6f09d65f.entry.js +0 -1
- package/dist/paperless/p-78db3d3c.entry.js +0 -1
- package/dist/paperless/p-8262fe7e.entry.js +0 -1
- package/dist/paperless/p-98332f25.entry.js +0 -1
- package/dist/paperless/p-9fba2393.entry.js +0 -1
- package/dist/paperless/p-aae4caab.entry.js +0 -1
- package/dist/paperless/p-f45b75ae.entry.js +0 -1
|
@@ -1,1171 +0,0 @@
|
|
|
1
|
-
import { r as registerInstance, h, H as Host, c as createEvent, g as getElement } from './index-7c99f044.js';
|
|
2
|
-
import { o as objectGetByPath } from './object-get-by-path-d6427a61.js';
|
|
3
|
-
import { f as formatTranslation, g as getLocaleComponentStrings } from './localization-abb97f67.js';
|
|
4
|
-
import { d as defaultSize, a as defaultSizeOptions } from './constants-826f9460.js';
|
|
5
|
-
|
|
6
|
-
const tableCellComponentCss = ".visible{visibility:visible!important}.static{position:static!important}.fixed{position:fixed!important}.bottom-0{bottom:0!important}.left-0{left:0!important}.m-0{margin:0!important}.ml-1{margin-left:.25rem!important}.block{display:block!important}.flex{display:flex!important}.table{display:table!important}.hidden{display:none!important}.h-6{height:1.5rem!important}.w-1{width:.25rem!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-10{width:2.5rem!important}.w-11{width:2.75rem!important}.w-full{width:100%!important}.w-auto{width:auto!important}.flex-1{flex:1 1 0%!important}.flex-col{flex-direction:column!important}.justify-start{justify-content:flex-start!important}.justify-end{justify-content:flex-end!important}.justify-center{justify-content:center!important}.gap-4{gap:1rem!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}.font-semibold{font-weight:600!important}.text-storm-dark{--tw-text-opacity:1!important;color:rgb(39 40 56/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-cell{align-items:center;display:flex;gap:1rem}.w-1\\/12{width:8.333333%!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}.w-10\\/12{width:83.333333%!important}.w-11\\/12{width:91.666667%!important}@media (min-width:40rem){.tablet\\:w-1\\/12{width:8.333333%!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}.tablet\\:w-10\\/12{width:83.333333%!important}.tablet\\:w-11\\/12{width:91.666667%!important}}@media (min-width:64rem){.desktop-xs\\:w-1\\/12{width:8.333333%!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}.desktop-xs\\:w-10\\/12{width:83.333333%!important}.desktop-xs\\:w-11\\/12{width:91.666667%!important}}@media (min-width:80rem){.desktop-sm\\:w-1\\/12{width:8.333333%!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}.desktop-sm\\:w-10\\/12{width:83.333333%!important}.desktop-sm\\:w-11\\/12{width:91.666667%!important}}@media (min-width:85.375rem){.desktop\\:w-1\\/12{width:8.333333%!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}.desktop\\:w-10\\/12{width:83.333333%!important}.desktop\\:w-11\\/12{width:91.666667%!important}}@media (min-width:90rem){.desktop-lg\\:w-1\\/12{width:8.333333%!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}.desktop-lg\\:w-10\\/12{width:83.333333%!important}.desktop-lg\\:w-11\\/12{width:91.666667%!important}}@media (min-width:120rem){.desktop-xl\\:w-1\\/12{width:8.333333%!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}.desktop-xl\\:w-10\\/12{width:83.333333%!important}.desktop-xl\\:w-11\\/12{width:91.666667%!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}}.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}";
|
|
7
|
-
|
|
8
|
-
const TableCell = class {
|
|
9
|
-
constructor(hostRef) {
|
|
10
|
-
registerInstance(this, hostRef);
|
|
11
|
-
/**
|
|
12
|
-
* The variant of the column
|
|
13
|
-
*/
|
|
14
|
-
this.variant = 'default';
|
|
15
|
-
/**
|
|
16
|
-
* The template to show
|
|
17
|
-
*/
|
|
18
|
-
this.template = ({ value, }) => value;
|
|
19
|
-
}
|
|
20
|
-
get data() {
|
|
21
|
-
var _a;
|
|
22
|
-
if (this.variant === 'header') {
|
|
23
|
-
return {
|
|
24
|
-
value: this.value,
|
|
25
|
-
};
|
|
26
|
-
}
|
|
27
|
-
return {
|
|
28
|
-
value: (_a = this.value) !== null && _a !== void 0 ? _a : objectGetByPath(this.item, this.definition.path),
|
|
29
|
-
item: this.item,
|
|
30
|
-
index: this.index,
|
|
31
|
-
rowIndex: this.rowIndex,
|
|
32
|
-
};
|
|
33
|
-
}
|
|
34
|
-
render() {
|
|
35
|
-
return (h(Host, { class: Object.assign({ 'p-table-cell': true, [`variant-${this.variant}`]: true }, this._getColumnClasses()) }, this.checkbox, this.variant === 'loading' ? (h("p-loader", { variant: "ghost", class: "rounded flex-1 w-full h-6" })) : (h("div", { class: "flex" }, this.variant === 'header' ? (this.data.value) : this.definition.useSlot ? (h("slot", null)) : (this.template(this.data))))));
|
|
36
|
-
}
|
|
37
|
-
_getColumnClasses() {
|
|
38
|
-
var _a, _b, _c, _d, _e, _f;
|
|
39
|
-
const sizes = this.definition ? this._getSizes(this.definition) : {};
|
|
40
|
-
return Object.assign({ 'justify-start': !((_a = this.definition) === null || _a === void 0 ? void 0 : _a.align) || ((_b = this.definition) === null || _b === void 0 ? void 0 : _b.align) === 'start', 'justify-center': ((_c = this.definition) === null || _c === void 0 ? void 0 : _c.align) === 'center', 'justify-end': ((_d = this.definition) === null || _d === void 0 ? void 0 : _d.align) === 'end', 'font-semibold': this.variant !== 'header' && ((_e = this.definition) === null || _e === void 0 ? void 0 : _e.type) === 'th', 'text-storm-dark': this.variant !== 'header' && ((_f = this.definition) === null || _f === void 0 ? void 0 : _f.type) === 'th' }, sizes);
|
|
41
|
-
}
|
|
42
|
-
/*
|
|
43
|
-
With this, we shall hack the system in ways no one would ever have thought.
|
|
44
|
-
|
|
45
|
-
w-1/12 w-2/12 w-3/12 w-4/12 w-5/12 w-6/12 w-7/12 w-8/12 w-9/12 w-10/12 w-11/12 w-12/12
|
|
46
|
-
tablet:w-1/12 tablet:w-2/12 tablet:w-3/12 tablet:w-4/12 tablet:w-5/12 tablet:w-6/12 tablet:w-7/12 tablet:w-8/12 tablet:w-9/12 tablet:w-10/12 tablet:w-11/12 tablet:w-12/12
|
|
47
|
-
desktop-xs:w-1/12 desktop-xs:w-2/12 desktop-xs:w-3/12 desktop-xs:w-4/12 desktop-xs:w-5/12 desktop-xs:w-6/12 desktop-xs:w-7/12 desktop-xs:w-8/12 desktop-xs:w-9/12 desktop-xs:w-10/12 desktop-xs:w-11/12 desktop-xs:w-12/12
|
|
48
|
-
desktop-xs:w-1/12 desktop-xs:w-2/12 desktop-xs:w-3/12 desktop-xs:w-4/12 desktop-xs:w-5/12 desktop-xs:w-6/12 desktop-xs:w-7/12 desktop-xs:w-8/12 desktop-xs:w-9/12 desktop-xs:w-10/12 desktop-xs:w-11/12 desktop-xs:w-12/12
|
|
49
|
-
desktop-sm:w-1/12 desktop-sm:w-2/12 desktop-sm:w-3/12 desktop-sm:w-4/12 desktop-sm:w-5/12 desktop-sm:w-6/12 desktop-sm:w-7/12 desktop-sm:w-8/12 desktop-sm:w-9/12 desktop-sm:w-10/12 desktop-sm:w-11/12 desktop-sm:w-12/12
|
|
50
|
-
desktop:w-1/12 desktop:w-2/12 desktop:w-3/12 desktop:w-4/12 desktop:w-5/12 desktop:w-6/12 desktop:w-7/12 desktop:w-8/12 desktop:w-9/12 desktop:w-10/12 desktop:w-11/12 desktop:w-12/12
|
|
51
|
-
desktop-lg:w-1/12 desktop-lg:w-2/12 desktop-lg:w-3/12 desktop-lg:w-4/12 desktop-lg:w-5/12 desktop-lg:w-6/12 desktop-lg:w-7/12 desktop-lg:w-8/12 desktop-lg:w-9/12 desktop-lg:w-10/12 desktop-lg:w-11/12 desktop-lg:w-12/12
|
|
52
|
-
desktop-xl:w-1/12 desktop-xl:w-2/12 desktop-xl:w-3/12 desktop-xl:w-4/12 desktop-xl:w-5/12 desktop-xl:w-6/12 desktop-xl:w-7/12 desktop-xl:w-8/12 desktop-xl:w-9/12 desktop-xl:w-10/12 desktop-xl:w-11/12 desktop-xl:w-12/12
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
⠀⠀⠀⠀⠀⣠⣴⣶⣿⣿⠿⣷⣶⣤⣄⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣠⣴⣶⣷⠿⣿⣿⣶⣦⣀⠀⠀⠀⠀⠀
|
|
56
|
-
⠀⠀⠀⢀⣾⣿⣿⣿⣿⣿⣿⣿⣶⣦⣬⡉⠒⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠚⢉⣥⣴⣾⣿⣿⣿⣿⣿⣿⣿⣧⠀⠀⠀⠀
|
|
57
|
-
⠀⠀⠀⡾⠿⠛⠛⠛⠛⠿⢿⣿⣿⣿⣿⣿⣷⣄⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣠⣾⣿⣿⣿⣿⣿⠿⠿⠛⠛⠛⠛⠿⢧⠀⠀⠀
|
|
58
|
-
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠙⠻⣿⣿⣿⣿⣿⡄⠀⠀⠀⠀⠀⠀⣠⣿⣿⣿⣿⡿⠟⠉⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
|
|
59
|
-
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠙⢿⣿⡄⠀⠀⠀⠀⠀⠀⠀⠀⢰⣿⡿⠋⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
|
|
60
|
-
⠀⠀⠀⠀⠀⠀⠀⣠⣤⠶⠶⠶⠰⠦⣤⣀⠀⠙⣷⠀⠀⠀⠀⠀⠀⠀⢠⡿⠋⢀⣀⣤⢴⠆⠲⠶⠶⣤⣄⠀⠀⠀⠀⠀⠀⠀
|
|
61
|
-
⠀⠘⣆⠀⠀⢠⣾⣫⣶⣾⣿⣿⣿⣿⣷⣯⣿⣦⠈⠃⡇⠀⠀⠀⠀⢸⠘⢁⣶⣿⣵⣾⣿⣿⣿⣿⣷⣦⣝⣷⡄⠀⠀⡰⠂⠀
|
|
62
|
-
⠀⠀⣨⣷⣶⣿⣧⣛⣛⠿⠿⣿⢿⣿⣿⣛⣿⡿⠀⠀⡇⠀⠀⠀⠀⢸⠀⠈⢿⣟⣛⠿⢿⡿⢿⢿⢿⣛⣫⣼⡿⣶⣾⣅⡀⠀
|
|
63
|
-
⢀⡼⠋⠁⠀⠀⠈⠉⠛⠛⠻⠟⠸⠛⠋⠉⠁⠀⠀⢸⡇⠀⠀⠄⠀⢸⡄⠀⠀⠈⠉⠙⠛⠃⠻⠛⠛⠛⠉⠁⠀⠀⠈⠙⢧⡀
|
|
64
|
-
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣿⡇⢠⠀⠀⠀⢸⣷⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
|
|
65
|
-
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣾⣿⡇⠀⠀⠀⠀⢸⣿⣷⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
|
|
66
|
-
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣰⠟⠁⣿⠇⠀⠀⠀⠀⢸⡇⠙⢿⣆⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
|
|
67
|
-
⠀⠰⣄⠀⠀⠀⠀⠀⠀⠀⠀⢀⣠⣾⠖⡾⠁⠀⠀⣿⠀⠀⠀⠀⠀⠘⣿⠀⠀⠙⡇⢸⣷⣄⡀⠀⠀⠀⠀⠀⠀⠀⠀⣰⠄⠀
|
|
68
|
-
⠀⠀⢻⣷⡦⣤⣤⣤⡴⠶⠿⠛⠉⠁⠀⢳⠀⢠⡀⢿⣀⠀⠀⠀⠀⣠⡟⢀⣀⢠⠇⠀⠈⠙⠛⠷⠶⢦⣤⣤⣤⢴⣾⡏⠀⠀
|
|
69
|
-
⠀⠀⠈⣿⣧⠙⣿⣷⣄⠀⠀⠀⠀⠀⠀⠀⠀⠘⠛⢊⣙⠛⠒⠒⢛⣋⡚⠛⠉⠀⠀⠀⠀⠀⠀⠀⠀⣠⣿⡿⠁⣾⡿⠀⠀⠀
|
|
70
|
-
⠀⠀⠀⠘⣿⣇⠈⢿⣿⣦⠀⠀⠀⠀⠀⠀⠀⠀⣰⣿⣿⣿⡿⢿⣿⣿⣿⣆⠀⠀⠀⠀⠀⠀⠀⢀⣼⣿⡟⠁⣼⡿⠁⠀⠀⠀
|
|
71
|
-
⠀⠀⠀⠀⠘⣿⣦⠀⠻⣿⣷⣦⣤⣤⣶⣶⣶⣿⣿⣿⣿⠏⠀⠀⠻⣿⣿⣿⣿⣶⣶⣶⣦⣤⣴⣿⣿⠏⢀⣼⡿⠁⠀⠀⠀⠀
|
|
72
|
-
⠀⠀⠀⠀⠀⠘⢿⣷⣄⠙⠻⠿⠿⠿⠿⠿⢿⣿⣿⣿⣁⣀⣀⣀⣀⣙⣿⣿⣿⠿⠿⠿⠿⠿⠿⠟⠁⣠⣿⡿⠁⠀⠀⠀⠀⠀
|
|
73
|
-
⠀⠀⠀⠀⠀⠀⠈⠻⣯⠙⢦⣀⠀⠀⠀⠀⠀⠉⠉⠉⠉⠉⠉⠉⠉⠉⠉⠉⠉⠀⠀⠀⠀⠀⣠⠴⢋⣾⠟⠀⠀⠀⠀⠀⠀⠀
|
|
74
|
-
⠀⠀⠀⠀⠀⠀⠀⠀⠙⢧⡀⠈⠉⠒⠀⠀⠀⠀⠀⠀⣀⠀⠀⠀⠀⢀⠀⠀⠀⠀⠀⠐⠒⠉⠁⢀⡾⠃⠀⠀⠀⠀⠀⠀⠀⠀
|
|
75
|
-
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠳⣄⠀⠀⠀⠀⠀⠀⠀⠀⠻⣿⣿⣿⣿⠋⠀⠀⠀⠀⠀⠀⠀⠀⣠⠟⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
|
|
76
|
-
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠘⢦⡀⠀⠀⠀⠀⠀⠀⠀⣸⣿⣿⡇⠀⠀⠀⠀⠀⠀⠀⢀⡴⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
|
|
77
|
-
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣿⣿⣿⣿⠀⠀⠀⠀⠀⠀⠀⠋⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
|
|
78
|
-
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠐⣿⣿⣿⣿⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
|
|
79
|
-
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣿⣿⣿⡿⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
|
|
80
|
-
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢻⣿⣿⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
|
|
81
|
-
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠸⣿⣿⠃⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
|
|
82
|
-
*/
|
|
83
|
-
_getSizes({ sizes }) {
|
|
84
|
-
if (sizes === 'auto' || !sizes) {
|
|
85
|
-
return {
|
|
86
|
-
'w-auto': true,
|
|
87
|
-
};
|
|
88
|
-
}
|
|
89
|
-
if (typeof sizes === 'object') {
|
|
90
|
-
const classes = {};
|
|
91
|
-
for (const size of Object.keys(sizes)) {
|
|
92
|
-
if (size === 'default') {
|
|
93
|
-
classes[`w-${sizes.default}/12`] = true;
|
|
94
|
-
continue;
|
|
95
|
-
}
|
|
96
|
-
classes[`${size}:w-${sizes[`${size}`]}/12`] = true;
|
|
97
|
-
}
|
|
98
|
-
return classes;
|
|
99
|
-
}
|
|
100
|
-
// is a number.
|
|
101
|
-
return {
|
|
102
|
-
[`w-${sizes}/12`]: true,
|
|
103
|
-
};
|
|
104
|
-
}
|
|
105
|
-
};
|
|
106
|
-
TableCell.style = tableCellComponentCss;
|
|
107
|
-
|
|
108
|
-
const tableContainerComponentCss = ".visible{visibility:visible!important}.static{position:static!important}.fixed{position:fixed!important}.bottom-0{bottom:0!important}.left-0{left:0!important}.m-0{margin:0!important}.ml-1{margin-left:.25rem!important}.block{display:block!important}.flex{display:flex!important}.table{display:table!important}.hidden{display:none!important}.h-6{height:1.5rem!important}.w-1{width:.25rem!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-10{width:2.5rem!important}.w-11{width:2.75rem!important}.w-full{width:100%!important}.w-auto{width:auto!important}.flex-1{flex:1 1 0%!important}.flex-col{flex-direction:column!important}.justify-start{justify-content:flex-start!important}.justify-end{justify-content:flex-end!important}.justify-center{justify-content:center!important}.gap-4{gap:1rem!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}.font-semibold{font-weight:600!important}.text-storm-dark{--tw-text-opacity:1!important;color:rgb(39 40 56/var(--tw-text-opacity))!important}.shadow-4{--tw-shadow:0px 0.3125rem 1rem rgba(0,24,98,.08),0px 0.0625rem 0.1875rem rgba(0,24,98,.13)!important;--tw-shadow-colored:0px 0.3125rem 1rem var(--tw-shadow-color),0px 0.0625rem 0.1875rem var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.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{--tw-bg-opacity:1;--tw-shadow:0px 0.3125rem 1rem rgba(0,24,98,.08),0px 0.0625rem 0.1875rem rgba(0,24,98,.13)!important;--tw-shadow-colored:0px 0.3125rem 1rem var(--tw-shadow-color),0px 0.0625rem 0.1875rem var(--tw-shadow-color)!important;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-radius:.375rem;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important;display:flex;flex-direction:column;width:100%}.w-1\\/12{width:8.333333%!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}.w-10\\/12{width:83.333333%!important}.w-11\\/12{width:91.666667%!important}@media (min-width:40rem){.tablet\\:w-1\\/12{width:8.333333%!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}.tablet\\:w-10\\/12{width:83.333333%!important}.tablet\\:w-11\\/12{width:91.666667%!important}}@media (min-width:64rem){.desktop-xs\\:w-1\\/12{width:8.333333%!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}.desktop-xs\\:w-10\\/12{width:83.333333%!important}.desktop-xs\\:w-11\\/12{width:91.666667%!important}}@media (min-width:80rem){.desktop-sm\\:w-1\\/12{width:8.333333%!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}.desktop-sm\\:w-10\\/12{width:83.333333%!important}.desktop-sm\\:w-11\\/12{width:91.666667%!important}}@media (min-width:85.375rem){.desktop\\:w-1\\/12{width:8.333333%!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}.desktop\\:w-10\\/12{width:83.333333%!important}.desktop\\:w-11\\/12{width:91.666667%!important}}@media (min-width:90rem){.desktop-lg\\:w-1\\/12{width:8.333333%!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}.desktop-lg\\:w-10\\/12{width:83.333333%!important}.desktop-lg\\:w-11\\/12{width:91.666667%!important}}@media (min-width:120rem){.desktop-xl\\:w-1\\/12{width:8.333333%!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}.desktop-xl\\:w-10\\/12{width:83.333333%!important}.desktop-xl\\:w-11\\/12{width:91.666667%!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}}.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}";
|
|
109
|
-
|
|
110
|
-
const TableContainer = class {
|
|
111
|
-
constructor(hostRef) {
|
|
112
|
-
registerInstance(this, hostRef);
|
|
113
|
-
}
|
|
114
|
-
render() {
|
|
115
|
-
return (h(Host, { class: "p-table-container" }, h("slot", null)));
|
|
116
|
-
}
|
|
117
|
-
};
|
|
118
|
-
TableContainer.style = tableContainerComponentCss;
|
|
119
|
-
|
|
120
|
-
const tableFooterComponentCss = ".visible{visibility:visible!important}.static{position:static!important}.fixed{position:fixed!important}.bottom-0{bottom:0!important}.left-0{left:0!important}.m-0{margin:0!important}.ml-1{margin-left:.25rem!important}.block{display:block!important}.flex{display:flex!important}.table{display:table!important}.grid{display:grid!important}.hidden{display:none!important}.h-6{height:1.5rem!important}.w-1{width:.25rem!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-10{width:2.5rem!important}.w-11{width:2.75rem!important}.w-full{width:100%!important}.w-auto{width:auto!important}.flex-1{flex:1 1 0%!important}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))!important}.flex-col{flex-direction:column!important}.justify-start{justify-content:flex-start!important}.justify-end{justify-content:flex-end!important}.justify-center{justify-content:center!important}.gap-4{gap:1rem!important}.justify-self-end{justify-self:end!important}.justify-self-center{justify-self:center!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}.font-semibold{font-weight:600!important}.text-storm-dark{--tw-text-opacity:1!important;color:rgb(39 40 56/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:grid;gap:1rem;grid-template-columns:repeat(1,minmax(0,1fr));padding:1.5rem;width:100%}:host>p-pagination{display:flex;grid-column-start:1;justify-self:center}@media (min-width:64rem){:host{grid-template-areas:\"page-size pagination export\";grid-template-columns:repeat(3,minmax(0,1fr))}:host>p-page-size-select{grid-column-start:1}:host>p-pagination{grid-column-start:2}:host>p-button{grid-column-start:3;justify-self:end}}:host(.page-size-disabled.export-disabled){grid-template-columns:repeat(1,minmax(0,1fr))}:host(.page-size-disabled.export-disabled)>p-pagination{grid-column-start:1}.w-1\\/12{width:8.333333%!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}.w-10\\/12{width:83.333333%!important}.w-11\\/12{width:91.666667%!important}@media (min-width:40rem){.tablet\\:w-1\\/12{width:8.333333%!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}.tablet\\:w-10\\/12{width:83.333333%!important}.tablet\\:w-11\\/12{width:91.666667%!important}}@media (min-width:64rem){.desktop-xs\\:w-1\\/12{width:8.333333%!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}.desktop-xs\\:w-10\\/12{width:83.333333%!important}.desktop-xs\\:w-11\\/12{width:91.666667%!important}}@media (min-width:80rem){.desktop-sm\\:w-1\\/12{width:8.333333%!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}.desktop-sm\\:w-10\\/12{width:83.333333%!important}.desktop-sm\\:w-11\\/12{width:91.666667%!important}}@media (min-width:85.375rem){.desktop\\:w-1\\/12{width:8.333333%!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}.desktop\\:w-10\\/12{width:83.333333%!important}.desktop\\:w-11\\/12{width:91.666667%!important}}@media (min-width:90rem){.desktop-lg\\:w-1\\/12{width:8.333333%!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}.desktop-lg\\:w-10\\/12{width:83.333333%!important}.desktop-lg\\:w-11\\/12{width:91.666667%!important}}@media (min-width:120rem){.desktop-xl\\:w-1\\/12{width:8.333333%!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}.desktop-xl\\:w-10\\/12{width:83.333333%!important}.desktop-xl\\:w-11\\/12{width:91.666667%!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}}.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}";
|
|
121
|
-
|
|
122
|
-
const TableFooter = class {
|
|
123
|
-
constructor(hostRef) {
|
|
124
|
-
registerInstance(this, hostRef);
|
|
125
|
-
this.pageChange = createEvent(this, "pageChange", 7);
|
|
126
|
-
this.pageSizeChange = createEvent(this, "pageSizeChange", 7);
|
|
127
|
-
this.export = createEvent(this, "export", 7);
|
|
128
|
-
/**
|
|
129
|
-
* Wether to enable page size select
|
|
130
|
-
*/
|
|
131
|
-
this.enablePageSize = true;
|
|
132
|
-
/**
|
|
133
|
-
* Wether to enable pagination
|
|
134
|
-
*/
|
|
135
|
-
this.enablePagination = true;
|
|
136
|
-
/**
|
|
137
|
-
* Wether to enable export
|
|
138
|
-
*/
|
|
139
|
-
this.enableExport = true;
|
|
140
|
-
/**
|
|
141
|
-
* The current page
|
|
142
|
-
*/
|
|
143
|
-
this.page = 1;
|
|
144
|
-
/**
|
|
145
|
-
* The amount of items per page
|
|
146
|
-
*/
|
|
147
|
-
this.pageSize = defaultSize;
|
|
148
|
-
/**
|
|
149
|
-
* The options for the page size
|
|
150
|
-
*/
|
|
151
|
-
this.pageSizeOptions = defaultSizeOptions;
|
|
152
|
-
/**
|
|
153
|
-
* Wether to hide when there is only 1 page available
|
|
154
|
-
*/
|
|
155
|
-
this.hideOnSinglePage = true;
|
|
156
|
-
/**
|
|
157
|
-
* Locales used for this component
|
|
158
|
-
*/
|
|
159
|
-
this._locales = {};
|
|
160
|
-
}
|
|
161
|
-
componentWillLoad() {
|
|
162
|
-
this._setLocales();
|
|
163
|
-
}
|
|
164
|
-
render() {
|
|
165
|
-
var _a;
|
|
166
|
-
const hidePageSizeSelect = this.hideOnSinglePage && this.total < ((_a = this.pageSizeOptions) === null || _a === void 0 ? void 0 : _a[0]);
|
|
167
|
-
return (h(Host, { class: `p-table-footer ${!this.enablePageSize && 'page-size-disabled'} ${!this.enablePagination && 'pagination-disabled'} ${!this.enableExport && 'export-disabled'}` }, this.enablePagination && this.enablePageSize && (h("p-page-size-select", { class: !hidePageSizeSelect && 'hidden desktop-xs:flex', hidden: hidePageSizeSelect, size: this.pageSize, sizeOptions: this.pageSizeOptions, onSizeChange: ({ detail }) => this._changePageSize(detail) })), this.enablePagination && (h("p-pagination", { pageSize: this.pageSize, total: this.total, page: this.page, hideOnSinglePage: this.hideOnSinglePage, onPageChange: ({ detail }) => this.pageChange.emit(detail) })), this.enableExport && (h("p-button", { class: "hidden desktop-xs:flex", variant: "secondary", size: "small", icon: "download", onClick: () => this.export.emit() }, formatTranslation(this._locales.export)))));
|
|
168
|
-
}
|
|
169
|
-
async _setLocales() {
|
|
170
|
-
this._locales = await getLocaleComponentStrings(this._el);
|
|
171
|
-
}
|
|
172
|
-
_changePageSize(s) {
|
|
173
|
-
if (!s) {
|
|
174
|
-
return;
|
|
175
|
-
}
|
|
176
|
-
this.pageSize = s;
|
|
177
|
-
this.pageSizeChange.emit(this.pageSize);
|
|
178
|
-
}
|
|
179
|
-
get _el() { return getElement(this); }
|
|
180
|
-
};
|
|
181
|
-
TableFooter.style = tableFooterComponentCss;
|
|
182
|
-
|
|
183
|
-
function isFunction(value) {
|
|
184
|
-
return typeof value === 'function';
|
|
185
|
-
}
|
|
186
|
-
|
|
187
|
-
function createErrorClass(createImpl) {
|
|
188
|
-
const _super = (instance) => {
|
|
189
|
-
Error.call(instance);
|
|
190
|
-
instance.stack = new Error().stack;
|
|
191
|
-
};
|
|
192
|
-
const ctorFunc = createImpl(_super);
|
|
193
|
-
ctorFunc.prototype = Object.create(Error.prototype);
|
|
194
|
-
ctorFunc.prototype.constructor = ctorFunc;
|
|
195
|
-
return ctorFunc;
|
|
196
|
-
}
|
|
197
|
-
|
|
198
|
-
const UnsubscriptionError = createErrorClass((_super) => function UnsubscriptionErrorImpl(errors) {
|
|
199
|
-
_super(this);
|
|
200
|
-
this.message = errors
|
|
201
|
-
? `${errors.length} errors occurred during unsubscription:
|
|
202
|
-
${errors.map((err, i) => `${i + 1}) ${err.toString()}`).join('\n ')}`
|
|
203
|
-
: '';
|
|
204
|
-
this.name = 'UnsubscriptionError';
|
|
205
|
-
this.errors = errors;
|
|
206
|
-
});
|
|
207
|
-
|
|
208
|
-
function arrRemove(arr, item) {
|
|
209
|
-
if (arr) {
|
|
210
|
-
const index = arr.indexOf(item);
|
|
211
|
-
0 <= index && arr.splice(index, 1);
|
|
212
|
-
}
|
|
213
|
-
}
|
|
214
|
-
|
|
215
|
-
class Subscription {
|
|
216
|
-
constructor(initialTeardown) {
|
|
217
|
-
this.initialTeardown = initialTeardown;
|
|
218
|
-
this.closed = false;
|
|
219
|
-
this._parentage = null;
|
|
220
|
-
this._finalizers = null;
|
|
221
|
-
}
|
|
222
|
-
unsubscribe() {
|
|
223
|
-
let errors;
|
|
224
|
-
if (!this.closed) {
|
|
225
|
-
this.closed = true;
|
|
226
|
-
const { _parentage } = this;
|
|
227
|
-
if (_parentage) {
|
|
228
|
-
this._parentage = null;
|
|
229
|
-
if (Array.isArray(_parentage)) {
|
|
230
|
-
for (const parent of _parentage) {
|
|
231
|
-
parent.remove(this);
|
|
232
|
-
}
|
|
233
|
-
}
|
|
234
|
-
else {
|
|
235
|
-
_parentage.remove(this);
|
|
236
|
-
}
|
|
237
|
-
}
|
|
238
|
-
const { initialTeardown: initialFinalizer } = this;
|
|
239
|
-
if (isFunction(initialFinalizer)) {
|
|
240
|
-
try {
|
|
241
|
-
initialFinalizer();
|
|
242
|
-
}
|
|
243
|
-
catch (e) {
|
|
244
|
-
errors = e instanceof UnsubscriptionError ? e.errors : [e];
|
|
245
|
-
}
|
|
246
|
-
}
|
|
247
|
-
const { _finalizers } = this;
|
|
248
|
-
if (_finalizers) {
|
|
249
|
-
this._finalizers = null;
|
|
250
|
-
for (const finalizer of _finalizers) {
|
|
251
|
-
try {
|
|
252
|
-
execFinalizer(finalizer);
|
|
253
|
-
}
|
|
254
|
-
catch (err) {
|
|
255
|
-
errors = errors !== null && errors !== void 0 ? errors : [];
|
|
256
|
-
if (err instanceof UnsubscriptionError) {
|
|
257
|
-
errors = [...errors, ...err.errors];
|
|
258
|
-
}
|
|
259
|
-
else {
|
|
260
|
-
errors.push(err);
|
|
261
|
-
}
|
|
262
|
-
}
|
|
263
|
-
}
|
|
264
|
-
}
|
|
265
|
-
if (errors) {
|
|
266
|
-
throw new UnsubscriptionError(errors);
|
|
267
|
-
}
|
|
268
|
-
}
|
|
269
|
-
}
|
|
270
|
-
add(teardown) {
|
|
271
|
-
var _a;
|
|
272
|
-
if (teardown && teardown !== this) {
|
|
273
|
-
if (this.closed) {
|
|
274
|
-
execFinalizer(teardown);
|
|
275
|
-
}
|
|
276
|
-
else {
|
|
277
|
-
if (teardown instanceof Subscription) {
|
|
278
|
-
if (teardown.closed || teardown._hasParent(this)) {
|
|
279
|
-
return;
|
|
280
|
-
}
|
|
281
|
-
teardown._addParent(this);
|
|
282
|
-
}
|
|
283
|
-
(this._finalizers = (_a = this._finalizers) !== null && _a !== void 0 ? _a : []).push(teardown);
|
|
284
|
-
}
|
|
285
|
-
}
|
|
286
|
-
}
|
|
287
|
-
_hasParent(parent) {
|
|
288
|
-
const { _parentage } = this;
|
|
289
|
-
return _parentage === parent || (Array.isArray(_parentage) && _parentage.includes(parent));
|
|
290
|
-
}
|
|
291
|
-
_addParent(parent) {
|
|
292
|
-
const { _parentage } = this;
|
|
293
|
-
this._parentage = Array.isArray(_parentage) ? (_parentage.push(parent), _parentage) : _parentage ? [_parentage, parent] : parent;
|
|
294
|
-
}
|
|
295
|
-
_removeParent(parent) {
|
|
296
|
-
const { _parentage } = this;
|
|
297
|
-
if (_parentage === parent) {
|
|
298
|
-
this._parentage = null;
|
|
299
|
-
}
|
|
300
|
-
else if (Array.isArray(_parentage)) {
|
|
301
|
-
arrRemove(_parentage, parent);
|
|
302
|
-
}
|
|
303
|
-
}
|
|
304
|
-
remove(teardown) {
|
|
305
|
-
const { _finalizers } = this;
|
|
306
|
-
_finalizers && arrRemove(_finalizers, teardown);
|
|
307
|
-
if (teardown instanceof Subscription) {
|
|
308
|
-
teardown._removeParent(this);
|
|
309
|
-
}
|
|
310
|
-
}
|
|
311
|
-
}
|
|
312
|
-
Subscription.EMPTY = (() => {
|
|
313
|
-
const empty = new Subscription();
|
|
314
|
-
empty.closed = true;
|
|
315
|
-
return empty;
|
|
316
|
-
})();
|
|
317
|
-
const EMPTY_SUBSCRIPTION = Subscription.EMPTY;
|
|
318
|
-
function isSubscription(value) {
|
|
319
|
-
return (value instanceof Subscription ||
|
|
320
|
-
(value && 'closed' in value && isFunction(value.remove) && isFunction(value.add) && isFunction(value.unsubscribe)));
|
|
321
|
-
}
|
|
322
|
-
function execFinalizer(finalizer) {
|
|
323
|
-
if (isFunction(finalizer)) {
|
|
324
|
-
finalizer();
|
|
325
|
-
}
|
|
326
|
-
else {
|
|
327
|
-
finalizer.unsubscribe();
|
|
328
|
-
}
|
|
329
|
-
}
|
|
330
|
-
|
|
331
|
-
const config = {
|
|
332
|
-
onUnhandledError: null,
|
|
333
|
-
onStoppedNotification: null,
|
|
334
|
-
Promise: undefined,
|
|
335
|
-
useDeprecatedSynchronousErrorHandling: false,
|
|
336
|
-
useDeprecatedNextContext: false,
|
|
337
|
-
};
|
|
338
|
-
|
|
339
|
-
const timeoutProvider = {
|
|
340
|
-
setTimeout(handler, timeout, ...args) {
|
|
341
|
-
const { delegate } = timeoutProvider;
|
|
342
|
-
if (delegate === null || delegate === void 0 ? void 0 : delegate.setTimeout) {
|
|
343
|
-
return delegate.setTimeout(handler, timeout, ...args);
|
|
344
|
-
}
|
|
345
|
-
return setTimeout(handler, timeout, ...args);
|
|
346
|
-
},
|
|
347
|
-
clearTimeout(handle) {
|
|
348
|
-
const { delegate } = timeoutProvider;
|
|
349
|
-
return ((delegate === null || delegate === void 0 ? void 0 : delegate.clearTimeout) || clearTimeout)(handle);
|
|
350
|
-
},
|
|
351
|
-
delegate: undefined,
|
|
352
|
-
};
|
|
353
|
-
|
|
354
|
-
function reportUnhandledError(err) {
|
|
355
|
-
timeoutProvider.setTimeout(() => {
|
|
356
|
-
const { onUnhandledError } = config;
|
|
357
|
-
if (onUnhandledError) {
|
|
358
|
-
onUnhandledError(err);
|
|
359
|
-
}
|
|
360
|
-
else {
|
|
361
|
-
throw err;
|
|
362
|
-
}
|
|
363
|
-
});
|
|
364
|
-
}
|
|
365
|
-
|
|
366
|
-
function noop() { }
|
|
367
|
-
|
|
368
|
-
const COMPLETE_NOTIFICATION = (() => createNotification('C', undefined, undefined))();
|
|
369
|
-
function errorNotification(error) {
|
|
370
|
-
return createNotification('E', undefined, error);
|
|
371
|
-
}
|
|
372
|
-
function nextNotification(value) {
|
|
373
|
-
return createNotification('N', value, undefined);
|
|
374
|
-
}
|
|
375
|
-
function createNotification(kind, value, error) {
|
|
376
|
-
return {
|
|
377
|
-
kind,
|
|
378
|
-
value,
|
|
379
|
-
error,
|
|
380
|
-
};
|
|
381
|
-
}
|
|
382
|
-
|
|
383
|
-
function errorContext(cb) {
|
|
384
|
-
{
|
|
385
|
-
cb();
|
|
386
|
-
}
|
|
387
|
-
}
|
|
388
|
-
|
|
389
|
-
class Subscriber extends Subscription {
|
|
390
|
-
constructor(destination) {
|
|
391
|
-
super();
|
|
392
|
-
this.isStopped = false;
|
|
393
|
-
if (destination) {
|
|
394
|
-
this.destination = destination;
|
|
395
|
-
if (isSubscription(destination)) {
|
|
396
|
-
destination.add(this);
|
|
397
|
-
}
|
|
398
|
-
}
|
|
399
|
-
else {
|
|
400
|
-
this.destination = EMPTY_OBSERVER;
|
|
401
|
-
}
|
|
402
|
-
}
|
|
403
|
-
static create(next, error, complete) {
|
|
404
|
-
return new SafeSubscriber(next, error, complete);
|
|
405
|
-
}
|
|
406
|
-
next(value) {
|
|
407
|
-
if (this.isStopped) {
|
|
408
|
-
handleStoppedNotification(nextNotification(value), this);
|
|
409
|
-
}
|
|
410
|
-
else {
|
|
411
|
-
this._next(value);
|
|
412
|
-
}
|
|
413
|
-
}
|
|
414
|
-
error(err) {
|
|
415
|
-
if (this.isStopped) {
|
|
416
|
-
handleStoppedNotification(errorNotification(err), this);
|
|
417
|
-
}
|
|
418
|
-
else {
|
|
419
|
-
this.isStopped = true;
|
|
420
|
-
this._error(err);
|
|
421
|
-
}
|
|
422
|
-
}
|
|
423
|
-
complete() {
|
|
424
|
-
if (this.isStopped) {
|
|
425
|
-
handleStoppedNotification(COMPLETE_NOTIFICATION, this);
|
|
426
|
-
}
|
|
427
|
-
else {
|
|
428
|
-
this.isStopped = true;
|
|
429
|
-
this._complete();
|
|
430
|
-
}
|
|
431
|
-
}
|
|
432
|
-
unsubscribe() {
|
|
433
|
-
if (!this.closed) {
|
|
434
|
-
this.isStopped = true;
|
|
435
|
-
super.unsubscribe();
|
|
436
|
-
this.destination = null;
|
|
437
|
-
}
|
|
438
|
-
}
|
|
439
|
-
_next(value) {
|
|
440
|
-
this.destination.next(value);
|
|
441
|
-
}
|
|
442
|
-
_error(err) {
|
|
443
|
-
try {
|
|
444
|
-
this.destination.error(err);
|
|
445
|
-
}
|
|
446
|
-
finally {
|
|
447
|
-
this.unsubscribe();
|
|
448
|
-
}
|
|
449
|
-
}
|
|
450
|
-
_complete() {
|
|
451
|
-
try {
|
|
452
|
-
this.destination.complete();
|
|
453
|
-
}
|
|
454
|
-
finally {
|
|
455
|
-
this.unsubscribe();
|
|
456
|
-
}
|
|
457
|
-
}
|
|
458
|
-
}
|
|
459
|
-
const _bind = Function.prototype.bind;
|
|
460
|
-
function bind(fn, thisArg) {
|
|
461
|
-
return _bind.call(fn, thisArg);
|
|
462
|
-
}
|
|
463
|
-
class ConsumerObserver {
|
|
464
|
-
constructor(partialObserver) {
|
|
465
|
-
this.partialObserver = partialObserver;
|
|
466
|
-
}
|
|
467
|
-
next(value) {
|
|
468
|
-
const { partialObserver } = this;
|
|
469
|
-
if (partialObserver.next) {
|
|
470
|
-
try {
|
|
471
|
-
partialObserver.next(value);
|
|
472
|
-
}
|
|
473
|
-
catch (error) {
|
|
474
|
-
handleUnhandledError(error);
|
|
475
|
-
}
|
|
476
|
-
}
|
|
477
|
-
}
|
|
478
|
-
error(err) {
|
|
479
|
-
const { partialObserver } = this;
|
|
480
|
-
if (partialObserver.error) {
|
|
481
|
-
try {
|
|
482
|
-
partialObserver.error(err);
|
|
483
|
-
}
|
|
484
|
-
catch (error) {
|
|
485
|
-
handleUnhandledError(error);
|
|
486
|
-
}
|
|
487
|
-
}
|
|
488
|
-
else {
|
|
489
|
-
handleUnhandledError(err);
|
|
490
|
-
}
|
|
491
|
-
}
|
|
492
|
-
complete() {
|
|
493
|
-
const { partialObserver } = this;
|
|
494
|
-
if (partialObserver.complete) {
|
|
495
|
-
try {
|
|
496
|
-
partialObserver.complete();
|
|
497
|
-
}
|
|
498
|
-
catch (error) {
|
|
499
|
-
handleUnhandledError(error);
|
|
500
|
-
}
|
|
501
|
-
}
|
|
502
|
-
}
|
|
503
|
-
}
|
|
504
|
-
class SafeSubscriber extends Subscriber {
|
|
505
|
-
constructor(observerOrNext, error, complete) {
|
|
506
|
-
super();
|
|
507
|
-
let partialObserver;
|
|
508
|
-
if (isFunction(observerOrNext) || !observerOrNext) {
|
|
509
|
-
partialObserver = {
|
|
510
|
-
next: observerOrNext !== null && observerOrNext !== void 0 ? observerOrNext : undefined,
|
|
511
|
-
error: error !== null && error !== void 0 ? error : undefined,
|
|
512
|
-
complete: complete !== null && complete !== void 0 ? complete : undefined,
|
|
513
|
-
};
|
|
514
|
-
}
|
|
515
|
-
else {
|
|
516
|
-
let context;
|
|
517
|
-
if (this && config.useDeprecatedNextContext) {
|
|
518
|
-
context = Object.create(observerOrNext);
|
|
519
|
-
context.unsubscribe = () => this.unsubscribe();
|
|
520
|
-
partialObserver = {
|
|
521
|
-
next: observerOrNext.next && bind(observerOrNext.next, context),
|
|
522
|
-
error: observerOrNext.error && bind(observerOrNext.error, context),
|
|
523
|
-
complete: observerOrNext.complete && bind(observerOrNext.complete, context),
|
|
524
|
-
};
|
|
525
|
-
}
|
|
526
|
-
else {
|
|
527
|
-
partialObserver = observerOrNext;
|
|
528
|
-
}
|
|
529
|
-
}
|
|
530
|
-
this.destination = new ConsumerObserver(partialObserver);
|
|
531
|
-
}
|
|
532
|
-
}
|
|
533
|
-
function handleUnhandledError(error) {
|
|
534
|
-
{
|
|
535
|
-
reportUnhandledError(error);
|
|
536
|
-
}
|
|
537
|
-
}
|
|
538
|
-
function defaultErrorHandler(err) {
|
|
539
|
-
throw err;
|
|
540
|
-
}
|
|
541
|
-
function handleStoppedNotification(notification, subscriber) {
|
|
542
|
-
const { onStoppedNotification } = config;
|
|
543
|
-
onStoppedNotification && timeoutProvider.setTimeout(() => onStoppedNotification(notification, subscriber));
|
|
544
|
-
}
|
|
545
|
-
const EMPTY_OBSERVER = {
|
|
546
|
-
closed: true,
|
|
547
|
-
next: noop,
|
|
548
|
-
error: defaultErrorHandler,
|
|
549
|
-
complete: noop,
|
|
550
|
-
};
|
|
551
|
-
|
|
552
|
-
const observable = (() => (typeof Symbol === 'function' && Symbol.observable) || '@@observable')();
|
|
553
|
-
|
|
554
|
-
function identity(x) {
|
|
555
|
-
return x;
|
|
556
|
-
}
|
|
557
|
-
|
|
558
|
-
function pipeFromArray(fns) {
|
|
559
|
-
if (fns.length === 0) {
|
|
560
|
-
return identity;
|
|
561
|
-
}
|
|
562
|
-
if (fns.length === 1) {
|
|
563
|
-
return fns[0];
|
|
564
|
-
}
|
|
565
|
-
return function piped(input) {
|
|
566
|
-
return fns.reduce((prev, fn) => fn(prev), input);
|
|
567
|
-
};
|
|
568
|
-
}
|
|
569
|
-
|
|
570
|
-
class Observable {
|
|
571
|
-
constructor(subscribe) {
|
|
572
|
-
if (subscribe) {
|
|
573
|
-
this._subscribe = subscribe;
|
|
574
|
-
}
|
|
575
|
-
}
|
|
576
|
-
lift(operator) {
|
|
577
|
-
const observable = new Observable();
|
|
578
|
-
observable.source = this;
|
|
579
|
-
observable.operator = operator;
|
|
580
|
-
return observable;
|
|
581
|
-
}
|
|
582
|
-
subscribe(observerOrNext, error, complete) {
|
|
583
|
-
const subscriber = isSubscriber(observerOrNext) ? observerOrNext : new SafeSubscriber(observerOrNext, error, complete);
|
|
584
|
-
errorContext(() => {
|
|
585
|
-
const { operator, source } = this;
|
|
586
|
-
subscriber.add(operator
|
|
587
|
-
?
|
|
588
|
-
operator.call(subscriber, source)
|
|
589
|
-
: source
|
|
590
|
-
?
|
|
591
|
-
this._subscribe(subscriber)
|
|
592
|
-
:
|
|
593
|
-
this._trySubscribe(subscriber));
|
|
594
|
-
});
|
|
595
|
-
return subscriber;
|
|
596
|
-
}
|
|
597
|
-
_trySubscribe(sink) {
|
|
598
|
-
try {
|
|
599
|
-
return this._subscribe(sink);
|
|
600
|
-
}
|
|
601
|
-
catch (err) {
|
|
602
|
-
sink.error(err);
|
|
603
|
-
}
|
|
604
|
-
}
|
|
605
|
-
forEach(next, promiseCtor) {
|
|
606
|
-
promiseCtor = getPromiseCtor(promiseCtor);
|
|
607
|
-
return new promiseCtor((resolve, reject) => {
|
|
608
|
-
const subscriber = new SafeSubscriber({
|
|
609
|
-
next: (value) => {
|
|
610
|
-
try {
|
|
611
|
-
next(value);
|
|
612
|
-
}
|
|
613
|
-
catch (err) {
|
|
614
|
-
reject(err);
|
|
615
|
-
subscriber.unsubscribe();
|
|
616
|
-
}
|
|
617
|
-
},
|
|
618
|
-
error: reject,
|
|
619
|
-
complete: resolve,
|
|
620
|
-
});
|
|
621
|
-
this.subscribe(subscriber);
|
|
622
|
-
});
|
|
623
|
-
}
|
|
624
|
-
_subscribe(subscriber) {
|
|
625
|
-
var _a;
|
|
626
|
-
return (_a = this.source) === null || _a === void 0 ? void 0 : _a.subscribe(subscriber);
|
|
627
|
-
}
|
|
628
|
-
[observable]() {
|
|
629
|
-
return this;
|
|
630
|
-
}
|
|
631
|
-
pipe(...operations) {
|
|
632
|
-
return pipeFromArray(operations)(this);
|
|
633
|
-
}
|
|
634
|
-
toPromise(promiseCtor) {
|
|
635
|
-
promiseCtor = getPromiseCtor(promiseCtor);
|
|
636
|
-
return new promiseCtor((resolve, reject) => {
|
|
637
|
-
let value;
|
|
638
|
-
this.subscribe((x) => (value = x), (err) => reject(err), () => resolve(value));
|
|
639
|
-
});
|
|
640
|
-
}
|
|
641
|
-
}
|
|
642
|
-
Observable.create = (subscribe) => {
|
|
643
|
-
return new Observable(subscribe);
|
|
644
|
-
};
|
|
645
|
-
function getPromiseCtor(promiseCtor) {
|
|
646
|
-
var _a;
|
|
647
|
-
return (_a = promiseCtor !== null && promiseCtor !== void 0 ? promiseCtor : config.Promise) !== null && _a !== void 0 ? _a : Promise;
|
|
648
|
-
}
|
|
649
|
-
function isObserver(value) {
|
|
650
|
-
return value && isFunction(value.next) && isFunction(value.error) && isFunction(value.complete);
|
|
651
|
-
}
|
|
652
|
-
function isSubscriber(value) {
|
|
653
|
-
return (value && value instanceof Subscriber) || (isObserver(value) && isSubscription(value));
|
|
654
|
-
}
|
|
655
|
-
|
|
656
|
-
function hasLift(source) {
|
|
657
|
-
return isFunction(source === null || source === void 0 ? void 0 : source.lift);
|
|
658
|
-
}
|
|
659
|
-
function operate(init) {
|
|
660
|
-
return (source) => {
|
|
661
|
-
if (hasLift(source)) {
|
|
662
|
-
return source.lift(function (liftedSource) {
|
|
663
|
-
try {
|
|
664
|
-
return init(liftedSource, this);
|
|
665
|
-
}
|
|
666
|
-
catch (err) {
|
|
667
|
-
this.error(err);
|
|
668
|
-
}
|
|
669
|
-
});
|
|
670
|
-
}
|
|
671
|
-
throw new TypeError('Unable to lift unknown Observable type');
|
|
672
|
-
};
|
|
673
|
-
}
|
|
674
|
-
|
|
675
|
-
function createOperatorSubscriber(destination, onNext, onComplete, onError, onFinalize) {
|
|
676
|
-
return new OperatorSubscriber(destination, onNext, onComplete, onError, onFinalize);
|
|
677
|
-
}
|
|
678
|
-
class OperatorSubscriber extends Subscriber {
|
|
679
|
-
constructor(destination, onNext, onComplete, onError, onFinalize, shouldUnsubscribe) {
|
|
680
|
-
super(destination);
|
|
681
|
-
this.onFinalize = onFinalize;
|
|
682
|
-
this.shouldUnsubscribe = shouldUnsubscribe;
|
|
683
|
-
this._next = onNext
|
|
684
|
-
? function (value) {
|
|
685
|
-
try {
|
|
686
|
-
onNext(value);
|
|
687
|
-
}
|
|
688
|
-
catch (err) {
|
|
689
|
-
destination.error(err);
|
|
690
|
-
}
|
|
691
|
-
}
|
|
692
|
-
: super._next;
|
|
693
|
-
this._error = onError
|
|
694
|
-
? function (err) {
|
|
695
|
-
try {
|
|
696
|
-
onError(err);
|
|
697
|
-
}
|
|
698
|
-
catch (err) {
|
|
699
|
-
destination.error(err);
|
|
700
|
-
}
|
|
701
|
-
finally {
|
|
702
|
-
this.unsubscribe();
|
|
703
|
-
}
|
|
704
|
-
}
|
|
705
|
-
: super._error;
|
|
706
|
-
this._complete = onComplete
|
|
707
|
-
? function () {
|
|
708
|
-
try {
|
|
709
|
-
onComplete();
|
|
710
|
-
}
|
|
711
|
-
catch (err) {
|
|
712
|
-
destination.error(err);
|
|
713
|
-
}
|
|
714
|
-
finally {
|
|
715
|
-
this.unsubscribe();
|
|
716
|
-
}
|
|
717
|
-
}
|
|
718
|
-
: super._complete;
|
|
719
|
-
}
|
|
720
|
-
unsubscribe() {
|
|
721
|
-
var _a;
|
|
722
|
-
if (!this.shouldUnsubscribe || this.shouldUnsubscribe()) {
|
|
723
|
-
const { closed } = this;
|
|
724
|
-
super.unsubscribe();
|
|
725
|
-
!closed && ((_a = this.onFinalize) === null || _a === void 0 ? void 0 : _a.call(this));
|
|
726
|
-
}
|
|
727
|
-
}
|
|
728
|
-
}
|
|
729
|
-
|
|
730
|
-
const ObjectUnsubscribedError = createErrorClass((_super) => function ObjectUnsubscribedErrorImpl() {
|
|
731
|
-
_super(this);
|
|
732
|
-
this.name = 'ObjectUnsubscribedError';
|
|
733
|
-
this.message = 'object unsubscribed';
|
|
734
|
-
});
|
|
735
|
-
|
|
736
|
-
class Subject extends Observable {
|
|
737
|
-
constructor() {
|
|
738
|
-
super();
|
|
739
|
-
this.closed = false;
|
|
740
|
-
this.currentObservers = null;
|
|
741
|
-
this.observers = [];
|
|
742
|
-
this.isStopped = false;
|
|
743
|
-
this.hasError = false;
|
|
744
|
-
this.thrownError = null;
|
|
745
|
-
}
|
|
746
|
-
lift(operator) {
|
|
747
|
-
const subject = new AnonymousSubject(this, this);
|
|
748
|
-
subject.operator = operator;
|
|
749
|
-
return subject;
|
|
750
|
-
}
|
|
751
|
-
_throwIfClosed() {
|
|
752
|
-
if (this.closed) {
|
|
753
|
-
throw new ObjectUnsubscribedError();
|
|
754
|
-
}
|
|
755
|
-
}
|
|
756
|
-
next(value) {
|
|
757
|
-
errorContext(() => {
|
|
758
|
-
this._throwIfClosed();
|
|
759
|
-
if (!this.isStopped) {
|
|
760
|
-
if (!this.currentObservers) {
|
|
761
|
-
this.currentObservers = Array.from(this.observers);
|
|
762
|
-
}
|
|
763
|
-
for (const observer of this.currentObservers) {
|
|
764
|
-
observer.next(value);
|
|
765
|
-
}
|
|
766
|
-
}
|
|
767
|
-
});
|
|
768
|
-
}
|
|
769
|
-
error(err) {
|
|
770
|
-
errorContext(() => {
|
|
771
|
-
this._throwIfClosed();
|
|
772
|
-
if (!this.isStopped) {
|
|
773
|
-
this.hasError = this.isStopped = true;
|
|
774
|
-
this.thrownError = err;
|
|
775
|
-
const { observers } = this;
|
|
776
|
-
while (observers.length) {
|
|
777
|
-
observers.shift().error(err);
|
|
778
|
-
}
|
|
779
|
-
}
|
|
780
|
-
});
|
|
781
|
-
}
|
|
782
|
-
complete() {
|
|
783
|
-
errorContext(() => {
|
|
784
|
-
this._throwIfClosed();
|
|
785
|
-
if (!this.isStopped) {
|
|
786
|
-
this.isStopped = true;
|
|
787
|
-
const { observers } = this;
|
|
788
|
-
while (observers.length) {
|
|
789
|
-
observers.shift().complete();
|
|
790
|
-
}
|
|
791
|
-
}
|
|
792
|
-
});
|
|
793
|
-
}
|
|
794
|
-
unsubscribe() {
|
|
795
|
-
this.isStopped = this.closed = true;
|
|
796
|
-
this.observers = this.currentObservers = null;
|
|
797
|
-
}
|
|
798
|
-
get observed() {
|
|
799
|
-
var _a;
|
|
800
|
-
return ((_a = this.observers) === null || _a === void 0 ? void 0 : _a.length) > 0;
|
|
801
|
-
}
|
|
802
|
-
_trySubscribe(subscriber) {
|
|
803
|
-
this._throwIfClosed();
|
|
804
|
-
return super._trySubscribe(subscriber);
|
|
805
|
-
}
|
|
806
|
-
_subscribe(subscriber) {
|
|
807
|
-
this._throwIfClosed();
|
|
808
|
-
this._checkFinalizedStatuses(subscriber);
|
|
809
|
-
return this._innerSubscribe(subscriber);
|
|
810
|
-
}
|
|
811
|
-
_innerSubscribe(subscriber) {
|
|
812
|
-
const { hasError, isStopped, observers } = this;
|
|
813
|
-
if (hasError || isStopped) {
|
|
814
|
-
return EMPTY_SUBSCRIPTION;
|
|
815
|
-
}
|
|
816
|
-
this.currentObservers = null;
|
|
817
|
-
observers.push(subscriber);
|
|
818
|
-
return new Subscription(() => {
|
|
819
|
-
this.currentObservers = null;
|
|
820
|
-
arrRemove(observers, subscriber);
|
|
821
|
-
});
|
|
822
|
-
}
|
|
823
|
-
_checkFinalizedStatuses(subscriber) {
|
|
824
|
-
const { hasError, thrownError, isStopped } = this;
|
|
825
|
-
if (hasError) {
|
|
826
|
-
subscriber.error(thrownError);
|
|
827
|
-
}
|
|
828
|
-
else if (isStopped) {
|
|
829
|
-
subscriber.complete();
|
|
830
|
-
}
|
|
831
|
-
}
|
|
832
|
-
asObservable() {
|
|
833
|
-
const observable = new Observable();
|
|
834
|
-
observable.source = this;
|
|
835
|
-
return observable;
|
|
836
|
-
}
|
|
837
|
-
}
|
|
838
|
-
Subject.create = (destination, source) => {
|
|
839
|
-
return new AnonymousSubject(destination, source);
|
|
840
|
-
};
|
|
841
|
-
class AnonymousSubject extends Subject {
|
|
842
|
-
constructor(destination, source) {
|
|
843
|
-
super();
|
|
844
|
-
this.destination = destination;
|
|
845
|
-
this.source = source;
|
|
846
|
-
}
|
|
847
|
-
next(value) {
|
|
848
|
-
var _a, _b;
|
|
849
|
-
(_b = (_a = this.destination) === null || _a === void 0 ? void 0 : _a.next) === null || _b === void 0 ? void 0 : _b.call(_a, value);
|
|
850
|
-
}
|
|
851
|
-
error(err) {
|
|
852
|
-
var _a, _b;
|
|
853
|
-
(_b = (_a = this.destination) === null || _a === void 0 ? void 0 : _a.error) === null || _b === void 0 ? void 0 : _b.call(_a, err);
|
|
854
|
-
}
|
|
855
|
-
complete() {
|
|
856
|
-
var _a, _b;
|
|
857
|
-
(_b = (_a = this.destination) === null || _a === void 0 ? void 0 : _a.complete) === null || _b === void 0 ? void 0 : _b.call(_a);
|
|
858
|
-
}
|
|
859
|
-
_subscribe(subscriber) {
|
|
860
|
-
var _a, _b;
|
|
861
|
-
return (_b = (_a = this.source) === null || _a === void 0 ? void 0 : _a.subscribe(subscriber)) !== null && _b !== void 0 ? _b : EMPTY_SUBSCRIPTION;
|
|
862
|
-
}
|
|
863
|
-
}
|
|
864
|
-
|
|
865
|
-
const dateTimestampProvider = {
|
|
866
|
-
now() {
|
|
867
|
-
return (dateTimestampProvider.delegate || Date).now();
|
|
868
|
-
},
|
|
869
|
-
delegate: undefined,
|
|
870
|
-
};
|
|
871
|
-
|
|
872
|
-
class Action extends Subscription {
|
|
873
|
-
constructor(scheduler, work) {
|
|
874
|
-
super();
|
|
875
|
-
}
|
|
876
|
-
schedule(state, delay = 0) {
|
|
877
|
-
return this;
|
|
878
|
-
}
|
|
879
|
-
}
|
|
880
|
-
|
|
881
|
-
const intervalProvider = {
|
|
882
|
-
setInterval(handler, timeout, ...args) {
|
|
883
|
-
const { delegate } = intervalProvider;
|
|
884
|
-
if (delegate === null || delegate === void 0 ? void 0 : delegate.setInterval) {
|
|
885
|
-
return delegate.setInterval(handler, timeout, ...args);
|
|
886
|
-
}
|
|
887
|
-
return setInterval(handler, timeout, ...args);
|
|
888
|
-
},
|
|
889
|
-
clearInterval(handle) {
|
|
890
|
-
const { delegate } = intervalProvider;
|
|
891
|
-
return ((delegate === null || delegate === void 0 ? void 0 : delegate.clearInterval) || clearInterval)(handle);
|
|
892
|
-
},
|
|
893
|
-
delegate: undefined,
|
|
894
|
-
};
|
|
895
|
-
|
|
896
|
-
class AsyncAction extends Action {
|
|
897
|
-
constructor(scheduler, work) {
|
|
898
|
-
super(scheduler, work);
|
|
899
|
-
this.scheduler = scheduler;
|
|
900
|
-
this.work = work;
|
|
901
|
-
this.pending = false;
|
|
902
|
-
}
|
|
903
|
-
schedule(state, delay = 0) {
|
|
904
|
-
if (this.closed) {
|
|
905
|
-
return this;
|
|
906
|
-
}
|
|
907
|
-
this.state = state;
|
|
908
|
-
const id = this.id;
|
|
909
|
-
const scheduler = this.scheduler;
|
|
910
|
-
if (id != null) {
|
|
911
|
-
this.id = this.recycleAsyncId(scheduler, id, delay);
|
|
912
|
-
}
|
|
913
|
-
this.pending = true;
|
|
914
|
-
this.delay = delay;
|
|
915
|
-
this.id = this.id || this.requestAsyncId(scheduler, this.id, delay);
|
|
916
|
-
return this;
|
|
917
|
-
}
|
|
918
|
-
requestAsyncId(scheduler, _id, delay = 0) {
|
|
919
|
-
return intervalProvider.setInterval(scheduler.flush.bind(scheduler, this), delay);
|
|
920
|
-
}
|
|
921
|
-
recycleAsyncId(_scheduler, id, delay = 0) {
|
|
922
|
-
if (delay != null && this.delay === delay && this.pending === false) {
|
|
923
|
-
return id;
|
|
924
|
-
}
|
|
925
|
-
intervalProvider.clearInterval(id);
|
|
926
|
-
return undefined;
|
|
927
|
-
}
|
|
928
|
-
execute(state, delay) {
|
|
929
|
-
if (this.closed) {
|
|
930
|
-
return new Error('executing a cancelled action');
|
|
931
|
-
}
|
|
932
|
-
this.pending = false;
|
|
933
|
-
const error = this._execute(state, delay);
|
|
934
|
-
if (error) {
|
|
935
|
-
return error;
|
|
936
|
-
}
|
|
937
|
-
else if (this.pending === false && this.id != null) {
|
|
938
|
-
this.id = this.recycleAsyncId(this.scheduler, this.id, null);
|
|
939
|
-
}
|
|
940
|
-
}
|
|
941
|
-
_execute(state, _delay) {
|
|
942
|
-
let errored = false;
|
|
943
|
-
let errorValue;
|
|
944
|
-
try {
|
|
945
|
-
this.work(state);
|
|
946
|
-
}
|
|
947
|
-
catch (e) {
|
|
948
|
-
errored = true;
|
|
949
|
-
errorValue = e ? e : new Error('Scheduled action threw falsy error');
|
|
950
|
-
}
|
|
951
|
-
if (errored) {
|
|
952
|
-
this.unsubscribe();
|
|
953
|
-
return errorValue;
|
|
954
|
-
}
|
|
955
|
-
}
|
|
956
|
-
unsubscribe() {
|
|
957
|
-
if (!this.closed) {
|
|
958
|
-
const { id, scheduler } = this;
|
|
959
|
-
const { actions } = scheduler;
|
|
960
|
-
this.work = this.state = this.scheduler = null;
|
|
961
|
-
this.pending = false;
|
|
962
|
-
arrRemove(actions, this);
|
|
963
|
-
if (id != null) {
|
|
964
|
-
this.id = this.recycleAsyncId(scheduler, id, null);
|
|
965
|
-
}
|
|
966
|
-
this.delay = null;
|
|
967
|
-
super.unsubscribe();
|
|
968
|
-
}
|
|
969
|
-
}
|
|
970
|
-
}
|
|
971
|
-
|
|
972
|
-
class Scheduler {
|
|
973
|
-
constructor(schedulerActionCtor, now = Scheduler.now) {
|
|
974
|
-
this.schedulerActionCtor = schedulerActionCtor;
|
|
975
|
-
this.now = now;
|
|
976
|
-
}
|
|
977
|
-
schedule(work, delay = 0, state) {
|
|
978
|
-
return new this.schedulerActionCtor(this, work).schedule(state, delay);
|
|
979
|
-
}
|
|
980
|
-
}
|
|
981
|
-
Scheduler.now = dateTimestampProvider.now;
|
|
982
|
-
|
|
983
|
-
class AsyncScheduler extends Scheduler {
|
|
984
|
-
constructor(SchedulerAction, now = Scheduler.now) {
|
|
985
|
-
super(SchedulerAction, now);
|
|
986
|
-
this.actions = [];
|
|
987
|
-
this._active = false;
|
|
988
|
-
this._scheduled = undefined;
|
|
989
|
-
}
|
|
990
|
-
flush(action) {
|
|
991
|
-
const { actions } = this;
|
|
992
|
-
if (this._active) {
|
|
993
|
-
actions.push(action);
|
|
994
|
-
return;
|
|
995
|
-
}
|
|
996
|
-
let error;
|
|
997
|
-
this._active = true;
|
|
998
|
-
do {
|
|
999
|
-
if ((error = action.execute(action.state, action.delay))) {
|
|
1000
|
-
break;
|
|
1001
|
-
}
|
|
1002
|
-
} while ((action = actions.shift()));
|
|
1003
|
-
this._active = false;
|
|
1004
|
-
if (error) {
|
|
1005
|
-
while ((action = actions.shift())) {
|
|
1006
|
-
action.unsubscribe();
|
|
1007
|
-
}
|
|
1008
|
-
throw error;
|
|
1009
|
-
}
|
|
1010
|
-
}
|
|
1011
|
-
}
|
|
1012
|
-
|
|
1013
|
-
const asyncScheduler = new AsyncScheduler(AsyncAction);
|
|
1014
|
-
|
|
1015
|
-
function debounceTime(dueTime, scheduler = asyncScheduler) {
|
|
1016
|
-
return operate((source, subscriber) => {
|
|
1017
|
-
let activeTask = null;
|
|
1018
|
-
let lastValue = null;
|
|
1019
|
-
let lastTime = null;
|
|
1020
|
-
const emit = () => {
|
|
1021
|
-
if (activeTask) {
|
|
1022
|
-
activeTask.unsubscribe();
|
|
1023
|
-
activeTask = null;
|
|
1024
|
-
const value = lastValue;
|
|
1025
|
-
lastValue = null;
|
|
1026
|
-
subscriber.next(value);
|
|
1027
|
-
}
|
|
1028
|
-
};
|
|
1029
|
-
function emitWhenIdle() {
|
|
1030
|
-
const targetTime = lastTime + dueTime;
|
|
1031
|
-
const now = scheduler.now();
|
|
1032
|
-
if (now < targetTime) {
|
|
1033
|
-
activeTask = this.schedule(undefined, targetTime - now);
|
|
1034
|
-
subscriber.add(activeTask);
|
|
1035
|
-
return;
|
|
1036
|
-
}
|
|
1037
|
-
emit();
|
|
1038
|
-
}
|
|
1039
|
-
source.subscribe(createOperatorSubscriber(subscriber, (value) => {
|
|
1040
|
-
lastValue = value;
|
|
1041
|
-
lastTime = scheduler.now();
|
|
1042
|
-
if (!activeTask) {
|
|
1043
|
-
activeTask = scheduler.schedule(emitWhenIdle, dueTime);
|
|
1044
|
-
subscriber.add(activeTask);
|
|
1045
|
-
}
|
|
1046
|
-
}, () => {
|
|
1047
|
-
emit();
|
|
1048
|
-
subscriber.complete();
|
|
1049
|
-
}, undefined, () => {
|
|
1050
|
-
lastValue = activeTask = null;
|
|
1051
|
-
}));
|
|
1052
|
-
});
|
|
1053
|
-
}
|
|
1054
|
-
|
|
1055
|
-
function distinctUntilChanged(comparator, keySelector = identity) {
|
|
1056
|
-
comparator = comparator !== null && comparator !== void 0 ? comparator : defaultCompare;
|
|
1057
|
-
return operate((source, subscriber) => {
|
|
1058
|
-
let previousKey;
|
|
1059
|
-
let first = true;
|
|
1060
|
-
source.subscribe(createOperatorSubscriber(subscriber, (value) => {
|
|
1061
|
-
const currentKey = keySelector(value);
|
|
1062
|
-
if (first || !comparator(previousKey, currentKey)) {
|
|
1063
|
-
first = false;
|
|
1064
|
-
previousKey = currentKey;
|
|
1065
|
-
subscriber.next(value);
|
|
1066
|
-
}
|
|
1067
|
-
}));
|
|
1068
|
-
});
|
|
1069
|
-
}
|
|
1070
|
-
function defaultCompare(a, b) {
|
|
1071
|
-
return a === b;
|
|
1072
|
-
}
|
|
1073
|
-
|
|
1074
|
-
const tableHeaderComponentCss = ".visible{visibility:visible!important}.static{position:static!important}.fixed{position:fixed!important}.bottom-0{bottom:0!important}.left-0{left:0!important}.m-0{margin:0!important}.ml-1{margin-left:.25rem!important}.block{display:block!important}.flex{display:flex!important}.table{display:table!important}.grid{display:grid!important}.hidden{display:none!important}.h-6{height:1.5rem!important}.w-1{width:.25rem!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-10{width:2.5rem!important}.w-11{width:2.75rem!important}.w-full{width:100%!important}.w-auto{width:auto!important}.flex-1{flex:1 1 0%!important}.flex-col{flex-direction:column!important}.justify-start{justify-content:flex-start!important}.justify-end{justify-content:flex-end!important}.justify-center{justify-content:center!important}.gap-4{gap:1rem!important}.justify-self-start{justify-self:start!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}.font-semibold{font-weight:600!important}.text-storm-dark{--tw-text-opacity:1!important;color:rgb(39 40 56/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;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 p-segment-container{grid-column-start:1;justify-self:start}:host>div{grid-column-start:2}.w-1\\/12{width:8.333333%!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}.w-10\\/12{width:83.333333%!important}.w-11\\/12{width:91.666667%!important}@media (min-width:40rem){.tablet\\:w-1\\/12{width:8.333333%!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}.tablet\\:w-10\\/12{width:83.333333%!important}.tablet\\:w-11\\/12{width:91.666667%!important}}@media (min-width:64rem){.desktop-xs\\:w-1\\/12{width:8.333333%!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}.desktop-xs\\:w-10\\/12{width:83.333333%!important}.desktop-xs\\:w-11\\/12{width:91.666667%!important}}@media (min-width:80rem){.desktop-sm\\:w-1\\/12{width:8.333333%!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}.desktop-sm\\:w-10\\/12{width:83.333333%!important}.desktop-sm\\:w-11\\/12{width:91.666667%!important}}@media (min-width:85.375rem){.desktop\\:w-1\\/12{width:8.333333%!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}.desktop\\:w-10\\/12{width:83.333333%!important}.desktop\\:w-11\\/12{width:91.666667%!important}}@media (min-width:90rem){.desktop-lg\\:w-1\\/12{width:8.333333%!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}.desktop-lg\\:w-10\\/12{width:83.333333%!important}.desktop-lg\\:w-11\\/12{width:91.666667%!important}}@media (min-width:120rem){.desktop-xl\\:w-1\\/12{width:8.333333%!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}.desktop-xl\\:w-10\\/12{width:83.333333%!important}.desktop-xl\\:w-11\\/12{width:91.666667%!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}}.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}";
|
|
1075
|
-
|
|
1076
|
-
const TableHeader = class {
|
|
1077
|
-
constructor(hostRef) {
|
|
1078
|
-
registerInstance(this, hostRef);
|
|
1079
|
-
this.quickFilter = createEvent(this, "quickFilter", 7);
|
|
1080
|
-
this.queryChange = createEvent(this, "queryChange", 7);
|
|
1081
|
-
this.filter = createEvent(this, "filter", 7);
|
|
1082
|
-
this.edit = createEvent(this, "edit", 7);
|
|
1083
|
-
/**
|
|
1084
|
-
* Quick filters to show
|
|
1085
|
-
*/
|
|
1086
|
-
this.quickFilters = [];
|
|
1087
|
-
/**
|
|
1088
|
-
* Wether to show the search input
|
|
1089
|
-
*/
|
|
1090
|
-
this.enableSearch = true;
|
|
1091
|
-
/**
|
|
1092
|
-
* The amount of items that are selected
|
|
1093
|
-
*/
|
|
1094
|
-
this.itemsSelectedAmount = 0;
|
|
1095
|
-
/**
|
|
1096
|
-
* Wether to show the filter button
|
|
1097
|
-
*/
|
|
1098
|
-
this.enableFilter = true;
|
|
1099
|
-
/**
|
|
1100
|
-
* The template for the filter button text
|
|
1101
|
-
*/
|
|
1102
|
-
this.filterButtonTemplate = () => formatTranslation(this._locales.filter);
|
|
1103
|
-
/**
|
|
1104
|
-
* Wether to show the edit button
|
|
1105
|
-
*/
|
|
1106
|
-
this.enableEdit = true;
|
|
1107
|
-
/**
|
|
1108
|
-
* Wether to enable the edit button
|
|
1109
|
-
*/
|
|
1110
|
-
this.canEdit = false;
|
|
1111
|
-
/**
|
|
1112
|
-
* The template for the edit button text
|
|
1113
|
-
*/
|
|
1114
|
-
this.editButtonTemplate = (amount) => formatTranslation(amount === 0
|
|
1115
|
-
? this._locales.edit
|
|
1116
|
-
: amount === 1
|
|
1117
|
-
? this._locales.edit_single
|
|
1118
|
-
: this._locales.edit_plural, { amount });
|
|
1119
|
-
/**
|
|
1120
|
-
* Locales used for this component
|
|
1121
|
-
*/
|
|
1122
|
-
this._locales = {};
|
|
1123
|
-
this._queryObserver = new Subject();
|
|
1124
|
-
}
|
|
1125
|
-
componentWillLoad() {
|
|
1126
|
-
this._setLocales();
|
|
1127
|
-
}
|
|
1128
|
-
componentDidLoad() {
|
|
1129
|
-
this._queryObserver
|
|
1130
|
-
.pipe(debounceTime(300), distinctUntilChanged())
|
|
1131
|
-
.subscribe((value) => this.queryChange.emit(value));
|
|
1132
|
-
}
|
|
1133
|
-
render() {
|
|
1134
|
-
return (h(Host, { class: "p-table-header" }, this.quickFilters.length > 0 && (h("p-segment-container", { class: "hidden desktop-xs:flex" }, this.quickFilters.map((item) => (h("p-segment-item", { active: item.identifier ===
|
|
1135
|
-
this.activeQuickFilterIdentifier, onClick: () => this.quickFilter.emit(item) }, typeof item.text === 'string'
|
|
1136
|
-
? item.text
|
|
1137
|
-
: item.text(), ' ', (item === null || item === void 0 ? void 0 : item.count) >= 0 ? `(${item.count})` : ''))))), h("div", { class: "flex flex-col desktop-xs:flex-row gap-4 justify-end justify-self-end" }, this.enableSearch && (h("p-input-group", { icon: "search", size: "small" }, h("input", { type: "text", slot: "input", placeholder: "Zoeken...", value: this.query, onInput: (ev) => this._queryObserver.next(ev.target.value) }))), this.enableFilter && (h("p-button", { icon: "filter", variant: "secondary", size: "small", class: "w-full desktop-xs:w-auto", onClick: () => this.filter.emit() }, this.filterButtonTemplate(), this.selectedFiltersAmount && (h("p-label", { size: "small", variant: "negative", "mobile-icon": false, circle: false, class: "ml-1" }, this.selectedFiltersAmount)))), this.enableEdit && this._buttonTemplate()), this.enableEdit && this.canEdit && (h("div", { class: "fixed bottom-0 left-0 w-full p-4 bg-white border border-solid border-transparent border-t-mystic-dark block desktop-xs:hidden" }, this._buttonTemplate(true)))));
|
|
1138
|
-
}
|
|
1139
|
-
async _setLocales() {
|
|
1140
|
-
this._locales = await getLocaleComponentStrings(this._el);
|
|
1141
|
-
}
|
|
1142
|
-
_buttonTemplate(mobile = false) {
|
|
1143
|
-
return (h("p-button", { class: !mobile && 'hidden desktop-xs:flex', icon: "pencil", size: "small", width: mobile ? 'full' : 'auto', disabled: !this.canEdit, onClick: () => this.edit.emit() }, this.editButtonTemplate(mobile ? this.itemsSelectedAmount : 0)));
|
|
1144
|
-
}
|
|
1145
|
-
get _el() { return getElement(this); }
|
|
1146
|
-
};
|
|
1147
|
-
TableHeader.style = tableHeaderComponentCss;
|
|
1148
|
-
|
|
1149
|
-
const tableRowComponentCss = ".visible{visibility:visible!important}.static{position:static!important}.fixed{position:fixed!important}.bottom-0{bottom:0!important}.left-0{left:0!important}.m-0{margin:0!important}.ml-1{margin-left:.25rem!important}.block{display:block!important}.flex{display:flex!important}.table{display:table!important}.hidden{display:none!important}.h-6{height:1.5rem!important}.w-full{width:100%!important}.w-1{width:.25rem!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-10{width:2.5rem!important}.w-11{width:2.75rem!important}.w-auto{width:auto!important}.flex-1{flex:1 1 0%!important}.flex-col{flex-direction:column!important}.flex-nowrap{flex-wrap:nowrap!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}.justify-self-end{justify-self:end!important}.rounded{border-radius:.25rem!important}.border{border-width:1px!important}.border-y{border-bottom-width:1px!important;border-top-width:1px!important}.border-x-0{border-left-width:0!important;border-right-width:0!important}.border-solid{border-style:solid!important}.border-transparent{border-color:transparent!important}.border-y-mystic-dark{border-bottom-color:rgb(218 230 240/var(--tw-border-opacity))!important}.border-t-mystic-dark,.border-y-mystic-dark{--tw-border-opacity:1!important;border-top-color:rgb(218 230 240/var(--tw-border-opacity))!important}.bg-indigo-light{background-color:rgb(241 246 255/var(--tw-bg-opacity))!important}.bg-indigo-light,.bg-white{--tw-bg-opacity:1!important}.bg-white{background-color:rgb(255 255 255/var(--tw-bg-opacity))!important}.p-4{padding:1rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-semibold{font-weight:600!important}.uppercase{text-transform:uppercase!important}.text-storm-dark{--tw-text-opacity:1!important;color:rgb(39 40 56/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{--tw-text-opacity:1;color:rgb(128 130 158/var(--tw-text-opacity));display:flex;flex-direction:column;font-size:.875rem;line-height:1.25rem;padding-left:1.5rem;padding-right:1.5rem;width:100%}:host .content{align-items:center;display:flex;flex-wrap:nowrap;gap:1rem;justify-content:space-between;padding-bottom:1.5rem;padding-top:1.5rem;width:100%}:host(.variant-header){--tw-bg-opacity:1;--tw-text-opacity:1;--tw-border-opacity:1!important;background-color:rgb(252 253 254/var(--tw-bg-opacity));border-bottom:1px solid rgb(218 230 240/var(--tw-border-opacity))!important;border-left-style:solid!important;border-left-width:0!important;border-right-style:solid!important;border-right-width:0!important;border-top:1px solid rgb(218 230 240/var(--tw-border-opacity))!important;color:rgb(152 154 183/var(--tw-text-opacity));font-size:.75rem;font-weight:600;line-height:1rem;text-transform:uppercase}:host(.variant-header) .content{padding-bottom:.5rem;padding-top:.5rem}:host(.enable-hover:hover){--tw-bg-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity));cursor:pointer}.w-1\\/12{width:8.333333%!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}.w-10\\/12{width:83.333333%!important}.w-11\\/12{width:91.666667%!important}@media (min-width:40rem){.tablet\\:w-1\\/12{width:8.333333%!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}.tablet\\:w-10\\/12{width:83.333333%!important}.tablet\\:w-11\\/12{width:91.666667%!important}}@media (min-width:64rem){.desktop-xs\\:w-1\\/12{width:8.333333%!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}.desktop-xs\\:w-10\\/12{width:83.333333%!important}.desktop-xs\\:w-11\\/12{width:91.666667%!important}}@media (min-width:80rem){.desktop-sm\\:w-1\\/12{width:8.333333%!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}.desktop-sm\\:w-10\\/12{width:83.333333%!important}.desktop-sm\\:w-11\\/12{width:91.666667%!important}}@media (min-width:85.375rem){.desktop\\:w-1\\/12{width:8.333333%!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}.desktop\\:w-10\\/12{width:83.333333%!important}.desktop\\:w-11\\/12{width:91.666667%!important}}@media (min-width:90rem){.desktop-lg\\:w-1\\/12{width:8.333333%!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}.desktop-lg\\:w-10\\/12{width:83.333333%!important}.desktop-lg\\:w-11\\/12{width:91.666667%!important}}@media (min-width:120rem){.desktop-xl\\:w-1\\/12{width:8.333333%!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}.desktop-xl\\:w-10\\/12{width:83.333333%!important}.desktop-xl\\:w-11\\/12{width:91.666667%!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}}.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}.border-t-mystic-dark{--tw-border-opacity:1!important;border-top-color:rgb(218 230 240/var(--tw-border-opacity))!important}";
|
|
1150
|
-
|
|
1151
|
-
const TableRow = class {
|
|
1152
|
-
constructor(hostRef) {
|
|
1153
|
-
registerInstance(this, hostRef);
|
|
1154
|
-
/**
|
|
1155
|
-
* Variant of the header
|
|
1156
|
-
*/
|
|
1157
|
-
this.variant = 'default';
|
|
1158
|
-
/**
|
|
1159
|
-
* Enable hover
|
|
1160
|
-
*/
|
|
1161
|
-
this.enableHover = true;
|
|
1162
|
-
}
|
|
1163
|
-
render() {
|
|
1164
|
-
return (h(Host, { class: `p-table-row variant-${this.variant} ${this.enableHover &&
|
|
1165
|
-
this.variant === 'default' &&
|
|
1166
|
-
'enable-hover'}` }, h("div", { class: "content" }, h("slot", null)), this.variant === 'default' && h("p-divider", { class: "m-0" })));
|
|
1167
|
-
}
|
|
1168
|
-
};
|
|
1169
|
-
TableRow.style = tableRowComponentCss;
|
|
1170
|
-
|
|
1171
|
-
export { TableCell as p_table_cell, TableContainer as p_table_container, TableFooter as p_table_footer, TableHeader as p_table_header, TableRow as p_table_row };
|