@paperless/core 2.18.6 → 2.19.1
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/dist/build/p-a6a1c872.entry.js +2 -0
- package/dist/build/p-a6a1c872.entry.js.map +1 -0
- package/dist/build/p-ba7929fd.entry.js +2 -0
- package/dist/build/p-ba7929fd.entry.js.map +1 -0
- package/dist/build/{p-008f3761.js → p-c7372634.js} +1 -1
- package/dist/build/p-empty-state.p-floating-menu-container.p-table-cell.p-table-container.p-table-footer.p-table-header.p-table-row.p-table-row-actions-container.entry.esm.js.map +1 -1
- package/dist/build/p-table-column.entry.esm.js.map +1 -1
- package/dist/build/paperless.esm.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/p-empty-state.p-floating-menu-container.p-table-cell.p-table-container.p-table-footer.p-table-header.p-table-row.p-table-row-actions-container.entry.cjs.js.map +1 -1
- package/dist/cjs/p-empty-state_8.cjs.entry.js +42 -43
- package/dist/cjs/p-empty-state_8.cjs.entry.js.map +1 -1
- package/dist/cjs/p-table-column.cjs.entry.js +7 -3
- package/dist/cjs/p-table-column.cjs.entry.js.map +1 -1
- package/dist/cjs/p-table-column.entry.cjs.js.map +1 -1
- package/dist/cjs/paperless.cjs.js +1 -1
- package/dist/collection/components/helpers/table/column/table-column.component.js +34 -10
- package/dist/collection/components/helpers/table/column/table-column.component.js.map +1 -1
- package/dist/collection/components/molecules/table/cell/table-cell.component.js +9 -10
- package/dist/collection/components/molecules/table/cell/table-cell.component.js.map +1 -1
- package/dist/collection/components/molecules/table/row/table-row.component.css +1 -1
- package/dist/collection/components/molecules/table/row/table-row.component.js +34 -34
- package/dist/collection/components/molecules/table/row/table-row.component.js.map +1 -1
- package/dist/components/{p-DvZcjOgI.js → p-Bo4siUTb.js} +11 -12
- package/dist/components/p-Bo4siUTb.js.map +1 -0
- package/dist/components/p-DD5C6lCE.js +147 -0
- package/dist/components/p-DD5C6lCE.js.map +1 -0
- package/dist/components/p-table-cell.js +1 -1
- package/dist/components/p-table-column.js +8 -3
- package/dist/components/p-table-column.js.map +1 -1
- package/dist/components/p-table-row.js +1 -1
- package/dist/components/p-table.js +2 -2
- package/dist/esm/loader.js +1 -1
- package/dist/esm/p-empty-state.p-floating-menu-container.p-table-cell.p-table-container.p-table-footer.p-table-header.p-table-row.p-table-row-actions-container.entry.js.map +1 -1
- package/dist/esm/p-empty-state_8.entry.js +42 -43
- package/dist/esm/p-empty-state_8.entry.js.map +1 -1
- package/dist/esm/p-table-column.entry.js +7 -3
- package/dist/esm/p-table-column.entry.js.map +1 -1
- package/dist/esm/paperless.js +1 -1
- package/dist/index.html +1 -1
- package/dist/paperless/p-a6a1c872.entry.js +2 -0
- package/dist/paperless/p-a6a1c872.entry.js.map +1 -0
- package/dist/paperless/p-ba7929fd.entry.js +2 -0
- package/dist/paperless/p-ba7929fd.entry.js.map +1 -0
- package/dist/paperless/p-empty-state.p-floating-menu-container.p-table-cell.p-table-container.p-table-footer.p-table-header.p-table-row.p-table-row-actions-container.entry.esm.js.map +1 -1
- package/dist/paperless/p-table-column.entry.esm.js.map +1 -1
- 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/helpers/table/column/table-column.component.d.ts +10 -6
- package/dist/types/components/molecules/table/row/table-row.component.d.ts +1 -1
- package/dist/types/components.d.ts +34 -20
- package/package.json +1 -1
- package/dist/build/p-4f199fd5.entry.js +0 -2
- package/dist/build/p-4f199fd5.entry.js.map +0 -1
- package/dist/build/p-ab66da44.entry.js +0 -2
- package/dist/build/p-ab66da44.entry.js.map +0 -1
- package/dist/components/p-DvZcjOgI.js.map +0 -1
- package/dist/components/p-h9R5XZgN.js +0 -147
- package/dist/components/p-h9R5XZgN.js.map +0 -1
- package/dist/paperless/p-4f199fd5.entry.js +0 -2
- package/dist/paperless/p-4f199fd5.entry.js.map +0 -1
- package/dist/paperless/p-ab66da44.entry.js +0 -2
- package/dist/paperless/p-ab66da44.entry.js.map +0 -1
|
@@ -2,13 +2,13 @@ import { h } from "@stencil/core";
|
|
|
2
2
|
import { cva } from "class-variance-authority";
|
|
3
3
|
import { asBoolean } from "../../../../utils/as-boolean";
|
|
4
4
|
import { ThemedHost } from "../../../../internal/themed-host.component";
|
|
5
|
-
const row = cva([
|
|
5
|
+
const row = cva(["flex min-w-[calc(100%-0.5rem)] flex-col", "group", "relative"], {
|
|
6
6
|
variants: {
|
|
7
7
|
variant: {
|
|
8
|
-
default: [
|
|
8
|
+
default: ["px-3 m-1", "text-sm text-storm-500", "dark:text-white"],
|
|
9
9
|
header: null,
|
|
10
|
-
|
|
11
|
-
secondary: [
|
|
10
|
+
"header-secondary": "mb-4",
|
|
11
|
+
secondary: ["px-4", "font-ambit text-lg font-bold"],
|
|
12
12
|
},
|
|
13
13
|
enableHover: {
|
|
14
14
|
true: null,
|
|
@@ -21,69 +21,69 @@ const row = cva(['flex min-w-[calc(100%-0.5rem)] flex-col', 'group', 'relative']
|
|
|
21
21
|
},
|
|
22
22
|
compoundVariants: [
|
|
23
23
|
{
|
|
24
|
-
variant:
|
|
24
|
+
variant: "default",
|
|
25
25
|
enableHover: true,
|
|
26
|
-
class: [
|
|
26
|
+
class: ["rounded-lg transition-colors", "hover:cursor-pointer"],
|
|
27
27
|
},
|
|
28
28
|
{
|
|
29
|
-
variant:
|
|
29
|
+
variant: "default",
|
|
30
30
|
enableHover: true,
|
|
31
31
|
checked: false,
|
|
32
|
-
class: [
|
|
32
|
+
class: ["hover:bg-off-white-300", "dark:hover:bg-hurricane-600"],
|
|
33
33
|
},
|
|
34
34
|
{
|
|
35
|
-
variant:
|
|
35
|
+
variant: "default",
|
|
36
36
|
checked: true,
|
|
37
37
|
class: [
|
|
38
|
-
|
|
39
|
-
|
|
38
|
+
"rounded-lg transition-colors",
|
|
39
|
+
"bg-off-white-300 dark:bg-hurricane-400 dark:hover:bg-hurricane-400",
|
|
40
40
|
],
|
|
41
41
|
},
|
|
42
42
|
{
|
|
43
|
-
variant: [
|
|
44
|
-
class: [
|
|
43
|
+
variant: ["secondary", "header-secondary"],
|
|
44
|
+
class: ["bg-off-white-300 rounded-lg", "dark:bg-hurricane-400"],
|
|
45
45
|
},
|
|
46
46
|
{
|
|
47
|
-
variant: [
|
|
47
|
+
variant: ["header", "header-secondary"],
|
|
48
48
|
class: [
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
49
|
+
"px-4",
|
|
50
|
+
"text-xs font-normal text-storm-400",
|
|
51
|
+
"dark:text-hurricane-200",
|
|
52
52
|
],
|
|
53
53
|
},
|
|
54
54
|
],
|
|
55
55
|
});
|
|
56
|
-
const content = cva(
|
|
56
|
+
const content = cva("relative flex min-w-full flex-nowrap items-stretch justify-between", {
|
|
57
57
|
variants: {
|
|
58
58
|
variant: {
|
|
59
59
|
default: null,
|
|
60
60
|
secondary: null,
|
|
61
|
-
header:
|
|
62
|
-
|
|
61
|
+
header: "pb-4",
|
|
62
|
+
"header-secondary": "py-2",
|
|
63
63
|
},
|
|
64
64
|
},
|
|
65
65
|
compoundVariants: [
|
|
66
66
|
{
|
|
67
|
-
variant: [
|
|
68
|
-
class:
|
|
67
|
+
variant: ["default", "secondary"],
|
|
68
|
+
class: "min-h-14 py-2 tablet:py-4",
|
|
69
69
|
},
|
|
70
70
|
{
|
|
71
|
-
variant: [
|
|
72
|
-
class:
|
|
71
|
+
variant: ["header", "header-secondary"],
|
|
72
|
+
class: "min-h-0",
|
|
73
73
|
},
|
|
74
74
|
],
|
|
75
75
|
});
|
|
76
76
|
const actions = cva([
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
77
|
+
"absolute -right-4 top-1 z-[2]",
|
|
78
|
+
"h-[calc(100%-0.5rem)]",
|
|
79
|
+
"opacity-0 transition-opacity group-hover:opacity-100",
|
|
80
|
+
"empty:hidden",
|
|
81
81
|
]);
|
|
82
82
|
export class TableRow {
|
|
83
83
|
/**
|
|
84
84
|
* Variant of the header
|
|
85
85
|
*/
|
|
86
|
-
variant =
|
|
86
|
+
variant = "default";
|
|
87
87
|
/**
|
|
88
88
|
* Enable hover
|
|
89
89
|
*/
|
|
@@ -97,13 +97,13 @@ export class TableRow {
|
|
|
97
97
|
*/
|
|
98
98
|
isLast = false;
|
|
99
99
|
render() {
|
|
100
|
-
return (h(ThemedHost, { key: '
|
|
100
|
+
return (h(ThemedHost, { key: '087b223fe6e3af1c4d0a2d7d2d4ed00175c4812a' }, h("div", { key: '23d16fee36c2dc9e5107b1854eedfbdc8fb6d24f', class: "flex flex-col" }, h("div", { key: '6a361fa8c7d0662efce7aebbe5322f6d973fd089', class: row({
|
|
101
101
|
variant: this.variant,
|
|
102
102
|
enableHover: this.enableHover,
|
|
103
103
|
checked: this.checked,
|
|
104
|
-
}) }, h("div", { key: '
|
|
104
|
+
}) }, h("div", { key: '35b61f0b038c397803ddb6292c6e455df3e2327b', class: content({
|
|
105
105
|
variant: this.variant,
|
|
106
|
-
}) }, h("slot", { key: '
|
|
106
|
+
}) }, h("slot", { key: 'abf74bb3c5c6520a578c5a29002a43a7479d21be' }), h("div", { key: 'c827a528065a9a4d239a18093e5597468e15e5bb', class: actions() }, h("slot", { key: '60ec20af44e8986c3ab90c782cf96c9f0cdf5cc4', name: "actions" })))), !asBoolean(this.isLast) && this.variant !== "secondary" && (h("p-divider", { key: '18356daead756e65b18e0147cd3b813fa1082cd3' })))));
|
|
107
107
|
}
|
|
108
108
|
static get is() { return "p-table-row"; }
|
|
109
109
|
static get encapsulation() { return "shadow"; }
|
|
@@ -124,7 +124,7 @@ export class TableRow {
|
|
|
124
124
|
"attribute": "variant",
|
|
125
125
|
"mutable": false,
|
|
126
126
|
"complexType": {
|
|
127
|
-
"original": "
|
|
127
|
+
"original": "\"default\" | \"secondary\" | \"header\" | \"header-secondary\"",
|
|
128
128
|
"resolved": "\"default\" | \"header\" | \"header-secondary\" | \"secondary\"",
|
|
129
129
|
"references": {}
|
|
130
130
|
},
|
|
@@ -137,7 +137,7 @@ export class TableRow {
|
|
|
137
137
|
"getter": false,
|
|
138
138
|
"setter": false,
|
|
139
139
|
"reflect": false,
|
|
140
|
-
"defaultValue": "
|
|
140
|
+
"defaultValue": "\"default\""
|
|
141
141
|
},
|
|
142
142
|
"enableHover": {
|
|
143
143
|
"type": "boolean",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table-row.component.js","sourceRoot":"","sources":["../../../../../src/components/molecules/table/row/table-row.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,4CAA4C,CAAC;AAExE,MAAM,GAAG,GAAG,GAAG,CACd,CAAC,yCAAyC,EAAE,OAAO,EAAE,UAAU,CAAC,EAChE;IACC,QAAQ,EAAE;QACT,OAAO,EAAE;YACR,OAAO,EAAE,CAAC,UAAU,EAAE,wBAAwB,EAAE,iBAAiB,CAAC;YAClE,MAAM,EAAE,IAAI;YACZ,kBAAkB,EAAE,MAAM;YAC1B,SAAS,EAAE,CAAC,MAAM,EAAE,8BAA8B,CAAC;SACnD;QACD,WAAW,EAAE;YACZ,IAAI,EAAE,IAAI;YACV,KAAK,EAAE,IAAI;SACX;QACD,OAAO,EAAE;YACR,IAAI,EAAE,IAAI;YACV,KAAK,EAAE,IAAI;SACX;KACD;IACD,gBAAgB,EAAE;QACjB;YACC,OAAO,EAAE,SAAS;YAClB,WAAW,EAAE,IAAI;YACjB,KAAK,EAAE,CAAC,8BAA8B,EAAE,sBAAsB,CAAC;SAC/D;QACD;YACC,OAAO,EAAE,SAAS;YAClB,WAAW,EAAE,IAAI;YACjB,OAAO,EAAE,KAAK;YACd,KAAK,EAAE,CAAC,wBAAwB,EAAE,6BAA6B,CAAC;SAChE;QACD;YACC,OAAO,EAAE,SAAS;YAClB,OAAO,EAAE,IAAI;YACb,KAAK,EAAE;gBACN,8BAA8B;gBAC9B,oEAAoE;aACpE;SACD;QACD;YACC,OAAO,EAAE,CAAC,WAAW,EAAE,kBAAkB,CAAC;YAC1C,KAAK,EAAE,CAAC,6BAA6B,EAAE,uBAAuB,CAAC;SAC/D;QACD;YACC,OAAO,EAAE,CAAC,QAAQ,EAAE,kBAAkB,CAAC;YACvC,KAAK,EAAE;gBACN,MAAM;gBACN,oCAAoC;gBACpC,yBAAyB;aACzB;SACD;KACD;CACD,CACD,CAAC;AAEF,MAAM,OAAO,GAAG,GAAG,CAClB,
|
|
1
|
+
{"version":3,"file":"table-row.component.js","sourceRoot":"","sources":["../../../../../src/components/molecules/table/row/table-row.component.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, Prop } from \"@stencil/core\";\nimport { cva } from \"class-variance-authority\";\nimport { asBoolean } from \"../../../../utils/as-boolean\";\nimport { ThemedHost } from \"../../../../internal/themed-host.component\";\n\nconst row = cva(\n\t[\"flex min-w-[calc(100%-0.5rem)] flex-col\", \"group\", \"relative\"],\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tdefault: [\"px-3 m-1\", \"text-sm text-storm-500\", \"dark:text-white\"],\n\t\t\t\theader: null,\n\t\t\t\t\"header-secondary\": \"mb-4\",\n\t\t\t\tsecondary: [\"px-4\", \"font-ambit text-lg font-bold\"],\n\t\t\t},\n\t\t\tenableHover: {\n\t\t\t\ttrue: null,\n\t\t\t\tfalse: null,\n\t\t\t},\n\t\t\tchecked: {\n\t\t\t\ttrue: null,\n\t\t\t\tfalse: null,\n\t\t\t},\n\t\t},\n\t\tcompoundVariants: [\n\t\t\t{\n\t\t\t\tvariant: \"default\",\n\t\t\t\tenableHover: true,\n\t\t\t\tclass: [\"rounded-lg transition-colors\", \"hover:cursor-pointer\"],\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: \"default\",\n\t\t\t\tenableHover: true,\n\t\t\t\tchecked: false,\n\t\t\t\tclass: [\"hover:bg-off-white-300\", \"dark:hover:bg-hurricane-600\"],\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: \"default\",\n\t\t\t\tchecked: true,\n\t\t\t\tclass: [\n\t\t\t\t\t\"rounded-lg transition-colors\",\n\t\t\t\t\t\"bg-off-white-300 dark:bg-hurricane-400 dark:hover:bg-hurricane-400\",\n\t\t\t\t],\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: [\"secondary\", \"header-secondary\"],\n\t\t\t\tclass: [\"bg-off-white-300 rounded-lg\", \"dark:bg-hurricane-400\"],\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: [\"header\", \"header-secondary\"],\n\t\t\t\tclass: [\n\t\t\t\t\t\"px-4\",\n\t\t\t\t\t\"text-xs font-normal text-storm-400\",\n\t\t\t\t\t\"dark:text-hurricane-200\",\n\t\t\t\t],\n\t\t\t},\n\t\t],\n\t},\n);\n\nconst content = cva(\n\t\"relative flex min-w-full flex-nowrap items-stretch justify-between\",\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tdefault: null,\n\t\t\t\tsecondary: null,\n\t\t\t\theader: \"pb-4\",\n\t\t\t\t\"header-secondary\": \"py-2\",\n\t\t\t},\n\t\t},\n\t\tcompoundVariants: [\n\t\t\t{\n\t\t\t\tvariant: [\"default\", \"secondary\"],\n\t\t\t\tclass: \"min-h-14 py-2 tablet:py-4\",\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: [\"header\", \"header-secondary\"],\n\t\t\t\tclass: \"min-h-0\",\n\t\t\t},\n\t\t],\n\t},\n);\n\nconst actions = cva([\n\t\"absolute -right-4 top-1 z-[2]\",\n\t\"h-[calc(100%-0.5rem)]\",\n\t\"opacity-0 transition-opacity group-hover:opacity-100\",\n\t\"empty:hidden\",\n]);\n\n@Component({\n\ttag: \"p-table-row\",\n\tstyleUrl: \"table-row.component.css\",\n\tshadow: true,\n})\nexport class TableRow {\n\t/**\n\t * Variant of the header\n\t */\n\t@Prop() variant: \"default\" | \"secondary\" | \"header\" | \"header-secondary\" =\n\t\t\"default\";\n\n\t/**\n\t * Enable hover\n\t */\n\t@Prop() enableHover: boolean = true;\n\n\t/**\n\t * Wether the row is checked\n\t */\n\t@Prop() checked: boolean = false;\n\n\t/**\n\t * Wether the row is the last one\n\t */\n\t@Prop() isLast: boolean = false;\n\n\trender() {\n\t\treturn (\n\t\t\t<ThemedHost>\n\t\t\t\t<div class=\"flex flex-col\">\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass={row({\n\t\t\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\t\t\tenableHover: this.enableHover,\n\t\t\t\t\t\t\tchecked: this.checked,\n\t\t\t\t\t\t})}\n\t\t\t\t\t>\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclass={content({\n\t\t\t\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<slot />\n\t\t\t\t\t\t\t<div class={actions()}>\n\t\t\t\t\t\t\t\t<slot name=\"actions\" />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t{!asBoolean(this.isLast) && this.variant !== \"secondary\" && (\n\t\t\t\t\t\t<p-divider />\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n}\n"]}
|
|
@@ -69,18 +69,17 @@ const TableCell = /*@__PURE__*/ proxyCustomElement(class TableCell extends H {
|
|
|
69
69
|
if (this.variant === 'loading') {
|
|
70
70
|
return (h("p-loader", { variant: 'ghost', class: 'h-6 w-[calc(100%-1rem)] flex-1 rounded' }));
|
|
71
71
|
}
|
|
72
|
+
const align = this.variant === 'header'
|
|
73
|
+
? this.definition.headerAlign ?? this.definition.align
|
|
74
|
+
: this.definition.align;
|
|
72
75
|
return (h("div", { class: cn('overflow-hidden text-ellipsis', {
|
|
73
76
|
flex: this.definition.flex,
|
|
74
|
-
'justify-start': this.definition.flex &&
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
'
|
|
78
|
-
'
|
|
79
|
-
'text-
|
|
80
|
-
(this.definition.align === undefined ||
|
|
81
|
-
this.definition.align === 'start'),
|
|
82
|
-
'text-center': !this.definition.flex && this.definition.align === 'center',
|
|
83
|
-
'text-end': !this.definition.flex && this.definition.align === 'end',
|
|
77
|
+
'justify-start': this.definition.flex && (align === undefined || align === 'start'),
|
|
78
|
+
'justify-end': this.definition.flex && align === 'end',
|
|
79
|
+
'justify-center': this.definition.flex && align === 'end',
|
|
80
|
+
'text-start': !this.definition.flex && (align === undefined || align === 'start'),
|
|
81
|
+
'text-center': !this.definition.flex && align === 'center',
|
|
82
|
+
'text-end': !this.definition.flex && align === 'end',
|
|
84
83
|
}) }, this.variant === 'header' || this.variant === 'header-secondary' ? (this.data.value) : this.definition.useSlot ? (h("slot", null)) : (this.template(this.data))));
|
|
85
84
|
}
|
|
86
85
|
_getColumnClasses() {
|
|
@@ -119,6 +118,6 @@ function defineCustomElement() {
|
|
|
119
118
|
defineCustomElement();
|
|
120
119
|
|
|
121
120
|
export { TableCell as T, defineCustomElement as d };
|
|
122
|
-
//# sourceMappingURL=p-
|
|
121
|
+
//# sourceMappingURL=p-Bo4siUTb.js.map
|
|
123
122
|
|
|
124
|
-
//# sourceMappingURL=p-
|
|
123
|
+
//# sourceMappingURL=p-Bo4siUTb.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"file":"p-Bo4siUTb.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/table/cell/table-cell.component.css?tag=p-table-cell","src/components/molecules/table/cell/table-cell.component.tsx"],"sourcesContent":["","import { Component, Fragment, h, Prop } from '@stencil/core';\nimport {\n\tTableDefinitionData,\n\tTableDefinitionTemplateFunc,\n} from '../../../../types';\nimport { getTableCellColumnClasses, objectGetByPath } from '../../../../utils';\n\nimport { ThemedHost } from '../../../../internal/themed-host.component';\nimport { cn } from '../../../../utils/cn';\nimport { TableColumn } from '../../../helpers/table/column/table-column.component';\n\n/*\n With this, we shall hack the system in ways no one would ever have thought.\n\n\n ⠀⠀⠀⠀⠀⣠⣴⣶⣿⣿⠿⣷⣶⣤⣄⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣠⣴⣶⣷⠿⣿⣿⣶⣦⣀⠀⠀⠀⠀⠀\n ⠀⠀⠀⢀⣾⣿⣿⣿⣿⣿⣿⣿⣶⣦⣬⡉⠒⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠚⢉⣥⣴⣾⣿⣿⣿⣿⣿⣿⣿⣧⠀⠀⠀⠀\n ⠀⠀⠀⡾⠿⠛⠛⠛⠛⠿⢿⣿⣿⣿⣿⣿⣷⣄⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣠⣾⣿⣿⣿⣿⣿⠿⠿⠛⠛⠛⠛⠿⢧⠀⠀⠀\n ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠙⠻⣿⣿⣿⣿⣿⡄⠀⠀⠀⠀⠀⠀⣠⣿⣿⣿⣿⡿⠟⠉⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀\n ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠙⢿⣿⡄⠀⠀⠀⠀⠀⠀⠀⠀⢰⣿⡿⠋⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀\n ⠀⠀⠀⠀⠀⠀⠀⣠⣤⠶⠶⠶⠰⠦⣤⣀⠀⠙⣷⠀⠀⠀⠀⠀⠀⠀⢠⡿⠋⢀⣀⣤⢴⠆⠲⠶⠶⣤⣄⠀⠀⠀⠀⠀⠀⠀\n ⠀⠘⣆⠀⠀⢠⣾⣫⣶⣾⣿⣿⣿⣿⣷⣯⣿⣦⠈⠃⡇⠀⠀⠀⠀⢸⠘⢁⣶⣿⣵⣾⣿⣿⣿⣿⣷⣦⣝⣷⡄⠀⠀⡰⠂⠀\n ⠀⠀⣨⣷⣶⣿⣧⣛⣛⠿⠿⣿⢿⣿⣿⣛⣿⡿⠀⠀⡇⠀⠀⠀⠀⢸⠀⠈⢿⣟⣛⠿⢿⡿⢿⢿⢿⣛⣫⣼⡿⣶⣾⣅⡀⠀\n ⢀⡼⠋⠁⠀⠀⠈⠉⠛⠛⠻⠟⠸⠛⠋⠉⠁⠀⠀⢸⡇⠀⠀⠄⠀⢸⡄⠀⠀⠈⠉⠙⠛⠃⠻⠛⠛⠛⠉⠁⠀⠀⠈⠙⢧⡀\n ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣿⡇⢠⠀⠀⠀⢸⣷⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀\n ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢀⣾⣿⡇⠀⠀⠀⠀⢸⣿⣷⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀\n ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣰⠟⠁⣿⠇⠀⠀⠀⠀⢸⡇⠙⢿⣆⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀\n ⠀⠰⣄⠀⠀⠀⠀⠀⠀⠀⠀⢀⣠⣾⠖⡾⠁⠀⠀⣿⠀⠀⠀⠀⠀⠘⣿⠀⠀⠙⡇⢸⣷⣄⡀⠀⠀⠀⠀⠀⠀⠀⠀⣰⠄⠀\n ⠀⠀⢻⣷⡦⣤⣤⣤⡴⠶⠿⠛⠉⠁⠀⢳⠀⢠⡀⢿⣀⠀⠀⠀⠀⣠⡟⢀⣀⢠⠇⠀⠈⠙⠛⠷⠶⢦⣤⣤⣤⢴⣾⡏⠀⠀\n ⠀⠀⠈⣿⣧⠙⣿⣷⣄⠀⠀⠀⠀⠀⠀⠀⠀⠘⠛⢊⣙⠛⠒⠒⢛⣋⡚⠛⠉⠀⠀⠀⠀⠀⠀⠀⠀⣠⣿⡿⠁⣾⡿⠀⠀⠀\n ⠀⠀⠀⠘⣿⣇⠈⢿⣿⣦⠀⠀⠀⠀⠀⠀⠀⠀⣰⣿⣿⣿⡿⢿⣿⣿⣿⣆⠀⠀⠀⠀⠀⠀⠀⢀⣼⣿⡟⠁⣼⡿⠁⠀⠀⠀\n ⠀⠀⠀⠀⠘⣿⣦⠀⠻⣿⣷⣦⣤⣤⣶⣶⣶⣿⣿⣿⣿⠏⠀⠀⠻⣿⣿⣿⣿⣶⣶⣶⣦⣤⣴⣿⣿⠏⢀⣼⡿⠁⠀⠀⠀⠀\n ⠀⠀⠀⠀⠀⠘⢿⣷⣄⠙⠻⠿⠿⠿⠿⠿⢿⣿⣿⣿⣁⣀⣀⣀⣀⣙⣿⣿⣿⠿⠿⠿⠿⠿⠿⠟⠁⣠⣿⡿⠁⠀⠀⠀⠀⠀\n ⠀⠀⠀⠀⠀⠀⠈⠻⣯⠙⢦⣀⠀⠀⠀⠀⠀⠉⠉⠉⠉⠉⠉⠉⠉⠉⠉⠉⠉⠀⠀⠀⠀⠀⣠⠴⢋⣾⠟⠀⠀⠀⠀⠀⠀⠀\n ⠀⠀⠀⠀⠀⠀⠀⠀⠙⢧⡀⠈⠉⠒⠀⠀⠀⠀⠀⠀⣀⠀⠀⠀⠀⢀⠀⠀⠀⠀⠀⠐⠒⠉⠁⢀⡾⠃⠀⠀⠀⠀⠀⠀⠀⠀\n ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠈⠳⣄⠀⠀⠀⠀⠀⠀⠀⠀⠻⣿⣿⣿⣿⠋⠀⠀⠀⠀⠀⠀⠀⠀⣠⠟⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀\n ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠘⢦⡀⠀⠀⠀⠀⠀⠀⠀⣸⣿⣿⡇⠀⠀⠀⠀⠀⠀⠀⢀⡴⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀\n ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣿⣿⣿⣿⠀⠀⠀⠀⠀⠀⠀⠋⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀\n ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠐⣿⣿⣿⣿⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀\n ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣿⣿⣿⡿⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀\n ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢻⣿⣿⡇⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀\n ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠸⣿⣿⠃⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀\n */\n@Component({\n\ttag: 'p-table-cell',\n\tstyleUrl: 'table-cell.component.css',\n})\nexport class TableCell {\n\t/**\n\t * The variant of the column\n\t */\n\t@Prop() variant: 'default' | 'loading' | 'header' | 'header-secondary' =\n\t\t'default';\n\n\t/**\n\t * The index of the column\n\t */\n\t@Prop() index: number;\n\n\t/**\n\t * The index of the row\n\t */\n\t@Prop() rowIndex: number;\n\n\t/**\n\t * The definition of the table column\n\t */\n\t@Prop() definition?: TableColumn | any;\n\n\t/**\n\t * The item in question\n\t */\n\t@Prop() item: any;\n\n\t/**\n\t * The value of the column\n\t */\n\t@Prop() value: any;\n\n\t/**\n\t * The checkbox to show\n\t */\n\t@Prop() checkbox: any;\n\n\t/**\n\t * Wether the cell needs checkbox offset instead of a checkbox\n\t */\n\t@Prop() checkboxOffset: boolean = false;\n\n\t/**\n\t * The template to show\n\t */\n\t@Prop() template: TableDefinitionTemplateFunc = ({\n\t\tvalue,\n\t}: TableDefinitionData) => value;\n\n\tget data(): TableDefinitionData | { value: string } {\n\t\tif (this.variant === 'header') {\n\t\t\treturn {\n\t\t\t\tvalue: this.value,\n\t\t\t};\n\t\t}\n\n\t\treturn {\n\t\t\tvalue:\n\t\t\t\tthis.value ?? this.definition?.path\n\t\t\t\t\t? objectGetByPath(this.item, this.definition.path)\n\t\t\t\t\t: null,\n\t\t\titem: this.item,\n\t\t\tindex: this.index,\n\t\t\trowIndex: this.rowIndex,\n\t\t};\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<ThemedHost class={this._getColumnClasses()}>\n\t\t\t\t{this.checkbox}\n\n\t\t\t\t{this._getContent()}\n\n\t\t\t\t{false && (\n\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t<div class='pl-8'></div>\n\t\t\t\t\t\t<div class='text-storm-300 text-storm-400 text-storm-500 dark:text-hurricane-200 dark:text-white'></div>\n\t\t\t\t\t\t<div class='justify-start justify-end justify-center'></div>\n\t\t\t\t\t\t<div class='font-semibold text-storm-300 text-storm-400 text-storm-500'></div>\n\t\t\t\t\t\t<div class='w-12/12 w-1/12 w-10/12 w-11/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'></div>\n\t\t\t\t\t\t<div class='tablet:w-12/12 tablet:w-1/12 tablet:w-10/12 tablet:w-11/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'></div>\n\t\t\t\t\t\t<div class='desktop-xs:w-12/12 desktop-xs:w-1/12 desktop-xs:w-10/12 desktop-xs:w-11/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'></div>\n\t\t\t\t\t\t<div class='desktop-xs:w-12/12 desktop-xs:w-1/12 desktop-xs:w-10/12 desktop-xs:w-11/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'></div>\n\t\t\t\t\t\t<div class='desktop-sm:w-12/12 desktop-sm:w-1/12 desktop-sm:w-10/12 desktop-sm:w-11/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'></div>\n\t\t\t\t\t\t<div class='desktop:w-12/12 desktop:w-1/12 desktop:w-10/12 desktop:w-11/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'></div>\n\t\t\t\t\t\t<div class='desktop-lg:w-12/12 desktop-lg:w-1/12 desktop-lg:w-10/12 desktop-lg:w-11/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'></div>\n\t\t\t\t\t\t<div class='desktop-xl:w-12/12 desktop-xl:w-1/12 desktop-xl:w-10/12 desktop-xl:w-11/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'></div>\n\t\t\t\t\t\t<div class='flex hidden group-hover:flex group-hover:hidden'></div>\n\t\t\t\t\t\t<div class='tablet:flex tablet:hidden tablet:group-hover:flex tablet:group-hover:hidden'></div>\n\t\t\t\t\t\t<div class='desktop-xs:flex desktop-xs:hidden desktop-xs:group-hover:flex desktop-xs:group-hover:hidden'></div>\n\t\t\t\t\t\t<div class='desktop-sm:flex desktop-sm:hidden desktop-sm:group-hover:flex desktop-sm:group-hover:hidden'></div>\n\t\t\t\t\t\t<div class='desktop:flex desktop:hidden desktop:group-hover:flex desktop:group-hover:hidden'></div>\n\t\t\t\t\t\t<div class='desktop-lg:flex desktop-lg:hidden desktop-lg:group-hover:flex desktop-lg:group-hover:hidden'></div>\n\t\t\t\t\t\t<div class='desktop-xl:flex desktop-xl:hidden desktop-xl:group-hover:flex desktop-xl:group-hover:hidden'></div>\n\t\t\t\t\t\t<div class='pr-0 pr-4 last-of-type:pr-0'></div>\n\t\t\t\t\t\t<div class='tablet:pr-0 tablet:pr-4'></div>\n\t\t\t\t\t\t<div class='desktop-xs:pr-0 desktop-xs:pr-4'></div>\n\t\t\t\t\t\t<div class='desktop-sm:pr-0 desktop-sm:pr-4'></div>\n\t\t\t\t\t\t<div class='desktop:pr-0 desktop:pr-4'></div>\n\t\t\t\t\t\t<div class='desktop-lg:pr-0 desktop-lg:pr-4'></div>\n\t\t\t\t\t\t<div class='desktop-xl:pr-0 desktop-xl:pr-4'></div>\n\t\t\t\t\t</Fragment>\n\t\t\t\t)}\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n\n\tprivate _getContent() {\n\t\tif (this.variant === 'loading') {\n\t\t\treturn (\n\t\t\t\t<p-loader\n\t\t\t\t\tvariant='ghost'\n\t\t\t\t\tclass='h-6 w-[calc(100%-1rem)] flex-1 rounded'\n\t\t\t\t/>\n\t\t\t);\n\t\t}\n\n\t\tconst align =\n\t\t\tthis.variant === 'header'\n\t\t\t\t? this.definition.headerAlign ?? this.definition.align\n\t\t\t\t: this.definition.align;\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclass={cn('overflow-hidden text-ellipsis', {\n\t\t\t\t\tflex: this.definition.flex,\n\t\t\t\t\t'justify-start':\n\t\t\t\t\t\tthis.definition.flex && (align === undefined || align === 'start'),\n\t\t\t\t\t'justify-end': this.definition.flex && align === 'end',\n\t\t\t\t\t'justify-center': this.definition.flex && align === 'end',\n\t\t\t\t\t'text-start':\n\t\t\t\t\t\t!this.definition.flex && (align === undefined || align === 'start'),\n\t\t\t\t\t'text-center': !this.definition.flex && align === 'center',\n\t\t\t\t\t'text-end': !this.definition.flex && align === 'end',\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t{this.variant === 'header' || this.variant === 'header-secondary' ? (\n\t\t\t\t\tthis.data.value\n\t\t\t\t) : this.definition.useSlot ? (\n\t\t\t\t\t<slot />\n\t\t\t\t) : (\n\t\t\t\t\tthis.template(this.data as TableDefinitionData)\n\t\t\t\t)}\n\t\t\t</div>\n\t\t);\n\t}\n\n\tprivate _getColumnClasses() {\n\t\treturn cn(\n\t\t\tgetTableCellColumnClasses(\n\t\t\t\tthis.definition,\n\t\t\t\tthis.variant,\n\t\t\t\tthis.checkboxOffset\n\t\t\t)\n\t\t);\n\t}\n}\n"],"version":3}
|
|
@@ -0,0 +1,147 @@
|
|
|
1
|
+
import { p as proxyCustomElement, H, h } from './p-Dgl2kvBS.js';
|
|
2
|
+
import { c as cva } from './p-CBWjHURv.js';
|
|
3
|
+
import { a as asBoolean } from './p-C5CTp9IA.js';
|
|
4
|
+
import { T as ThemedHost } from './p-7QA93RrV.js';
|
|
5
|
+
import { d as defineCustomElement$1 } from './p-BoNZCwkk.js';
|
|
6
|
+
|
|
7
|
+
const tableRowComponentCss = ".relative{position:relative!important}*{box-sizing:border-box}:host{--tw-content:\"\";position:relative}.static{position:static!important}.absolute{position:absolute!important}.-right-4{right:-1rem!important}.top-1{top:.25rem!important}.z-\\[2\\]{z-index:2!important}.m-1{margin:.25rem!important}.mb-4{margin-bottom:1rem!important}.flex{display:flex!important}.table-row{display:table-row!important}.h-\\[calc\\(100\\%-0\\.5rem\\)\\]{height:calc(100% - .5rem)!important}.min-h-0{min-height:0!important}.min-h-14{min-height:3.5rem!important}.min-w-\\[calc\\(100\\%-0\\.5rem\\)\\]{min-width:calc(100% - .5rem)!important}.min-w-full{min-width:100%!important}.flex-col{flex-direction:column!important}.flex-nowrap{flex-wrap:nowrap!important}.items-stretch{align-items:stretch!important}.justify-between{justify-content:space-between!important}.rounded-lg{border-radius:.5rem!important}.bg-off-white-300{--tw-bg-opacity:1!important;background-color:rgb(248 247 244/var(--tw-bg-opacity,1))!important}.px-3{padding-left:.75rem!important;padding-right:.75rem!important}.px-4{padding-left:1rem!important;padding-right:1rem!important}.py-2{padding-bottom:.5rem!important;padding-top:.5rem!important}.pb-4{padding-bottom:1rem!important}.font-ambit{font-family:Ambit,sans-serif!important}.text-lg{font-size:1.125rem!important;line-height:1.75rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-bold{font-weight:700!important}.font-normal{font-weight:400!important}.text-storm-400{--tw-text-opacity:1!important;color:rgb(70 75 84/var(--tw-text-opacity,1))!important}.text-storm-500{--tw-text-opacity:1!important;color:rgb(24 30 41/var(--tw-text-opacity,1))!important}.opacity-0{opacity:0!important}.transition-colors{transition-duration:.15s!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.transition-opacity{transition-duration:.15s!important;transition-property:opacity!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.empty\\:hidden:empty{display:none!important}.hover\\:cursor-pointer:hover{cursor:pointer!important}.hover\\:bg-off-white-300:hover{--tw-bg-opacity:1!important;background-color:rgb(248 247 244/var(--tw-bg-opacity,1))!important}.group:hover .group-hover\\:opacity-100{opacity:1!important}@media (min-width:40rem){.tablet\\:py-4{padding-bottom:1rem!important;padding-top:1rem!important}}.dark\\:bg-hurricane-400:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1!important;background-color:rgb(70 75 84/var(--tw-bg-opacity,1))!important}.dark\\:text-hurricane-200:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1!important;color:rgb(163 165 169/var(--tw-text-opacity,1))!important}.dark\\:text-white:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.dark\\:hover\\:bg-hurricane-400:hover:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1!important;background-color:rgb(70 75 84/var(--tw-bg-opacity,1))!important}.dark\\:hover\\:bg-hurricane-600:hover:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1!important;background-color:rgb(46 52 62/var(--tw-bg-opacity,1))!important}.dark\\:bg-hurricane-400:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1!important;background-color:rgb(70 75 84/var(--tw-bg-opacity,1))!important}.dark\\:text-hurricane-200:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1!important;color:rgb(163 165 169/var(--tw-text-opacity,1))!important}.dark\\:text-white:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.dark\\:hover\\:bg-hurricane-400:hover:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1!important;background-color:rgb(70 75 84/var(--tw-bg-opacity,1))!important}.dark\\:hover\\:bg-hurricane-600:hover:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1!important;background-color:rgb(46 52 62/var(--tw-bg-opacity,1))!important}";
|
|
8
|
+
|
|
9
|
+
const row = cva(["flex min-w-[calc(100%-0.5rem)] flex-col", "group", "relative"], {
|
|
10
|
+
variants: {
|
|
11
|
+
variant: {
|
|
12
|
+
default: ["px-3 m-1", "text-sm text-storm-500", "dark:text-white"],
|
|
13
|
+
header: null,
|
|
14
|
+
"header-secondary": "mb-4",
|
|
15
|
+
secondary: ["px-4", "font-ambit text-lg font-bold"],
|
|
16
|
+
},
|
|
17
|
+
enableHover: {
|
|
18
|
+
true: null,
|
|
19
|
+
false: null,
|
|
20
|
+
},
|
|
21
|
+
checked: {
|
|
22
|
+
true: null,
|
|
23
|
+
false: null,
|
|
24
|
+
},
|
|
25
|
+
},
|
|
26
|
+
compoundVariants: [
|
|
27
|
+
{
|
|
28
|
+
variant: "default",
|
|
29
|
+
enableHover: true,
|
|
30
|
+
class: ["rounded-lg transition-colors", "hover:cursor-pointer"],
|
|
31
|
+
},
|
|
32
|
+
{
|
|
33
|
+
variant: "default",
|
|
34
|
+
enableHover: true,
|
|
35
|
+
checked: false,
|
|
36
|
+
class: ["hover:bg-off-white-300", "dark:hover:bg-hurricane-600"],
|
|
37
|
+
},
|
|
38
|
+
{
|
|
39
|
+
variant: "default",
|
|
40
|
+
checked: true,
|
|
41
|
+
class: [
|
|
42
|
+
"rounded-lg transition-colors",
|
|
43
|
+
"bg-off-white-300 dark:bg-hurricane-400 dark:hover:bg-hurricane-400",
|
|
44
|
+
],
|
|
45
|
+
},
|
|
46
|
+
{
|
|
47
|
+
variant: ["secondary", "header-secondary"],
|
|
48
|
+
class: ["bg-off-white-300 rounded-lg", "dark:bg-hurricane-400"],
|
|
49
|
+
},
|
|
50
|
+
{
|
|
51
|
+
variant: ["header", "header-secondary"],
|
|
52
|
+
class: [
|
|
53
|
+
"px-4",
|
|
54
|
+
"text-xs font-normal text-storm-400",
|
|
55
|
+
"dark:text-hurricane-200",
|
|
56
|
+
],
|
|
57
|
+
},
|
|
58
|
+
],
|
|
59
|
+
});
|
|
60
|
+
const content = cva("relative flex min-w-full flex-nowrap items-stretch justify-between", {
|
|
61
|
+
variants: {
|
|
62
|
+
variant: {
|
|
63
|
+
default: null,
|
|
64
|
+
secondary: null,
|
|
65
|
+
header: "pb-4",
|
|
66
|
+
"header-secondary": "py-2",
|
|
67
|
+
},
|
|
68
|
+
},
|
|
69
|
+
compoundVariants: [
|
|
70
|
+
{
|
|
71
|
+
variant: ["default", "secondary"],
|
|
72
|
+
class: "min-h-14 py-2 tablet:py-4",
|
|
73
|
+
},
|
|
74
|
+
{
|
|
75
|
+
variant: ["header", "header-secondary"],
|
|
76
|
+
class: "min-h-0",
|
|
77
|
+
},
|
|
78
|
+
],
|
|
79
|
+
});
|
|
80
|
+
const actions = cva([
|
|
81
|
+
"absolute -right-4 top-1 z-[2]",
|
|
82
|
+
"h-[calc(100%-0.5rem)]",
|
|
83
|
+
"opacity-0 transition-opacity group-hover:opacity-100",
|
|
84
|
+
"empty:hidden",
|
|
85
|
+
]);
|
|
86
|
+
const TableRow = /*@__PURE__*/ proxyCustomElement(class TableRow extends H {
|
|
87
|
+
constructor() {
|
|
88
|
+
super();
|
|
89
|
+
this.__registerHost();
|
|
90
|
+
this.__attachShadow();
|
|
91
|
+
}
|
|
92
|
+
/**
|
|
93
|
+
* Variant of the header
|
|
94
|
+
*/
|
|
95
|
+
variant = "default";
|
|
96
|
+
/**
|
|
97
|
+
* Enable hover
|
|
98
|
+
*/
|
|
99
|
+
enableHover = true;
|
|
100
|
+
/**
|
|
101
|
+
* Wether the row is checked
|
|
102
|
+
*/
|
|
103
|
+
checked = false;
|
|
104
|
+
/**
|
|
105
|
+
* Wether the row is the last one
|
|
106
|
+
*/
|
|
107
|
+
isLast = false;
|
|
108
|
+
render() {
|
|
109
|
+
return (h(ThemedHost, { key: '087b223fe6e3af1c4d0a2d7d2d4ed00175c4812a' }, h("div", { key: '23d16fee36c2dc9e5107b1854eedfbdc8fb6d24f', class: "flex flex-col" }, h("div", { key: '6a361fa8c7d0662efce7aebbe5322f6d973fd089', class: row({
|
|
110
|
+
variant: this.variant,
|
|
111
|
+
enableHover: this.enableHover,
|
|
112
|
+
checked: this.checked,
|
|
113
|
+
}) }, h("div", { key: '35b61f0b038c397803ddb6292c6e455df3e2327b', class: content({
|
|
114
|
+
variant: this.variant,
|
|
115
|
+
}) }, h("slot", { key: 'abf74bb3c5c6520a578c5a29002a43a7479d21be' }), h("div", { key: 'c827a528065a9a4d239a18093e5597468e15e5bb', class: actions() }, h("slot", { key: '60ec20af44e8986c3ab90c782cf96c9f0cdf5cc4', name: "actions" })))), !asBoolean(this.isLast) && this.variant !== "secondary" && (h("p-divider", { key: '18356daead756e65b18e0147cd3b813fa1082cd3' })))));
|
|
116
|
+
}
|
|
117
|
+
static get style() { return tableRowComponentCss; }
|
|
118
|
+
}, [1, "p-table-row", {
|
|
119
|
+
"variant": [1],
|
|
120
|
+
"enableHover": [4, "enable-hover"],
|
|
121
|
+
"checked": [4],
|
|
122
|
+
"isLast": [4, "is-last"]
|
|
123
|
+
}]);
|
|
124
|
+
function defineCustomElement() {
|
|
125
|
+
if (typeof customElements === "undefined") {
|
|
126
|
+
return;
|
|
127
|
+
}
|
|
128
|
+
const components = ["p-table-row", "p-divider"];
|
|
129
|
+
components.forEach(tagName => { switch (tagName) {
|
|
130
|
+
case "p-table-row":
|
|
131
|
+
if (!customElements.get(tagName)) {
|
|
132
|
+
customElements.define(tagName, TableRow);
|
|
133
|
+
}
|
|
134
|
+
break;
|
|
135
|
+
case "p-divider":
|
|
136
|
+
if (!customElements.get(tagName)) {
|
|
137
|
+
defineCustomElement$1();
|
|
138
|
+
}
|
|
139
|
+
break;
|
|
140
|
+
} });
|
|
141
|
+
}
|
|
142
|
+
defineCustomElement();
|
|
143
|
+
|
|
144
|
+
export { TableRow as T, defineCustomElement as d };
|
|
145
|
+
//# sourceMappingURL=p-DD5C6lCE.js.map
|
|
146
|
+
|
|
147
|
+
//# sourceMappingURL=p-DD5C6lCE.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"file":"p-DD5C6lCE.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/table/row/table-row.component.css?tag=p-table-row&encapsulation=shadow","src/components/molecules/table/row/table-row.component.tsx"],"sourcesContent":[":host {\n\t@apply relative;\n\t--tw-content: '';\n}\n","import { Component, h, Prop } from \"@stencil/core\";\nimport { cva } from \"class-variance-authority\";\nimport { asBoolean } from \"../../../../utils/as-boolean\";\nimport { ThemedHost } from \"../../../../internal/themed-host.component\";\n\nconst row = cva(\n\t[\"flex min-w-[calc(100%-0.5rem)] flex-col\", \"group\", \"relative\"],\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tdefault: [\"px-3 m-1\", \"text-sm text-storm-500\", \"dark:text-white\"],\n\t\t\t\theader: null,\n\t\t\t\t\"header-secondary\": \"mb-4\",\n\t\t\t\tsecondary: [\"px-4\", \"font-ambit text-lg font-bold\"],\n\t\t\t},\n\t\t\tenableHover: {\n\t\t\t\ttrue: null,\n\t\t\t\tfalse: null,\n\t\t\t},\n\t\t\tchecked: {\n\t\t\t\ttrue: null,\n\t\t\t\tfalse: null,\n\t\t\t},\n\t\t},\n\t\tcompoundVariants: [\n\t\t\t{\n\t\t\t\tvariant: \"default\",\n\t\t\t\tenableHover: true,\n\t\t\t\tclass: [\"rounded-lg transition-colors\", \"hover:cursor-pointer\"],\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: \"default\",\n\t\t\t\tenableHover: true,\n\t\t\t\tchecked: false,\n\t\t\t\tclass: [\"hover:bg-off-white-300\", \"dark:hover:bg-hurricane-600\"],\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: \"default\",\n\t\t\t\tchecked: true,\n\t\t\t\tclass: [\n\t\t\t\t\t\"rounded-lg transition-colors\",\n\t\t\t\t\t\"bg-off-white-300 dark:bg-hurricane-400 dark:hover:bg-hurricane-400\",\n\t\t\t\t],\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: [\"secondary\", \"header-secondary\"],\n\t\t\t\tclass: [\"bg-off-white-300 rounded-lg\", \"dark:bg-hurricane-400\"],\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: [\"header\", \"header-secondary\"],\n\t\t\t\tclass: [\n\t\t\t\t\t\"px-4\",\n\t\t\t\t\t\"text-xs font-normal text-storm-400\",\n\t\t\t\t\t\"dark:text-hurricane-200\",\n\t\t\t\t],\n\t\t\t},\n\t\t],\n\t},\n);\n\nconst content = cva(\n\t\"relative flex min-w-full flex-nowrap items-stretch justify-between\",\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tdefault: null,\n\t\t\t\tsecondary: null,\n\t\t\t\theader: \"pb-4\",\n\t\t\t\t\"header-secondary\": \"py-2\",\n\t\t\t},\n\t\t},\n\t\tcompoundVariants: [\n\t\t\t{\n\t\t\t\tvariant: [\"default\", \"secondary\"],\n\t\t\t\tclass: \"min-h-14 py-2 tablet:py-4\",\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: [\"header\", \"header-secondary\"],\n\t\t\t\tclass: \"min-h-0\",\n\t\t\t},\n\t\t],\n\t},\n);\n\nconst actions = cva([\n\t\"absolute -right-4 top-1 z-[2]\",\n\t\"h-[calc(100%-0.5rem)]\",\n\t\"opacity-0 transition-opacity group-hover:opacity-100\",\n\t\"empty:hidden\",\n]);\n\n@Component({\n\ttag: \"p-table-row\",\n\tstyleUrl: \"table-row.component.css\",\n\tshadow: true,\n})\nexport class TableRow {\n\t/**\n\t * Variant of the header\n\t */\n\t@Prop() variant: \"default\" | \"secondary\" | \"header\" | \"header-secondary\" =\n\t\t\"default\";\n\n\t/**\n\t * Enable hover\n\t */\n\t@Prop() enableHover: boolean = true;\n\n\t/**\n\t * Wether the row is checked\n\t */\n\t@Prop() checked: boolean = false;\n\n\t/**\n\t * Wether the row is the last one\n\t */\n\t@Prop() isLast: boolean = false;\n\n\trender() {\n\t\treturn (\n\t\t\t<ThemedHost>\n\t\t\t\t<div class=\"flex flex-col\">\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass={row({\n\t\t\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\t\t\tenableHover: this.enableHover,\n\t\t\t\t\t\t\tchecked: this.checked,\n\t\t\t\t\t\t})}\n\t\t\t\t\t>\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclass={content({\n\t\t\t\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<slot />\n\t\t\t\t\t\t\t<div class={actions()}>\n\t\t\t\t\t\t\t\t<slot name=\"actions\" />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t{!asBoolean(this.isLast) && this.variant !== \"secondary\" && (\n\t\t\t\t\t\t<p-divider />\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n}\n"],"version":3}
|
|
@@ -13,7 +13,7 @@ const TableColumn = /*@__PURE__*/ proxyCustomElement(class TableColumn extends H
|
|
|
13
13
|
/**
|
|
14
14
|
* The variant of the column
|
|
15
15
|
*/
|
|
16
|
-
variant =
|
|
16
|
+
variant = 'default';
|
|
17
17
|
/**
|
|
18
18
|
* The name of the column
|
|
19
19
|
*/
|
|
@@ -33,7 +33,11 @@ const TableColumn = /*@__PURE__*/ proxyCustomElement(class TableColumn extends H
|
|
|
33
33
|
/**
|
|
34
34
|
* The alignment of the column
|
|
35
35
|
*/
|
|
36
|
-
align =
|
|
36
|
+
align = 'start';
|
|
37
|
+
/**
|
|
38
|
+
* The alignment of the header
|
|
39
|
+
*/
|
|
40
|
+
header = null;
|
|
37
41
|
/**
|
|
38
42
|
* Wether the column should be sticky (Only works on angular variant of table)
|
|
39
43
|
*/
|
|
@@ -45,7 +49,7 @@ const TableColumn = /*@__PURE__*/ proxyCustomElement(class TableColumn extends H
|
|
|
45
49
|
/**
|
|
46
50
|
* The sizes of the column
|
|
47
51
|
*/
|
|
48
|
-
sizes =
|
|
52
|
+
sizes = 'auto';
|
|
49
53
|
/**
|
|
50
54
|
* Event to let the table know it has to re render
|
|
51
55
|
*/
|
|
@@ -64,6 +68,7 @@ const TableColumn = /*@__PURE__*/ proxyCustomElement(class TableColumn extends H
|
|
|
64
68
|
"useSlot": [1540, "use-slot"],
|
|
65
69
|
"hasCheckbox": [1540, "has-checkbox"],
|
|
66
70
|
"align": [1537],
|
|
71
|
+
"header": [1537],
|
|
67
72
|
"sticky": [1544],
|
|
68
73
|
"parsedSizes": [1040, "parsed-sizes"],
|
|
69
74
|
"sizes": [1032]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"p-table-column.js","mappings":";;MAMa,WAAW,iBAAAA,kBAAA,CAAA,MAAA,WAAA,SAAAC,CAAA,CAAA;;;;;;AACvB;;AAEG;AACqC,IAAA,IAAI;AAE5C;;AAEG;IACqC,OAAO,GAIvB,SAAS;AAEjC;;AAEG;AACqC,IAAA,IAAI;AAE5C;;AAEG;IACqC,IAAI,GAAY,KAAK;AAE7D;;AAEG;IACqC,OAAO,GAAY,KAAK;AAEhE;;AAEG;IACqC,WAAW,GAAY,KAAK;AAEpE;;AAEG;IACqC,KAAK,GAC5C,OAAO;AAER;;AAEG;IACqC,MAAM,GAA0B,KAAK;AAE7E;;AAEG;AACqC,IAAA,WAAW;AAInD;;AAEG;IACsB,KAAK,GAKR,MAAM;AAE5B;;AAEG;AAEH,IAAA,sBAAsB;IAEtB,kBAAkB,GAAA;AACjB,QAAA,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,IAAI,CAAC;;IAGvC,MAAM,GAAA;QACL
|
|
1
|
+
{"file":"p-table-column.js","mappings":";;MAMa,WAAW,iBAAAA,kBAAA,CAAA,MAAA,WAAA,SAAAC,CAAA,CAAA;;;;;;AACvB;;AAEG;AACqC,IAAA,IAAI;AAE5C;;AAEG;IACqC,OAAO,GAIvB,SAAS;AAEjC;;AAEG;AACqC,IAAA,IAAI;AAE5C;;AAEG;IACqC,IAAI,GAAY,KAAK;AAE7D;;AAEG;IACqC,OAAO,GAAY,KAAK;AAEhE;;AAEG;IACqC,WAAW,GAAY,KAAK;AAEpE;;AAEG;IACqC,KAAK,GAC5C,OAAO;AAER;;AAEG;IACqC,MAAM,GAInC,IAAI;AAEf;;AAEG;IACqC,MAAM,GAA0B,KAAK;AAE7E;;AAEG;AACqC,IAAA,WAAW;AAInD;;AAEG;IACsB,KAAK,GAKR,MAAM;AAE5B;;AAEG;AAEH,IAAA,sBAAsB;IAEtB,kBAAkB,GAAA;AACjB,QAAA,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,IAAI,CAAC;;IAGvC,MAAM,GAAA;QACL;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/helpers/table/column/table-column.component.tsx"],"sourcesContent":["import { Component, Event, EventEmitter, Prop } from '@stencil/core';\nimport { TableColumnSizes } from '../../../../types/table';\n\n@Component({\n\ttag: 'p-table-column',\n})\nexport class TableColumn {\n\t/**\n\t * The path of the value of the item you want to display\n\t */\n\t@Prop({ reflect: true, mutable: true }) path: string;\n\n\t/**\n\t * The variant of the column\n\t */\n\t@Prop({ reflect: true, mutable: true }) variant:\n\t\t| 'subject'\n\t\t| 'default'\n\t\t| 'highlight'\n\t\t| 'header-secondary' = 'default';\n\n\t/**\n\t * The name of the column\n\t */\n\t@Prop({ reflect: true, mutable: true }) name: string;\n\n\t/**\n\t * Wether the column should be flex\n\t */\n\t@Prop({ reflect: true, mutable: true }) flex: boolean = false;\n\n\t/**\n\t * Wether the column should use the slot\n\t */\n\t@Prop({ reflect: true, mutable: true }) useSlot: boolean = false;\n\n\t/**\n\t * Wether the column should have a checkbox\n\t */\n\t@Prop({ reflect: true, mutable: true }) hasCheckbox: boolean = false;\n\n\t/**\n\t * The alignment of the column\n\t */\n\t@Prop({ reflect: true, mutable: true }) align: 'start' | 'center' | 'end' =\n\t\t'start';\n\n\t/**\n\t * The alignment of the header\n\t */\n\t@Prop({ reflect: true, mutable: true }) header:\n\t\t| null\n\t\t| 'start'\n\t\t| 'center'\n\t\t| 'end' = null;\n\n\t/**\n\t * Wether the column should be sticky (Only works on angular variant of table)\n\t */\n\t@Prop({ reflect: true, mutable: true }) sticky: boolean | 'secondary' = false;\n\n\t/**\n\t * Parsed sizes based on the complete set of columns\n\t */\n\t@Prop({ reflect: true, mutable: true }) parsedSizes:\n\t\t| TableColumnSizes\n\t\t| undefined;\n\n\t/**\n\t * The sizes of the column\n\t */\n\t@Prop({ mutable: true }) sizes:\n\t\t| 'auto'\n\t\t| 'hidden'\n\t\t| 'full'\n\t\t| number\n\t\t| TableColumnSizes = 'auto';\n\n\t/**\n\t * Event to let the table know it has to re render\n\t */\n\t@Event({ bubbles: true, composed: true })\n\ttableDefinitionChanged: EventEmitter<boolean>;\n\n\tcomponentDidUpdate() {\n\t\tthis.tableDefinitionChanged.emit(true);\n\t}\n\n\trender() {\n\t\treturn;\n\t}\n}\n"],"version":3}
|
|
@@ -27,11 +27,11 @@ import { d as defineCustomElement$c } from './p-C1RM6nHP.js';
|
|
|
27
27
|
import { d as defineCustomElement$b } from './p-DYWk-b-p.js';
|
|
28
28
|
import { d as defineCustomElement$a } from './p-Da28ikxq.js';
|
|
29
29
|
import { d as defineCustomElement$9 } from './p-BITmTm_E.js';
|
|
30
|
-
import { d as defineCustomElement$8 } from './p-
|
|
30
|
+
import { d as defineCustomElement$8 } from './p-Bo4siUTb.js';
|
|
31
31
|
import { d as defineCustomElement$7 } from './p-BXoVx3x5.js';
|
|
32
32
|
import { d as defineCustomElement$6 } from './p-CDJmZjDG.js';
|
|
33
33
|
import { d as defineCustomElement$5 } from './p-D_p65Zxm.js';
|
|
34
|
-
import { d as defineCustomElement$4 } from './p-
|
|
34
|
+
import { d as defineCustomElement$4 } from './p-DD5C6lCE.js';
|
|
35
35
|
import { d as defineCustomElement$3 } from './p-DNbLYhhD.js';
|
|
36
36
|
import { d as defineCustomElement$2 } from './p-CeJyspp0.js';
|
|
37
37
|
|