@paperless/core 2.0.1-beta.78 → 2.0.1-beta.79
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 +8 -0
- package/dist/build/{p-5642400e.js → p-0c2b2ef1.js} +1 -1
- package/dist/build/{p-4c41dd15.entry.js → p-8b1f9e44.entry.js} +2 -2
- package/dist/{paperless/p-4c41dd15.entry.js.map → build/p-8b1f9e44.entry.js.map} +1 -1
- package/dist/build/p-empty-state.p-floating-menu-container.p-floating-menu-item.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/paperless.esm.js +1 -1
- package/dist/cjs/p-empty-state.p-floating-menu-container.p-floating-menu-item.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_9.cjs.entry.js +14 -17
- package/dist/cjs/p-empty-state_9.cjs.entry.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 +13 -16
- package/dist/collection/components/molecules/table/row/table-row.component.js.map +1 -1
- package/dist/components/p-Cj4Zbbu2.js +93 -0
- package/dist/components/p-Cj4Zbbu2.js.map +1 -0
- package/dist/components/p-table-row.js +1 -1
- package/dist/components/p-table.js +1 -1
- package/dist/esm/p-empty-state.p-floating-menu-container.p-floating-menu-item.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_9.entry.js +14 -17
- package/dist/esm/p-empty-state_9.entry.js.map +1 -1
- package/dist/index.html +1 -1
- package/dist/paperless/{p-4c41dd15.entry.js → p-8b1f9e44.entry.js} +2 -2
- package/dist/{build/p-4c41dd15.entry.js.map → paperless/p-8b1f9e44.entry.js.map} +1 -1
- package/dist/paperless/p-empty-state.p-floating-menu-container.p-floating-menu-item.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/paperless.esm.js +1 -1
- package/dist/sw.js +1 -1
- package/dist/sw.js.map +1 -1
- package/package.json +1 -1
- package/dist/components/p-C0bpxhJE.js +0 -96
- package/dist/components/p-C0bpxhJE.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
.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-\[
|
|
1
|
+
.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}.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}.w-\[calc\(100\%-0\.5rem\)\]{width:calc(100% - .5rem)!important}.w-full{width:100%!important}.flex-col{flex-direction:column!important}.flex-nowrap{flex-wrap:nowrap!important}.items-center{align-items:center!important}.justify-between{justify-content:space-between!important}.rounded-lg{border-radius:.5rem!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}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-normal{font-weight:400!important}.text-black-teal-400{--tw-text-opacity:1!important;color:rgb(53 85 80/var(--tw-text-opacity,1))!important}.text-black-teal-500{--tw-text-opacity:1!important;color:rgb(3 42 36/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}}
|
|
@@ -1,19 +1,13 @@
|
|
|
1
1
|
import { h } from "@stencil/core";
|
|
2
2
|
import { cva } from "class-variance-authority";
|
|
3
|
-
const row = cva(['flex w-
|
|
3
|
+
const row = cva(['flex w-[calc(100%-0.5rem)] flex-col', 'group', 'relative'], {
|
|
4
4
|
variants: {
|
|
5
5
|
variant: {
|
|
6
|
-
default: ['text-sm text-black-teal-500'],
|
|
7
|
-
header: ['text-xs font-normal text-black-teal-400'],
|
|
6
|
+
default: ['px-3 m-1', 'text-sm text-black-teal-500'],
|
|
7
|
+
header: ['px-4', 'text-xs font-normal text-black-teal-400'],
|
|
8
8
|
},
|
|
9
9
|
enableHover: {
|
|
10
|
-
true:
|
|
11
|
-
'after:bg-off-white-300 after:opacity-0 after:transition-opacity',
|
|
12
|
-
'after:w-[calc(100%-0.5rem)] after:h-[calc(100%-0.5rem)]',
|
|
13
|
-
'after:absolute after:top-1 after:left-1 after:z-[0]',
|
|
14
|
-
'after:pointer-events-none',
|
|
15
|
-
'after:rounded-lg',
|
|
16
|
-
],
|
|
10
|
+
true: null,
|
|
17
11
|
false: null,
|
|
18
12
|
},
|
|
19
13
|
},
|
|
@@ -21,14 +15,17 @@ const row = cva(['flex w-full flex-col', 'group', 'px-4', 'relative z-[1]'], {
|
|
|
21
15
|
{
|
|
22
16
|
variant: 'default',
|
|
23
17
|
enableHover: true,
|
|
24
|
-
class: [
|
|
18
|
+
class: [
|
|
19
|
+
'rounded-lg transition-colors',
|
|
20
|
+
'hover:cursor-pointer hover:bg-off-white-300',
|
|
21
|
+
],
|
|
25
22
|
},
|
|
26
23
|
],
|
|
27
24
|
});
|
|
28
|
-
const content = cva('relative flex
|
|
25
|
+
const content = cva('relative flex w-full flex-nowrap items-center justify-between', {
|
|
29
26
|
variants: {
|
|
30
27
|
variant: {
|
|
31
|
-
default: 'min-h-
|
|
28
|
+
default: 'min-h-14 py-2 tablet:py-4',
|
|
32
29
|
header: 'min-h-0 pb-4',
|
|
33
30
|
},
|
|
34
31
|
},
|
|
@@ -49,12 +46,12 @@ export class TableRow {
|
|
|
49
46
|
*/
|
|
50
47
|
enableHover = true;
|
|
51
48
|
render() {
|
|
52
|
-
return (h("div", { key: '
|
|
49
|
+
return (h("div", { key: 'c62d792e8a5226f1015a75dd442a5dc93628ac2e', class: 'flex flex-col' }, h("div", { key: '1ea3c65dbf2c58b0519f97473bac88119b2878a8', class: row({
|
|
53
50
|
variant: this.variant,
|
|
54
51
|
enableHover: this.enableHover,
|
|
55
|
-
}) }, h("div", { key: '
|
|
52
|
+
}) }, h("div", { key: '911c13061bbcb0bba5c39cadb4217e24e333b40d', class: content({
|
|
56
53
|
variant: this.variant,
|
|
57
|
-
}) }, h("slot", { key: '
|
|
54
|
+
}) }, h("slot", { key: 'c1556b4ddaffb403aae1e342e469a4b3602a37a7' }), h("div", { key: 'ed07dda1b65dd172843fe9fb5368d2e542a1afaf', class: actions() }, h("slot", { key: 'ee1b62ddecb71b741d2ec4f44a17fb9a794e66ce', name: 'actions' })))), h("p-divider", { key: '7dbf98a9a6e5be12197143b39a676b5f8374efb5' })));
|
|
58
55
|
}
|
|
59
56
|
static get is() { return "p-table-row"; }
|
|
60
57
|
static get encapsulation() { return "shadow"; }
|
|
@@ -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;AAE/C,MAAM,GAAG,GAAG,GAAG,CAAC,CAAC,
|
|
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;AAE/C,MAAM,GAAG,GAAG,GAAG,CAAC,CAAC,qCAAqC,EAAE,OAAO,EAAE,UAAU,CAAC,EAAE;IAC7E,QAAQ,EAAE;QACT,OAAO,EAAE;YACR,OAAO,EAAE,CAAC,UAAU,EAAE,6BAA6B,CAAC;YACpD,MAAM,EAAE,CAAC,MAAM,EAAE,yCAAyC,CAAC;SAC3D;QACD,WAAW,EAAE;YACZ,IAAI,EAAE,IAAI;YACV,KAAK,EAAE,IAAI;SACX;KACD;IACD,gBAAgB,EAAE;QACjB;YACC,OAAO,EAAE,SAAS;YAClB,WAAW,EAAE,IAAI;YACjB,KAAK,EAAE;gBACN,8BAA8B;gBAC9B,6CAA6C;aAC7C;SACD;KACD;CACD,CAAC,CAAC;AAEH,MAAM,OAAO,GAAG,GAAG,CAClB,+DAA+D,EAC/D;IACC,QAAQ,EAAE;QACT,OAAO,EAAE;YACR,OAAO,EAAE,2BAA2B;YACpC,MAAM,EAAE,cAAc;SACtB;KACD;CACD,CACD,CAAC;AAEF,MAAM,OAAO,GAAG,GAAG,CAAC;IACnB,+BAA+B;IAC/B,uBAAuB;IACvB,sDAAsD;IACtD,cAAc;CACd,CAAC,CAAC;AAOH,MAAM,OAAO,QAAQ;IACpB;;OAEG;IACK,OAAO,GAAyB,SAAS,CAAC;IAElD;;OAEG;IACK,WAAW,GAAY,IAAI,CAAC;IAEpC,MAAM;QACL,OAAO,CACN,4DAAK,KAAK,EAAC,eAAe;YACzB,4DACC,KAAK,EAAE,GAAG,CAAC;oBACV,OAAO,EAAE,IAAI,CAAC,OAAO;oBACrB,WAAW,EAAE,IAAI,CAAC,WAAW;iBAC7B,CAAC;gBAEF,4DACC,KAAK,EAAE,OAAO,CAAC;wBACd,OAAO,EAAE,IAAI,CAAC,OAAO;qBACrB,CAAC;oBAEF,8DAAQ;oBACR,4DAAK,KAAK,EAAE,OAAO,EAAE;wBACpB,6DAAM,IAAI,EAAC,SAAS,GAAG,CAClB,CACD,CACD;YACN,mEAAa,CACR,CACN,CAAC;IACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\n\nconst row = cva(['flex w-[calc(100%-0.5rem)] flex-col', 'group', 'relative'], {\n\tvariants: {\n\t\tvariant: {\n\t\t\tdefault: ['px-3 m-1', 'text-sm text-black-teal-500'],\n\t\t\theader: ['px-4', 'text-xs font-normal text-black-teal-400'],\n\t\t},\n\t\tenableHover: {\n\t\t\ttrue: null,\n\t\t\tfalse: null,\n\t\t},\n\t},\n\tcompoundVariants: [\n\t\t{\n\t\t\tvariant: 'default',\n\t\t\tenableHover: true,\n\t\t\tclass: [\n\t\t\t\t'rounded-lg transition-colors',\n\t\t\t\t'hover:cursor-pointer hover:bg-off-white-300',\n\t\t\t],\n\t\t},\n\t],\n});\n\nconst content = cva(\n\t'relative flex w-full flex-nowrap items-center justify-between',\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tdefault: 'min-h-14 py-2 tablet:py-4',\n\t\t\t\theader: 'min-h-0 pb-4',\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' | 'header' = 'default';\n\n\t/**\n\t * Enable hover\n\t */\n\t@Prop() enableHover: boolean = true;\n\n\trender() {\n\t\treturn (\n\t\t\t<div class='flex flex-col'>\n\t\t\t\t<div\n\t\t\t\t\tclass={row({\n\t\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\t\tenableHover: this.enableHover,\n\t\t\t\t\t})}\n\t\t\t\t>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass={content({\n\t\t\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\t\t})}\n\t\t\t\t\t>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t\t<div class={actions()}>\n\t\t\t\t\t\t\t<slot name='actions' />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<p-divider />\n\t\t\t</div>\n\t\t);\n\t}\n}\n"]}
|
|
@@ -0,0 +1,93 @@
|
|
|
1
|
+
import { p as proxyCustomElement, H, h } from './p-DGfaskg8.js';
|
|
2
|
+
import { c as cva } from './p-4hDfHOnN.js';
|
|
3
|
+
import { d as defineCustomElement$1 } from './p-CLurrjAY.js';
|
|
4
|
+
|
|
5
|
+
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}.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}.w-\\[calc\\(100\\%-0\\.5rem\\)\\]{width:calc(100% - .5rem)!important}.w-full{width:100%!important}.flex-col{flex-direction:column!important}.flex-nowrap{flex-wrap:nowrap!important}.items-center{align-items:center!important}.justify-between{justify-content:space-between!important}.rounded-lg{border-radius:.5rem!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}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-normal{font-weight:400!important}.text-black-teal-400{--tw-text-opacity:1!important;color:rgb(53 85 80/var(--tw-text-opacity,1))!important}.text-black-teal-500{--tw-text-opacity:1!important;color:rgb(3 42 36/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}}";
|
|
6
|
+
|
|
7
|
+
const row = cva(['flex w-[calc(100%-0.5rem)] flex-col', 'group', 'relative'], {
|
|
8
|
+
variants: {
|
|
9
|
+
variant: {
|
|
10
|
+
default: ['px-3 m-1', 'text-sm text-black-teal-500'],
|
|
11
|
+
header: ['px-4', 'text-xs font-normal text-black-teal-400'],
|
|
12
|
+
},
|
|
13
|
+
enableHover: {
|
|
14
|
+
true: null,
|
|
15
|
+
false: null,
|
|
16
|
+
},
|
|
17
|
+
},
|
|
18
|
+
compoundVariants: [
|
|
19
|
+
{
|
|
20
|
+
variant: 'default',
|
|
21
|
+
enableHover: true,
|
|
22
|
+
class: [
|
|
23
|
+
'rounded-lg transition-colors',
|
|
24
|
+
'hover:cursor-pointer hover:bg-off-white-300',
|
|
25
|
+
],
|
|
26
|
+
},
|
|
27
|
+
],
|
|
28
|
+
});
|
|
29
|
+
const content = cva('relative flex w-full flex-nowrap items-center justify-between', {
|
|
30
|
+
variants: {
|
|
31
|
+
variant: {
|
|
32
|
+
default: 'min-h-14 py-2 tablet:py-4',
|
|
33
|
+
header: 'min-h-0 pb-4',
|
|
34
|
+
},
|
|
35
|
+
},
|
|
36
|
+
});
|
|
37
|
+
const actions = cva([
|
|
38
|
+
'absolute -right-4 top-1 z-[2]',
|
|
39
|
+
'h-[calc(100%-0.5rem)]',
|
|
40
|
+
'opacity-0 transition-opacity group-hover:opacity-100',
|
|
41
|
+
'empty:hidden',
|
|
42
|
+
]);
|
|
43
|
+
const TableRow = /*@__PURE__*/ proxyCustomElement(class TableRow extends H {
|
|
44
|
+
constructor() {
|
|
45
|
+
super();
|
|
46
|
+
this.__registerHost();
|
|
47
|
+
this.__attachShadow();
|
|
48
|
+
}
|
|
49
|
+
/**
|
|
50
|
+
* Variant of the header
|
|
51
|
+
*/
|
|
52
|
+
variant = 'default';
|
|
53
|
+
/**
|
|
54
|
+
* Enable hover
|
|
55
|
+
*/
|
|
56
|
+
enableHover = true;
|
|
57
|
+
render() {
|
|
58
|
+
return (h("div", { key: 'c62d792e8a5226f1015a75dd442a5dc93628ac2e', class: 'flex flex-col' }, h("div", { key: '1ea3c65dbf2c58b0519f97473bac88119b2878a8', class: row({
|
|
59
|
+
variant: this.variant,
|
|
60
|
+
enableHover: this.enableHover,
|
|
61
|
+
}) }, h("div", { key: '911c13061bbcb0bba5c39cadb4217e24e333b40d', class: content({
|
|
62
|
+
variant: this.variant,
|
|
63
|
+
}) }, h("slot", { key: 'c1556b4ddaffb403aae1e342e469a4b3602a37a7' }), h("div", { key: 'ed07dda1b65dd172843fe9fb5368d2e542a1afaf', class: actions() }, h("slot", { key: 'ee1b62ddecb71b741d2ec4f44a17fb9a794e66ce', name: 'actions' })))), h("p-divider", { key: '7dbf98a9a6e5be12197143b39a676b5f8374efb5' })));
|
|
64
|
+
}
|
|
65
|
+
static get style() { return tableRowComponentCss; }
|
|
66
|
+
}, [1, "p-table-row", {
|
|
67
|
+
"variant": [1],
|
|
68
|
+
"enableHover": [4, "enable-hover"]
|
|
69
|
+
}]);
|
|
70
|
+
function defineCustomElement() {
|
|
71
|
+
if (typeof customElements === "undefined") {
|
|
72
|
+
return;
|
|
73
|
+
}
|
|
74
|
+
const components = ["p-table-row", "p-divider"];
|
|
75
|
+
components.forEach(tagName => { switch (tagName) {
|
|
76
|
+
case "p-table-row":
|
|
77
|
+
if (!customElements.get(tagName)) {
|
|
78
|
+
customElements.define(tagName, TableRow);
|
|
79
|
+
}
|
|
80
|
+
break;
|
|
81
|
+
case "p-divider":
|
|
82
|
+
if (!customElements.get(tagName)) {
|
|
83
|
+
defineCustomElement$1();
|
|
84
|
+
}
|
|
85
|
+
break;
|
|
86
|
+
} });
|
|
87
|
+
}
|
|
88
|
+
defineCustomElement();
|
|
89
|
+
|
|
90
|
+
export { TableRow as T, defineCustomElement as d };
|
|
91
|
+
//# sourceMappingURL=p-Cj4Zbbu2.js.map
|
|
92
|
+
|
|
93
|
+
//# sourceMappingURL=p-Cj4Zbbu2.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"file":"p-Cj4Zbbu2.js","mappings":";;;;AAAA,MAAM,oBAAoB,GAAG,krEAAkrE;;ACG/sE,MAAM,GAAG,GAAG,GAAG,CAAC,CAAC,qCAAqC,EAAE,OAAO,EAAE,UAAU,CAAC,EAAE;AAC7E,IAAA,QAAQ,EAAE;AACT,QAAA,OAAO,EAAE;AACR,YAAA,OAAO,EAAE,CAAC,UAAU,EAAE,6BAA6B,CAAC;AACpD,YAAA,MAAM,EAAE,CAAC,MAAM,EAAE,yCAAyC,CAAC;AAC3D,SAAA;AACD,QAAA,WAAW,EAAE;AACZ,YAAA,IAAI,EAAE,IAAI;AACV,YAAA,KAAK,EAAE,IAAI;AACX,SAAA;AACD,KAAA;AACD,IAAA,gBAAgB,EAAE;AACjB,QAAA;AACC,YAAA,OAAO,EAAE,SAAS;AAClB,YAAA,WAAW,EAAE,IAAI;AACjB,YAAA,KAAK,EAAE;gBACN,8BAA8B;gBAC9B,6CAA6C;AAC7C,aAAA;AACD,SAAA;AACD,KAAA;AACD,CAAA,CAAC;AAEF,MAAM,OAAO,GAAG,GAAG,CAClB,+DAA+D,EAC/D;AACC,IAAA,QAAQ,EAAE;AACT,QAAA,OAAO,EAAE;AACR,YAAA,OAAO,EAAE,2BAA2B;AACpC,YAAA,MAAM,EAAE,cAAc;AACtB,SAAA;AACD,KAAA;AACD,CAAA,CACD;AAED,MAAM,OAAO,GAAG,GAAG,CAAC;IACnB,+BAA+B;IAC/B,uBAAuB;IACvB,sDAAsD;IACtD,cAAc;AACd,CAAA,CAAC;MAOW,QAAQ,iBAAAA,kBAAA,CAAA,MAAA,QAAA,SAAAC,CAAA,CAAA;;;;;;AACpB;;AAEG;IACK,OAAO,GAAyB,SAAS;AAEjD;;AAEG;IACK,WAAW,GAAY,IAAI;IAEnC,MAAM,GAAA;QACL,QACC,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,eAAe,EAAA,EACzB,CACC,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,GAAG,CAAC;gBACV,OAAO,EAAE,IAAI,CAAC,OAAO;gBACrB,WAAW,EAAE,IAAI,CAAC,WAAW;AAC7B,aAAA,CAAC,EAAA,EAEF,CACC,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,OAAO,CAAC;gBACd,OAAO,EAAE,IAAI,CAAC,OAAO;aACrB,CAAC,EAAA,EAEF,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,EACR,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,OAAO,EAAE,EAAA,EACpB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,SAAS,EAAG,CAAA,CAClB,CACD,CACD,EACN,CAAa,CAAA,WAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACR;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","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';\n\nconst row = cva(['flex w-[calc(100%-0.5rem)] flex-col', 'group', 'relative'], {\n\tvariants: {\n\t\tvariant: {\n\t\t\tdefault: ['px-3 m-1', 'text-sm text-black-teal-500'],\n\t\t\theader: ['px-4', 'text-xs font-normal text-black-teal-400'],\n\t\t},\n\t\tenableHover: {\n\t\t\ttrue: null,\n\t\t\tfalse: null,\n\t\t},\n\t},\n\tcompoundVariants: [\n\t\t{\n\t\t\tvariant: 'default',\n\t\t\tenableHover: true,\n\t\t\tclass: [\n\t\t\t\t'rounded-lg transition-colors',\n\t\t\t\t'hover:cursor-pointer hover:bg-off-white-300',\n\t\t\t],\n\t\t},\n\t],\n});\n\nconst content = cva(\n\t'relative flex w-full flex-nowrap items-center justify-between',\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tdefault: 'min-h-14 py-2 tablet:py-4',\n\t\t\t\theader: 'min-h-0 pb-4',\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' | 'header' = 'default';\n\n\t/**\n\t * Enable hover\n\t */\n\t@Prop() enableHover: boolean = true;\n\n\trender() {\n\t\treturn (\n\t\t\t<div class='flex flex-col'>\n\t\t\t\t<div\n\t\t\t\t\tclass={row({\n\t\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\t\tenableHover: this.enableHover,\n\t\t\t\t\t})}\n\t\t\t\t>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass={content({\n\t\t\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\t\t})}\n\t\t\t\t\t>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t\t<div class={actions()}>\n\t\t\t\t\t\t\t<slot name='actions' />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<p-divider />\n\t\t\t</div>\n\t\t);\n\t}\n}\n"],"version":3}
|
|
@@ -30,7 +30,7 @@ import { d as defineCustomElement$8 } from './p-DKrNvBnR.js';
|
|
|
30
30
|
import { d as defineCustomElement$7 } from './p-CKl8XIXI.js';
|
|
31
31
|
import { d as defineCustomElement$6 } from './p-Cn672cIU.js';
|
|
32
32
|
import { d as defineCustomElement$5 } from './p-JR87NQg8.js';
|
|
33
|
-
import { d as defineCustomElement$4 } from './p-
|
|
33
|
+
import { d as defineCustomElement$4 } from './p-Cj4Zbbu2.js';
|
|
34
34
|
import { d as defineCustomElement$3 } from './p-DH_N7BmJ.js';
|
|
35
35
|
import { d as defineCustomElement$2 } from './p-T530_mKV.js';
|
|
36
36
|
|