@paperless/core 2.8.4 → 2.8.6
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 +19 -0
- package/dist/build/index.esm.js +1 -1
- package/dist/build/{p-e0c437fe.entry.js → p-3b279aad.entry.js} +2 -2
- package/dist/build/p-3b279aad.entry.js.map +1 -0
- package/dist/build/p-B_J87c4o.js +2 -0
- package/dist/build/p-B_J87c4o.js.map +1 -0
- package/dist/build/{p-317ecffd.js → p-acfc4b8e.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-59fd0fa7.entry.js → p-f9516d28.entry.js} +2 -2
- package/dist/build/paperless.esm.js +1 -1
- package/dist/cjs/index.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 +7 -7
- package/dist/cjs/p-empty-state_8.cjs.entry.js.map +1 -1
- package/dist/cjs/p-table.cjs.entry.js +1 -1
- package/dist/cjs/{table-helpers-LU-4eywu.js → table-helpers-mers0XLs.js} +4 -4
- package/dist/cjs/table-helpers-mers0XLs.js.map +1 -0
- package/dist/collection/components/molecules/table/cell/table-cell.component.js +10 -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 +4 -4
- package/dist/collection/components/molecules/table/row/table-row.component.js.map +1 -1
- package/dist/collection/utils/table-helpers.js +2 -2
- package/dist/collection/utils/table-helpers.js.map +1 -1
- package/dist/components/index.js +1 -1
- package/dist/components/{p-CxSM5Mfw.js → p-CTOreths.js} +4 -4
- package/dist/components/p-CTOreths.js.map +1 -0
- package/dist/components/{p-DQTEQ5vY.js → p-D01m53f7.js} +7 -7
- package/dist/components/{p-DQTEQ5vY.js.map → p-D01m53f7.js.map} +1 -1
- package/dist/components/{p-C_G1K6W7.js → p-DIWJxFnF.js} +4 -4
- package/dist/components/p-DIWJxFnF.js.map +1 -0
- package/dist/components/p-table-cell.js +1 -1
- package/dist/components/p-table-row.js +1 -1
- package/dist/components/p-table.js +3 -3
- package/dist/esm/index.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 +7 -7
- package/dist/esm/p-empty-state_8.entry.js.map +1 -1
- package/dist/esm/p-table.entry.js +1 -1
- package/dist/esm/{table-helpers-BFGDVz1E.js → table-helpers-sB23Am6C.js} +4 -4
- package/dist/esm/table-helpers-sB23Am6C.js.map +1 -0
- package/dist/index.html +1 -1
- package/dist/paperless/index.esm.js +1 -1
- package/dist/paperless/{p-e0c437fe.entry.js → p-3b279aad.entry.js} +2 -2
- package/dist/paperless/p-3b279aad.entry.js.map +1 -0
- package/dist/paperless/p-B_J87c4o.js +2 -0
- package/dist/paperless/p-B_J87c4o.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-59fd0fa7.entry.js → p-f9516d28.entry.js} +2 -2
- 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/build/p-CfDx8r7D.js +0 -2
- package/dist/build/p-CfDx8r7D.js.map +0 -1
- package/dist/build/p-e0c437fe.entry.js.map +0 -1
- package/dist/cjs/table-helpers-LU-4eywu.js.map +0 -1
- package/dist/components/p-C_G1K6W7.js.map +0 -1
- package/dist/components/p-CxSM5Mfw.js.map +0 -1
- package/dist/esm/table-helpers-BFGDVz1E.js.map +0 -1
- package/dist/paperless/p-CfDx8r7D.js +0 -2
- package/dist/paperless/p-CfDx8r7D.js.map +0 -1
- package/dist/paperless/p-e0c437fe.entry.js.map +0 -1
- /package/dist/build/{p-59fd0fa7.entry.js.map → p-f9516d28.entry.js.map} +0 -0
- /package/dist/paperless/{p-59fd0fa7.entry.js.map → p-f9516d28.entry.js.map} +0 -0
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
var index = require('./index-BJGYQ0sK.js');
|
|
4
4
|
var constants$1 = require('./constants-DDb_wCc1.js');
|
|
5
5
|
var localization = require('./localization-CGd_fklS.js');
|
|
6
|
-
var tableHelpers = require('./table-helpers-
|
|
6
|
+
var tableHelpers = require('./table-helpers-mers0XLs.js');
|
|
7
7
|
var screens = require('./screens-h1MTJhCu.js');
|
|
8
8
|
var cn = require('./cn-BGmLaIp8.js');
|
|
9
9
|
var constants = require('./constants-BmCCabnv.js');
|
|
@@ -52,7 +52,7 @@ const getTableCellSizes = ({ sizes, } /* Table Definition */, variant) => {
|
|
|
52
52
|
previousSize = size;
|
|
53
53
|
continue;
|
|
54
54
|
}
|
|
55
|
-
classes[`w
|
|
55
|
+
classes[`w-${sizes.default}/12`] = true;
|
|
56
56
|
previousSize = size;
|
|
57
57
|
continue;
|
|
58
58
|
}
|
|
@@ -72,7 +72,7 @@ const getTableCellSizes = ({ sizes, } /* Table Definition */, variant) => {
|
|
|
72
72
|
if (currentValue === 12 || currentValue === 'full') {
|
|
73
73
|
classes[`${size}:w-full`] = true;
|
|
74
74
|
}
|
|
75
|
-
classes[`${size}:w
|
|
75
|
+
classes[`${size}:w-${currentValue}/12`] = true;
|
|
76
76
|
previousSize = size;
|
|
77
77
|
}
|
|
78
78
|
return classes;
|
|
@@ -108,6 +108,6 @@ exports.floatingMenuContainerClass = floatingMenuContainerClass;
|
|
|
108
108
|
exports.getTableCellColumnClasses = getTableCellColumnClasses;
|
|
109
109
|
exports.getTableCellSizes = getTableCellSizes;
|
|
110
110
|
exports.isTableColumnSizesKey = isTableColumnSizesKey;
|
|
111
|
-
//# sourceMappingURL=table-helpers-
|
|
111
|
+
//# sourceMappingURL=table-helpers-mers0XLs.js.map
|
|
112
112
|
|
|
113
|
-
//# sourceMappingURL=table-helpers-
|
|
113
|
+
//# sourceMappingURL=table-helpers-mers0XLs.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"table-helpers-mers0XLs.js","sources":["src/types/table.ts","src/utils/table-helpers.ts"],"sourcesContent":["export type QuickFilterTextFunction = () => string;\n\nexport interface QuickFilter {\n\tidentifier: string;\n\ttext: string | QuickFilterTextFunction;\n\tcount?: number;\n\tdefault?: boolean;\n}\n\nexport interface RowClickEvent {\n\titem: any;\n\tctrlDown: boolean;\n}\n\nexport interface TableDefinitionData {\n\tvalue: any;\n\titem: any;\n\tindex: number;\n\trowIndex: number;\n}\n\nexport type TableDefinitionTemplateFunc = (data: TableDefinitionData) => any;\n\nexport interface TableColumnSizes {\n\tdefault: number | 'hidden' | 'full';\n\ttablet?: number | 'hidden' | 'full';\n\t'desktop-xs'?: number | 'hidden' | 'full';\n\t'desktop-sm'?: number | 'hidden' | 'full';\n\tdesktop?: number | 'hidden' | 'full';\n\t'desktop-lg'?: number | 'hidden' | 'full';\n\t'desktop-xl'?: number | 'hidden' | 'full';\n}\n\nexport type TableColumnSizesKey =\n\t| 'default'\n\t| 'tablet'\n\t| 'desktop-xs'\n\t| 'desktop-sm'\n\t| 'desktop'\n\t| 'desktop-lg'\n\t| 'desktop-xl';\n\nexport function isTableColumnSizesKey(\n\tx: TableColumnSizes,\n\tk: PropertyKey\n): k is keyof TableColumnSizes {\n\treturn k in x;\n}\n","import { cva } from 'class-variance-authority';\nimport { TableColumn } from '../components/helpers/table/column/table-column.component';\nimport {\n\tisTableColumnSizesKey,\n\tTableColumnSizes,\n\tTableColumnSizesKey,\n} from '../types';\n\nexport const getTableCellColumnClasses = (\n\tdefinition: any | TableColumn,\n\tvariant: 'default' | 'header' | 'loading'\n) => {\n\tconst sizes = definition ? getTableCellSizes(definition, variant) : {};\n\n\treturn {\n\t\tflex: true,\n\t\t'flex-shrink-0': true,\n\t\t'items-center': true,\n\t\t'gap-4': true,\n\t\t'justify-start': !definition?.align || definition?.align === 'start',\n\t\t'justify-center': definition?.align === 'center',\n\t\t'justify-end': definition?.align === 'end',\n\t\t'font-semibold': variant !== 'header' && definition?.variant === 'subject',\n\t\t'text-storm-400': variant === 'header',\n\t\t'text-storm-300':\n\t\t\tvariant !== 'header' &&\n\t\t\tdefinition?.variant !== 'subject' &&\n\t\t\tdefinition?.variant !== 'highlight',\n\t\t'text-storm-500':\n\t\t\tvariant !== 'header' &&\n\t\t\t(definition?.variant === 'subject' ||\n\t\t\t\tdefinition?.variant === 'highlight'),\n\t\t...sizes,\n\t};\n};\n\nexport const getTableCellSizes = (\n\t{\n\t\tsizes,\n\t}: {\n\t\tsizes: 'auto' | 'hidden' | 'full' | number | TableColumnSizes;\n\t} /* Table Definition */,\n\tvariant: 'default' | 'header' | 'loading' | 'actions'\n) => {\n\tif (sizes === 'auto' || !sizes) {\n\t\treturn {\n\t\t\t'w-auto': true,\n\t\t};\n\t}\n\n\tif (sizes === 'hidden') {\n\t\treturn {\n\t\t\thidden: true,\n\t\t};\n\t}\n\n\tif (typeof sizes === 'object') {\n\t\tsizes = sizes as TableColumnSizes;\n\t\tconst classes: any = {};\n\t\tlet previousSize: TableColumnSizesKey | undefined;\n\n\t\tfor (let size in sizes) {\n\t\t\tif (!isTableColumnSizesKey(sizes, size)) {\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\tif (size === 'default') {\n\t\t\t\tif (sizes.default === 'hidden') {\n\t\t\t\t\tclasses['hidden'] = true;\n\t\t\t\t\tpreviousSize = size;\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\n\t\t\t\tclasses[`w-${sizes.default}/12`] = true;\n\t\t\t\tpreviousSize = size;\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\tconst currentValue = sizes[size];\n\t\t\tconst previousValue = previousSize ? sizes[previousSize] : null;\n\t\t\tif (\n\t\t\t\tcurrentValue !== 'hidden' &&\n\t\t\t\tpreviousValue &&\n\t\t\t\tpreviousValue === 'hidden' &&\n\t\t\t\tvariant !== 'actions'\n\t\t\t) {\n\t\t\t\tclasses[`${size}:flex`] = true;\n\t\t\t}\n\n\t\t\tif (currentValue === 'hidden' && variant !== 'actions') {\n\t\t\t\tclasses[`${size}:hidden`] = true;\n\t\t\t\tpreviousSize = size;\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\tif (currentValue === 12 || currentValue === 'full') {\n\t\t\t\tclasses[`${size}:w-full`] = true;\n\t\t\t}\n\n\t\t\tclasses[`${size}:w-${currentValue}/12`] = true;\n\t\t\tpreviousSize = size;\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tif (sizes === 12 || sizes === 'full') {\n\t\treturn {\n\t\t\t'w-full': true,\n\t\t};\n\t}\n\n\t// is a number.\n\treturn {\n\t\t[`w-${sizes}/12`]: true,\n\t};\n};\n\nexport const floatingMenuContainerClass = cva(['sticky self-center'], {\n\tvariants: {\n\t\thasFooter: {\n\t\t\ttrue: 'mt-4 -mb-5 bottom-11 z-[3]',\n\t\t\tfalse: 'my-4 bottom-0',\n\t\t},\n\t\tactive: {\n\t\t\tfalse: 'pointer-events-none animate-floating-menu-container-out',\n\t\t\ttrue: 'animate-floating-menu-container-in',\n\t\t},\n\t\tshown: {\n\t\t\tfalse: 'hidden',\n\t\t\ttrue: 'inline-block',\n\t\t},\n\t},\n});\n"],"names":["cva"],"mappings":"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"}
|
|
@@ -5,15 +5,15 @@ import { cn } from "../../../../utils/cn";
|
|
|
5
5
|
With this, we shall hack the system in ways no one would ever have thought.
|
|
6
6
|
|
|
7
7
|
<div class="justify-start justify-center justify-end"></div>
|
|
8
|
-
<div class="font-semibold text-storm-500 text-storm-
|
|
9
|
-
<div class="w-
|
|
10
|
-
<div class="tablet:w-
|
|
11
|
-
<div class="desktop-xs:w-
|
|
12
|
-
<div class="desktop-xs:w-
|
|
13
|
-
<div class="desktop-sm:w-
|
|
14
|
-
<div class="desktop:w-
|
|
15
|
-
<div class="desktop-lg:w-
|
|
16
|
-
<div class="desktop-xl:w-
|
|
8
|
+
<div class="font-semibold text-storm-500 text-storm-400 text-storm-300"></div>
|
|
9
|
+
<div class="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"></div>
|
|
10
|
+
<div class="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"></div>
|
|
11
|
+
<div class="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"></div>
|
|
12
|
+
<div class="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"></div>
|
|
13
|
+
<div class="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"></div>
|
|
14
|
+
<div class="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"></div>
|
|
15
|
+
<div class="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"></div>
|
|
16
|
+
<div class="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"></div>
|
|
17
17
|
<div class="hidden flex group-hover:hidden group-hover:flex"></div>
|
|
18
18
|
<div class="tablet:hidden tablet:flex tablet:group-hover:hidden tablet:group-hover:flex"></div>
|
|
19
19
|
<div class="desktop-xs:hidden desktop-xs:flex desktop-xs:group-hover:hidden desktop-xs:group-hover:flex"></div>
|
|
@@ -107,7 +107,7 @@ export class TableCell {
|
|
|
107
107
|
};
|
|
108
108
|
}
|
|
109
109
|
render() {
|
|
110
|
-
return (h(Host, { key: '
|
|
110
|
+
return (h(Host, { key: '36bad3f0a1003cec067f9f3e13ba5eac83d71474', class: this._getColumnClasses() }, this.checkbox, this._getContent()));
|
|
111
111
|
}
|
|
112
112
|
_getContent() {
|
|
113
113
|
if (this.variant === 'loading') {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table-cell.component.js","sourceRoot":"","sources":["../../../../../src/components/molecules/table/cell/table-cell.component.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, Host, Prop } from '@stencil/core';\nimport {\n\tTableDefinitionData,\n\tTableDefinitionTemplateFunc,\n} from '../../../../types';\nimport { getTableCellColumnClasses, objectGetByPath } from '../../../../utils';\n\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\t <div class=\"justify-start justify-center justify-end\"></div>\n <div class=\"font-semibold text-storm-500 text-storm-500 text-storm-400 text-storm-300\"></div>\n <div class=\"w-[calc(1/12*100%-0.5rem)] w-[calc(2/12*100%-0.5rem)] w-[calc(3/12*100%-0.5rem)] w-[calc(4/12*100%-0.5rem)] w-[calc(5/12*100%-0.5rem)] w-[calc(6/12*100%-0.5rem)] w-[calc(7/12*100%-0.5rem)] w-[calc(8/12*100%-0.5rem)] w-[calc(9/12*100%-0.5rem)] w-[calc(10/12*100%-0.5rem)] w-[calc(11/12*100%-0.5rem)] w-12/12\"></div>\n <div class=\"tablet:w-[calc(1/12*100%-0.5rem)] tablet:w-[calc(2/12*100%-0.5rem)] tablet:w-[calc(3/12*100%-0.5rem)] tablet:w-[calc(4/12*100%-0.5rem)] tablet:w-[calc(5/12*100%-0.5rem)] tablet:w-[calc(6/12*100%-0.5rem)] tablet:w-[calc(7/12*100%-0.5rem)] tablet:w-[calc(8/12*100%-0.5rem)] tablet:w-[calc(9/12*100%-0.5rem)] tablet:w-[calc(10/12*100%-0.5rem)] tablet:w-[calc(11/12*100%-0.5rem)] tablet:w-12/12\"></div>\n <div class=\"desktop-xs:w-[calc(1/12*100%-0.5rem)] desktop-xs:w-[calc(2/12*100%-0.5rem)] desktop-xs:w-[calc(3/12*100%-0.5rem)] desktop-xs:w-[calc(4/12*100%-0.5rem)] desktop-xs:w-[calc(5/12*100%-0.5rem)] desktop-xs:w-[calc(6/12*100%-0.5rem)] desktop-xs:w-[calc(7/12*100%-0.5rem)] desktop-xs:w-[calc(8/12*100%-0.5rem)] desktop-xs:w-[calc(9/12*100%-0.5rem)] desktop-xs:w-[calc(10/12*100%-0.5rem)] desktop-xs:w-[calc(11/12*100%-0.5rem)] desktop-xs:w-[calc(12/12*100%-0.5rem)]\"></div>\n <div class=\"desktop-xs:w-[calc(1/12*100%-0.5rem)] desktop-xs:w-[calc(2/12*100%-0.5rem)] desktop-xs:w-[calc(3/12*100%-0.5rem)] desktop-xs:w-[calc(4/12*100%-0.5rem)] desktop-xs:w-[calc(5/12*100%-0.5rem)] desktop-xs:w-[calc(6/12*100%-0.5rem)] desktop-xs:w-[calc(7/12*100%-0.5rem)] desktop-xs:w-[calc(8/12*100%-0.5rem)] desktop-xs:w-[calc(9/12*100%-0.5rem)] desktop-xs:w-[calc(10/12*100%-0.5rem)] desktop-xs:w-[calc(11/12*100%-0.5rem)] desktop-xs:w-[calc(12/12*100%-0.5rem)]\"></div>\n <div class=\"desktop-sm:w-[calc(1/12*100%-0.5rem)] desktop-sm:w-[calc(2/12*100%-0.5rem)] desktop-sm:w-[calc(3/12*100%-0.5rem)] desktop-sm:w-[calc(4/12*100%-0.5rem)] desktop-sm:w-[calc(5/12*100%-0.5rem)] desktop-sm:w-[calc(6/12*100%-0.5rem)] desktop-sm:w-[calc(7/12*100%-0.5rem)] desktop-sm:w-[calc(8/12*100%-0.5rem)] desktop-sm:w-[calc(9/12*100%-0.5rem)] desktop-sm:w-[calc(10/12*100%-0.5rem)] desktop-sm:w-[calc(11/12*100%-0.5rem)] desktop-sm:w-[calc(12/12*100%-0.5rem)]\"></div>\n <div class=\"desktop:w-[calc(1/12*100%-0.5rem)] desktop:w-[calc(2/12*100%-0.5rem)] desktop:w-[calc(3/12*100%-0.5rem)] desktop:w-[calc(4/12*100%-0.5rem)] desktop:w-[calc(5/12*100%-0.5rem)] desktop:w-[calc(6/12*100%-0.5rem)] desktop:w-[calc(7/12*100%-0.5rem)] desktop:w-[calc(8/12*100%-0.5rem)] desktop:w-[calc(9/12*100%-0.5rem)] desktop:w-[calc(10/12*100%-0.5rem)] desktop:w-[calc(11/12*100%-0.5rem)] desktop:w-[calc(12/12*100%-0.5rem)]\"></div>\n <div class=\"desktop-lg:w-[calc(1/12*100%-0.5rem)] desktop-lg:w-[calc(2/12*100%-0.5rem)] desktop-lg:w-[calc(3/12*100%-0.5rem)] desktop-lg:w-[calc(4/12*100%-0.5rem)] desktop-lg:w-[calc(5/12*100%-0.5rem)] desktop-lg:w-[calc(6/12*100%-0.5rem)] desktop-lg:w-[calc(7/12*100%-0.5rem)] desktop-lg:w-[calc(8/12*100%-0.5rem)] desktop-lg:w-[calc(9/12*100%-0.5rem)] desktop-lg:w-[calc(10/12*100%-0.5rem)] desktop-lg:w-[calc(11/12*100%-0.5rem)] desktop-lg:w-[calc(12/12*100%-0.5rem)]\"></div>\n <div class=\"desktop-xl:w-[calc(1/12*100%-0.5rem)] desktop-xl:w-[calc(2/12*100%-0.5rem)] desktop-xl:w-[calc(3/12*100%-0.5rem)] desktop-xl:w-[calc(4/12*100%-0.5rem)] desktop-xl:w-[calc(5/12*100%-0.5rem)] desktop-xl:w-[calc(6/12*100%-0.5rem)] desktop-xl:w-[calc(7/12*100%-0.5rem)] desktop-xl:w-[calc(8/12*100%-0.5rem)] desktop-xl:w-[calc(9/12*100%-0.5rem)] desktop-xl:w-[calc(10/12*100%-0.5rem)] desktop-xl:w-[calc(11/12*100%-0.5rem)] desktop-xl:w-[calc(12/12*100%-0.5rem)]\"></div>\n <div class=\"hidden flex group-hover:hidden group-hover:flex\"></div>\n <div class=\"tablet:hidden tablet:flex tablet:group-hover:hidden tablet:group-hover:flex\"></div>\n <div class=\"desktop-xs:hidden desktop-xs:flex desktop-xs:group-hover:hidden desktop-xs:group-hover:flex\"></div>\n <div class=\"desktop-sm:hidden desktop-sm:flex desktop-sm:group-hover:hidden desktop-sm:group-hover:flex\"></div>\n <div class=\"desktop:hidden desktop:flex desktop:group-hover:hidden desktop:group-hover:flex\"></div>\n <div class=\"desktop-lg:hidden desktop-lg:flex desktop-lg:group-hover:hidden desktop-lg:group-hover:flex\"></div>\n <div class=\"desktop-xl:hidden desktop-xl:flex desktop-xl:group-hover:hidden desktop-xl:group-hover:flex\"></div>\n <div class=\"pr-4 pr-0\"></div>\n <div class=\"tablet:pr-4 tablet:pr-0\"></div>\n <div class=\"desktop-xs:pr-4 desktop-xs:pr-0\"></div>\n <div class=\"desktop-sm:pr-4 desktop-sm:pr-0\"></div>\n <div class=\"desktop:pr-4 desktop:pr-0\"></div>\n <div class=\"desktop-lg:pr-4 desktop-lg:pr-0\"></div>\n <div class=\"desktop-xl:pr-4 desktop-xl:pr-0\"></div>\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' = '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 * 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<Host class={this._getColumnClasses()}>\n\t\t\t\t{this.checkbox}\n\n\t\t\t\t{this._getContent()}\n\t\t\t</Host>\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-full flex-1 rounded'\n\t\t\t\t/>\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclass={cn('overflow-hidden text-ellipsis', {\n\t\t\t\t\t'text-start':\n\t\t\t\t\t\tthis.definition.align === 'start' ||\n\t\t\t\t\t\tthis.definition.align === undefined,\n\t\t\t\t\t'text-center': this.definition.align === 'center',\n\t\t\t\t\t'text-end': this.definition.align === 'end',\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t{this.variant === 'header' ? (\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 getTableCellColumnClasses(this.definition, this.variant);\n\t}\n}\n"]}
|
|
1
|
+
{"version":3,"file":"table-cell.component.js","sourceRoot":"","sources":["../../../../../src/components/molecules/table/cell/table-cell.component.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, Host, Prop } from '@stencil/core';\nimport {\n\tTableDefinitionData,\n\tTableDefinitionTemplateFunc,\n} from '../../../../types';\nimport { getTableCellColumnClasses, objectGetByPath } from '../../../../utils';\n\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\t <div class=\"justify-start justify-center justify-end\"></div>\n\t <div class=\"font-semibold text-storm-500 text-storm-400 text-storm-300\"></div>\n <div class=\"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\"></div>\n <div class=\"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\"></div>\n <div class=\"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\"></div>\n <div class=\"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\"></div>\n <div class=\"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\"></div>\n <div class=\"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\"></div>\n <div class=\"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\"></div>\n <div class=\"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\"></div>\n <div class=\"hidden flex group-hover:hidden group-hover:flex\"></div>\n <div class=\"tablet:hidden tablet:flex tablet:group-hover:hidden tablet:group-hover:flex\"></div>\n <div class=\"desktop-xs:hidden desktop-xs:flex desktop-xs:group-hover:hidden desktop-xs:group-hover:flex\"></div>\n <div class=\"desktop-sm:hidden desktop-sm:flex desktop-sm:group-hover:hidden desktop-sm:group-hover:flex\"></div>\n <div class=\"desktop:hidden desktop:flex desktop:group-hover:hidden desktop:group-hover:flex\"></div>\n <div class=\"desktop-lg:hidden desktop-lg:flex desktop-lg:group-hover:hidden desktop-lg:group-hover:flex\"></div>\n <div class=\"desktop-xl:hidden desktop-xl:flex desktop-xl:group-hover:hidden desktop-xl:group-hover:flex\"></div>\n <div class=\"pr-4 pr-0\"></div>\n <div class=\"tablet:pr-4 tablet:pr-0\"></div>\n <div class=\"desktop-xs:pr-4 desktop-xs:pr-0\"></div>\n <div class=\"desktop-sm:pr-4 desktop-sm:pr-0\"></div>\n <div class=\"desktop:pr-4 desktop:pr-0\"></div>\n <div class=\"desktop-lg:pr-4 desktop-lg:pr-0\"></div>\n <div class=\"desktop-xl:pr-4 desktop-xl:pr-0\"></div>\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' = '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 * 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<Host class={this._getColumnClasses()}>\n\t\t\t\t{this.checkbox}\n\n\t\t\t\t{this._getContent()}\n\t\t\t</Host>\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-full flex-1 rounded'\n\t\t\t\t/>\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclass={cn('overflow-hidden text-ellipsis', {\n\t\t\t\t\t'text-start':\n\t\t\t\t\t\tthis.definition.align === 'start' ||\n\t\t\t\t\t\tthis.definition.align === undefined,\n\t\t\t\t\t'text-center': this.definition.align === 'center',\n\t\t\t\t\t'text-end': this.definition.align === 'end',\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t{this.variant === 'header' ? (\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 getTableCellColumnClasses(this.definition, this.variant);\n\t}\n}\n"]}
|
|
@@ -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-\[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}.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-center{align-items:center!important}.justify-between{justify-content:space-between!important}.
|
|
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}.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-center{align-items:center!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}}
|
|
@@ -37,7 +37,7 @@ const row = cva(['flex min-w-[calc(100%-0.5rem)] flex-col', 'group', 'relative']
|
|
|
37
37
|
},
|
|
38
38
|
],
|
|
39
39
|
});
|
|
40
|
-
const content = cva('relative flex min-w-full flex-nowrap items-center justify-between
|
|
40
|
+
const content = cva('relative flex min-w-full flex-nowrap items-center justify-between', {
|
|
41
41
|
variants: {
|
|
42
42
|
variant: {
|
|
43
43
|
default: null,
|
|
@@ -76,13 +76,13 @@ export class TableRow {
|
|
|
76
76
|
*/
|
|
77
77
|
isLast = false;
|
|
78
78
|
render() {
|
|
79
|
-
return (h("div", { key: '
|
|
79
|
+
return (h("div", { key: 'ce1faa79f1d8173d64fb6a3b90d85b57cb2d3e16', class: 'flex flex-col' }, h("div", { key: '381ad3b78f2faa9329b1b7edb1478bd41228f325', class: row({
|
|
80
80
|
variant: this.variant,
|
|
81
81
|
enableHover: this.enableHover,
|
|
82
82
|
checked: this.checked,
|
|
83
|
-
}) }, h("div", { key: '
|
|
83
|
+
}) }, h("div", { key: '2061d47b918ca117591628539293f2242a7064c7', class: content({
|
|
84
84
|
variant: this.variant,
|
|
85
|
-
}) }, h("slot", { key: '
|
|
85
|
+
}) }, h("slot", { key: 'dce1c89d6b690bbabe381f90079fae48153ccdee' }), h("div", { key: '5a7d8c059cd71a24998294611461c4de8a8feb24', class: actions() }, h("slot", { key: '0f9be89453761ad46fd10b331c347d52e3a96780', name: 'actions' })))), !asBoolean(this.isLast) && this.variant !== 'secondary' && (h("p-divider", { key: '386ca72522717681a954bb44407c0e0091b4dece' }))));
|
|
86
86
|
}
|
|
87
87
|
static get is() { return "p-table-row"; }
|
|
88
88
|
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;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAEzD,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,CAAC;YAC/C,MAAM,EAAE,CAAC,MAAM,EAAE,oCAAoC,CAAC;YACtD,SAAS,EAAE;gBACV,MAAM;gBACN,6BAA6B;gBAC7B,8BAA8B;aAC9B;SACD;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;gBACN,8BAA8B;gBAC9B,6CAA6C;aAC7C;SACD;QACD;YACC,OAAO,EAAE,SAAS;YAClB,OAAO,EAAE,IAAI;YACb,KAAK,EAAE,CAAC,8BAA8B,EAAE,kBAAkB,CAAC;SAC3D;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":"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;AAEzD,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,CAAC;YAC/C,MAAM,EAAE,CAAC,MAAM,EAAE,oCAAoC,CAAC;YACtD,SAAS,EAAE;gBACV,MAAM;gBACN,6BAA6B;gBAC7B,8BAA8B;aAC9B;SACD;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;gBACN,8BAA8B;gBAC9B,6CAA6C;aAC7C;SACD;QACD;YACC,OAAO,EAAE,SAAS;YAClB,OAAO,EAAE,IAAI;YACb,KAAK,EAAE,CAAC,8BAA8B,EAAE,kBAAkB,CAAC;SAC3D;KACD;CACD,CACD,CAAC;AAEF,MAAM,OAAO,GAAG,GAAG,CAClB,mEAAmE,EACnE;IACC,QAAQ,EAAE;QACT,OAAO,EAAE;YACR,OAAO,EAAE,IAAI;YACb,SAAS,EAAE,IAAI;YACf,MAAM,EAAE,cAAc;SACtB;KACD;IACD,gBAAgB,EAAE;QACjB;YACC,OAAO,EAAE,CAAC,SAAS,EAAE,WAAW,CAAC;YACjC,KAAK,EAAE,2BAA2B;SAClC;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,GAAuC,SAAS,CAAC;IAEhE;;OAEG;IACK,WAAW,GAAY,IAAI,CAAC;IAEpC;;OAEG;IACK,OAAO,GAAY,KAAK,CAAC;IAEjC;;OAEG;IACK,MAAM,GAAY,KAAK,CAAC;IAEhC,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;oBAC7B,OAAO,EAAE,IAAI,CAAC,OAAO;iBACrB,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;YACL,CAAC,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,IAAI,CAAC,OAAO,KAAK,WAAW,IAAI,CAC3D,mEAAa,CACb,CACI,CACN,CAAC;IACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { asBoolean } from '../../../../utils/as-boolean';\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'],\n\t\t\t\theader: ['px-4', 'text-xs font-normal text-storm-400'],\n\t\t\t\tsecondary: [\n\t\t\t\t\t'px-4',\n\t\t\t\t\t'bg-off-white-300 rounded-lg',\n\t\t\t\t\t'font-ambit text-lg font-bold',\n\t\t\t\t],\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: [\n\t\t\t\t\t'rounded-lg transition-colors',\n\t\t\t\t\t'hover:cursor-pointer hover:bg-off-white-300',\n\t\t\t\t],\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: ['rounded-lg transition-colors', 'bg-off-white-300'],\n\t\t\t},\n\t\t],\n\t}\n);\n\nconst content = cva(\n\t'relative flex min-w-full flex-nowrap items-center 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: 'min-h-0 pb-4',\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],\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' = '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<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\tchecked: this.checked,\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{!asBoolean(this.isLast) && this.variant !== 'secondary' && (\n\t\t\t\t\t<p-divider />\n\t\t\t\t)}\n\t\t\t</div>\n\t\t);\n\t}\n}\n"]}
|
|
@@ -46,7 +46,7 @@ export const getTableCellSizes = ({ sizes, } /* Table Definition */, variant) =>
|
|
|
46
46
|
previousSize = size;
|
|
47
47
|
continue;
|
|
48
48
|
}
|
|
49
|
-
classes[`w
|
|
49
|
+
classes[`w-${sizes.default}/12`] = true;
|
|
50
50
|
previousSize = size;
|
|
51
51
|
continue;
|
|
52
52
|
}
|
|
@@ -66,7 +66,7 @@ export const getTableCellSizes = ({ sizes, } /* Table Definition */, variant) =>
|
|
|
66
66
|
if (currentValue === 12 || currentValue === 'full') {
|
|
67
67
|
classes[`${size}:w-full`] = true;
|
|
68
68
|
}
|
|
69
|
-
classes[`${size}:w
|
|
69
|
+
classes[`${size}:w-${currentValue}/12`] = true;
|
|
70
70
|
previousSize = size;
|
|
71
71
|
}
|
|
72
72
|
return classes;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table-helpers.js","sourceRoot":"","sources":["../../src/utils/table-helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAE/C,OAAO,EACN,qBAAqB,GAGrB,MAAM,UAAU,CAAC;AAElB,MAAM,CAAC,MAAM,yBAAyB,GAAG,CACxC,UAA6B,EAC7B,OAAyC,EACxC,EAAE;IACH,MAAM,KAAK,GAAG,UAAU,CAAC,CAAC,CAAC,iBAAiB,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAEvE,OAAO;QACN,IAAI,EAAE,IAAI;QACV,eAAe,EAAE,IAAI;QACrB,cAAc,EAAE,IAAI;QACpB,OAAO,EAAE,IAAI;QACb,eAAe,EAAE,CAAC,UAAU,EAAE,KAAK,IAAI,UAAU,EAAE,KAAK,KAAK,OAAO;QACpE,gBAAgB,EAAE,UAAU,EAAE,KAAK,KAAK,QAAQ;QAChD,aAAa,EAAE,UAAU,EAAE,KAAK,KAAK,KAAK;QAC1C,eAAe,EAAE,OAAO,KAAK,QAAQ,IAAI,UAAU,EAAE,OAAO,KAAK,SAAS;QAC1E,gBAAgB,EAAE,OAAO,KAAK,QAAQ;QACtC,gBAAgB,EACf,OAAO,KAAK,QAAQ;YACpB,UAAU,EAAE,OAAO,KAAK,SAAS;YACjC,UAAU,EAAE,OAAO,KAAK,WAAW;QACpC,gBAAgB,EACf,OAAO,KAAK,QAAQ;YACpB,CAAC,UAAU,EAAE,OAAO,KAAK,SAAS;gBACjC,UAAU,EAAE,OAAO,KAAK,WAAW,CAAC;QACtC,GAAG,KAAK;KACR,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAChC,EACC,KAAK,GAGL,CAAC,sBAAsB,EACxB,OAAqD,EACpD,EAAE;IACH,IAAI,KAAK,KAAK,MAAM,IAAI,CAAC,KAAK,EAAE,CAAC;QAChC,OAAO;YACN,QAAQ,EAAE,IAAI;SACd,CAAC;IACH,CAAC;IAED,IAAI,KAAK,KAAK,QAAQ,EAAE,CAAC;QACxB,OAAO;YACN,MAAM,EAAE,IAAI;SACZ,CAAC;IACH,CAAC;IAED,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;QAC/B,KAAK,GAAG,KAAyB,CAAC;QAClC,MAAM,OAAO,GAAQ,EAAE,CAAC;QACxB,IAAI,YAA6C,CAAC;QAElD,KAAK,IAAI,IAAI,IAAI,KAAK,EAAE,CAAC;YACxB,IAAI,CAAC,qBAAqB,CAAC,KAAK,EAAE,IAAI,CAAC,EAAE,CAAC;gBACzC,SAAS;YACV,CAAC;YAED,IAAI,IAAI,KAAK,SAAS,EAAE,CAAC;gBACxB,IAAI,KAAK,CAAC,OAAO,KAAK,QAAQ,EAAE,CAAC;oBAChC,OAAO,CAAC,QAAQ,CAAC,GAAG,IAAI,CAAC;oBACzB,YAAY,GAAG,IAAI,CAAC;oBACpB,SAAS;gBACV,CAAC;gBAED,OAAO,CAAC,
|
|
1
|
+
{"version":3,"file":"table-helpers.js","sourceRoot":"","sources":["../../src/utils/table-helpers.ts"],"names":[],"mappings":"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","sourcesContent":["import { cva } from 'class-variance-authority';\nimport { TableColumn } from '../components/helpers/table/column/table-column.component';\nimport {\n\tisTableColumnSizesKey,\n\tTableColumnSizes,\n\tTableColumnSizesKey,\n} from '../types';\n\nexport const getTableCellColumnClasses = (\n\tdefinition: any | TableColumn,\n\tvariant: 'default' | 'header' | 'loading'\n) => {\n\tconst sizes = definition ? getTableCellSizes(definition, variant) : {};\n\n\treturn {\n\t\tflex: true,\n\t\t'flex-shrink-0': true,\n\t\t'items-center': true,\n\t\t'gap-4': true,\n\t\t'justify-start': !definition?.align || definition?.align === 'start',\n\t\t'justify-center': definition?.align === 'center',\n\t\t'justify-end': definition?.align === 'end',\n\t\t'font-semibold': variant !== 'header' && definition?.variant === 'subject',\n\t\t'text-storm-400': variant === 'header',\n\t\t'text-storm-300':\n\t\t\tvariant !== 'header' &&\n\t\t\tdefinition?.variant !== 'subject' &&\n\t\t\tdefinition?.variant !== 'highlight',\n\t\t'text-storm-500':\n\t\t\tvariant !== 'header' &&\n\t\t\t(definition?.variant === 'subject' ||\n\t\t\t\tdefinition?.variant === 'highlight'),\n\t\t...sizes,\n\t};\n};\n\nexport const getTableCellSizes = (\n\t{\n\t\tsizes,\n\t}: {\n\t\tsizes: 'auto' | 'hidden' | 'full' | number | TableColumnSizes;\n\t} /* Table Definition */,\n\tvariant: 'default' | 'header' | 'loading' | 'actions'\n) => {\n\tif (sizes === 'auto' || !sizes) {\n\t\treturn {\n\t\t\t'w-auto': true,\n\t\t};\n\t}\n\n\tif (sizes === 'hidden') {\n\t\treturn {\n\t\t\thidden: true,\n\t\t};\n\t}\n\n\tif (typeof sizes === 'object') {\n\t\tsizes = sizes as TableColumnSizes;\n\t\tconst classes: any = {};\n\t\tlet previousSize: TableColumnSizesKey | undefined;\n\n\t\tfor (let size in sizes) {\n\t\t\tif (!isTableColumnSizesKey(sizes, size)) {\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\tif (size === 'default') {\n\t\t\t\tif (sizes.default === 'hidden') {\n\t\t\t\t\tclasses['hidden'] = true;\n\t\t\t\t\tpreviousSize = size;\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\n\t\t\t\tclasses[`w-${sizes.default}/12`] = true;\n\t\t\t\tpreviousSize = size;\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\tconst currentValue = sizes[size];\n\t\t\tconst previousValue = previousSize ? sizes[previousSize] : null;\n\t\t\tif (\n\t\t\t\tcurrentValue !== 'hidden' &&\n\t\t\t\tpreviousValue &&\n\t\t\t\tpreviousValue === 'hidden' &&\n\t\t\t\tvariant !== 'actions'\n\t\t\t) {\n\t\t\t\tclasses[`${size}:flex`] = true;\n\t\t\t}\n\n\t\t\tif (currentValue === 'hidden' && variant !== 'actions') {\n\t\t\t\tclasses[`${size}:hidden`] = true;\n\t\t\t\tpreviousSize = size;\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\tif (currentValue === 12 || currentValue === 'full') {\n\t\t\t\tclasses[`${size}:w-full`] = true;\n\t\t\t}\n\n\t\t\tclasses[`${size}:w-${currentValue}/12`] = true;\n\t\t\tpreviousSize = size;\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tif (sizes === 12 || sizes === 'full') {\n\t\treturn {\n\t\t\t'w-full': true,\n\t\t};\n\t}\n\n\t// is a number.\n\treturn {\n\t\t[`w-${sizes}/12`]: true,\n\t};\n};\n\nexport const floatingMenuContainerClass = cva(['sticky self-center'], {\n\tvariants: {\n\t\thasFooter: {\n\t\t\ttrue: 'mt-4 -mb-5 bottom-11 z-[3]',\n\t\t\tfalse: 'my-4 bottom-0',\n\t\t},\n\t\tactive: {\n\t\t\tfalse: 'pointer-events-none animate-floating-menu-container-out',\n\t\t\ttrue: 'animate-floating-menu-container-in',\n\t\t},\n\t\tshown: {\n\t\t\tfalse: 'hidden',\n\t\t\ttrue: 'inline-block',\n\t\t},\n\t},\n});\n"]}
|
package/dist/components/index.js
CHANGED
|
@@ -2,7 +2,7 @@ export { g as getAssetPath, s as setAssetPath, a as setNonce, b as setPlatformOp
|
|
|
2
2
|
export { i as initTheme, o as onStateChange, b as state, a as stateLocaleOptions, s as stateThemeOptions } from './p-CNxD99na.js';
|
|
3
3
|
import { s as screens } from './p-B3sNjfzc.js';
|
|
4
4
|
export { g as getScreenSize, b as getScreenSizeInPixels, a as getScreenSizeInRem, d as isBetweenScreens, i as isBiggerThanScreen, j as isDesktop, f as isMobile, c as isSmallerThanScreen, h as isTablet, e as isTouchDevice } from './p-B3sNjfzc.js';
|
|
5
|
-
export { f as floatingMenuContainerClass, g as getTableCellColumnClasses, a as getTableCellSizes, i as isTableColumnSizesKey, o as objectGetByPath } from './p-
|
|
5
|
+
export { f as floatingMenuContainerClass, g as getTableCellColumnClasses, a as getTableCellSizes, i as isTableColumnSizesKey, o as objectGetByPath } from './p-CTOreths.js';
|
|
6
6
|
export { t as tableColumSizesOptions } from './p-DdQ-S2l7.js';
|
|
7
7
|
export { I as IBAN_ICON_VARIANTS_ARRAY } from './p-By0EdXx2.js';
|
|
8
8
|
export { c as childOf, a as childOfComposed } from './p-BFSNj6hu.js';
|
|
@@ -50,7 +50,7 @@ const getTableCellSizes = ({ sizes, } /* Table Definition */, variant) => {
|
|
|
50
50
|
previousSize = size;
|
|
51
51
|
continue;
|
|
52
52
|
}
|
|
53
|
-
classes[`w
|
|
53
|
+
classes[`w-${sizes.default}/12`] = true;
|
|
54
54
|
previousSize = size;
|
|
55
55
|
continue;
|
|
56
56
|
}
|
|
@@ -70,7 +70,7 @@ const getTableCellSizes = ({ sizes, } /* Table Definition */, variant) => {
|
|
|
70
70
|
if (currentValue === 12 || currentValue === 'full') {
|
|
71
71
|
classes[`${size}:w-full`] = true;
|
|
72
72
|
}
|
|
73
|
-
classes[`${size}:w
|
|
73
|
+
classes[`${size}:w-${currentValue}/12`] = true;
|
|
74
74
|
previousSize = size;
|
|
75
75
|
}
|
|
76
76
|
return classes;
|
|
@@ -112,6 +112,6 @@ const objectGetByPath = (obj, path, defaultValue = undefined) => {
|
|
|
112
112
|
};
|
|
113
113
|
|
|
114
114
|
export { getTableCellSizes as a, floatingMenuContainerClass as f, getTableCellColumnClasses as g, isTableColumnSizesKey as i, objectGetByPath as o };
|
|
115
|
-
//# sourceMappingURL=p-
|
|
115
|
+
//# sourceMappingURL=p-CTOreths.js.map
|
|
116
116
|
|
|
117
|
-
//# sourceMappingURL=p-
|
|
117
|
+
//# sourceMappingURL=p-CTOreths.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"file":"p-CTOreths.js","mappings":"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","names":[],"sources":["src/types/table.ts","src/utils/table-helpers.ts","src/utils/object-get-by-path.ts"],"sourcesContent":["export type QuickFilterTextFunction = () => string;\n\nexport interface QuickFilter {\n\tidentifier: string;\n\ttext: string | QuickFilterTextFunction;\n\tcount?: number;\n\tdefault?: boolean;\n}\n\nexport interface RowClickEvent {\n\titem: any;\n\tctrlDown: boolean;\n}\n\nexport interface TableDefinitionData {\n\tvalue: any;\n\titem: any;\n\tindex: number;\n\trowIndex: number;\n}\n\nexport type TableDefinitionTemplateFunc = (data: TableDefinitionData) => any;\n\nexport interface TableColumnSizes {\n\tdefault: number | 'hidden' | 'full';\n\ttablet?: number | 'hidden' | 'full';\n\t'desktop-xs'?: number | 'hidden' | 'full';\n\t'desktop-sm'?: number | 'hidden' | 'full';\n\tdesktop?: number | 'hidden' | 'full';\n\t'desktop-lg'?: number | 'hidden' | 'full';\n\t'desktop-xl'?: number | 'hidden' | 'full';\n}\n\nexport type TableColumnSizesKey =\n\t| 'default'\n\t| 'tablet'\n\t| 'desktop-xs'\n\t| 'desktop-sm'\n\t| 'desktop'\n\t| 'desktop-lg'\n\t| 'desktop-xl';\n\nexport function isTableColumnSizesKey(\n\tx: TableColumnSizes,\n\tk: PropertyKey\n): k is keyof TableColumnSizes {\n\treturn k in x;\n}\n","import { cva } from 'class-variance-authority';\nimport { TableColumn } from '../components/helpers/table/column/table-column.component';\nimport {\n\tisTableColumnSizesKey,\n\tTableColumnSizes,\n\tTableColumnSizesKey,\n} from '../types';\n\nexport const getTableCellColumnClasses = (\n\tdefinition: any | TableColumn,\n\tvariant: 'default' | 'header' | 'loading'\n) => {\n\tconst sizes = definition ? getTableCellSizes(definition, variant) : {};\n\n\treturn {\n\t\tflex: true,\n\t\t'flex-shrink-0': true,\n\t\t'items-center': true,\n\t\t'gap-4': true,\n\t\t'justify-start': !definition?.align || definition?.align === 'start',\n\t\t'justify-center': definition?.align === 'center',\n\t\t'justify-end': definition?.align === 'end',\n\t\t'font-semibold': variant !== 'header' && definition?.variant === 'subject',\n\t\t'text-storm-400': variant === 'header',\n\t\t'text-storm-300':\n\t\t\tvariant !== 'header' &&\n\t\t\tdefinition?.variant !== 'subject' &&\n\t\t\tdefinition?.variant !== 'highlight',\n\t\t'text-storm-500':\n\t\t\tvariant !== 'header' &&\n\t\t\t(definition?.variant === 'subject' ||\n\t\t\t\tdefinition?.variant === 'highlight'),\n\t\t...sizes,\n\t};\n};\n\nexport const getTableCellSizes = (\n\t{\n\t\tsizes,\n\t}: {\n\t\tsizes: 'auto' | 'hidden' | 'full' | number | TableColumnSizes;\n\t} /* Table Definition */,\n\tvariant: 'default' | 'header' | 'loading' | 'actions'\n) => {\n\tif (sizes === 'auto' || !sizes) {\n\t\treturn {\n\t\t\t'w-auto': true,\n\t\t};\n\t}\n\n\tif (sizes === 'hidden') {\n\t\treturn {\n\t\t\thidden: true,\n\t\t};\n\t}\n\n\tif (typeof sizes === 'object') {\n\t\tsizes = sizes as TableColumnSizes;\n\t\tconst classes: any = {};\n\t\tlet previousSize: TableColumnSizesKey | undefined;\n\n\t\tfor (let size in sizes) {\n\t\t\tif (!isTableColumnSizesKey(sizes, size)) {\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\tif (size === 'default') {\n\t\t\t\tif (sizes.default === 'hidden') {\n\t\t\t\t\tclasses['hidden'] = true;\n\t\t\t\t\tpreviousSize = size;\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\n\t\t\t\tclasses[`w-${sizes.default}/12`] = true;\n\t\t\t\tpreviousSize = size;\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\tconst currentValue = sizes[size];\n\t\t\tconst previousValue = previousSize ? sizes[previousSize] : null;\n\t\t\tif (\n\t\t\t\tcurrentValue !== 'hidden' &&\n\t\t\t\tpreviousValue &&\n\t\t\t\tpreviousValue === 'hidden' &&\n\t\t\t\tvariant !== 'actions'\n\t\t\t) {\n\t\t\t\tclasses[`${size}:flex`] = true;\n\t\t\t}\n\n\t\t\tif (currentValue === 'hidden' && variant !== 'actions') {\n\t\t\t\tclasses[`${size}:hidden`] = true;\n\t\t\t\tpreviousSize = size;\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\tif (currentValue === 12 || currentValue === 'full') {\n\t\t\t\tclasses[`${size}:w-full`] = true;\n\t\t\t}\n\n\t\t\tclasses[`${size}:w-${currentValue}/12`] = true;\n\t\t\tpreviousSize = size;\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tif (sizes === 12 || sizes === 'full') {\n\t\treturn {\n\t\t\t'w-full': true,\n\t\t};\n\t}\n\n\t// is a number.\n\treturn {\n\t\t[`w-${sizes}/12`]: true,\n\t};\n};\n\nexport const floatingMenuContainerClass = cva(['sticky self-center'], {\n\tvariants: {\n\t\thasFooter: {\n\t\t\ttrue: 'mt-4 -mb-5 bottom-11 z-[3]',\n\t\t\tfalse: 'my-4 bottom-0',\n\t\t},\n\t\tactive: {\n\t\t\tfalse: 'pointer-events-none animate-floating-menu-container-out',\n\t\t\ttrue: 'animate-floating-menu-container-in',\n\t\t},\n\t\tshown: {\n\t\t\tfalse: 'hidden',\n\t\t\ttrue: 'inline-block',\n\t\t},\n\t},\n});\n","export const objectGetByPath = (\n obj: any,\n path: string,\n defaultValue = undefined\n) => {\n const travel = (regexp) =>\n String.prototype.split\n .call(path, regexp)\n .filter(Boolean)\n .reduce(\n (res, key) =>\n res !== null && res !== undefined ? res[key] : res,\n obj\n );\n const result = travel(/[,[\\]]+?/) || travel(/[,[\\].]+?/);\n return result === undefined || result === obj ? defaultValue : result;\n};\n"],"version":3}
|
|
@@ -3,7 +3,7 @@ import { c as cva } from './p-CBWjHURv.js';
|
|
|
3
3
|
import { a as asBoolean } from './p-C5CTp9IA.js';
|
|
4
4
|
import { d as defineCustomElement$1 } from './p-DeobaUTR.js';
|
|
5
5
|
|
|
6
|
-
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}.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-center{align-items:center!important}.justify-between{justify-content:space-between!important}.
|
|
6
|
+
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}.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-center{align-items:center!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}}";
|
|
7
7
|
|
|
8
8
|
const row = cva(['flex min-w-[calc(100%-0.5rem)] flex-col', 'group', 'relative'], {
|
|
9
9
|
variants: {
|
|
@@ -41,7 +41,7 @@ const row = cva(['flex min-w-[calc(100%-0.5rem)] flex-col', 'group', 'relative']
|
|
|
41
41
|
},
|
|
42
42
|
],
|
|
43
43
|
});
|
|
44
|
-
const content = cva('relative flex min-w-full flex-nowrap items-center justify-between
|
|
44
|
+
const content = cva('relative flex min-w-full flex-nowrap items-center justify-between', {
|
|
45
45
|
variants: {
|
|
46
46
|
variant: {
|
|
47
47
|
default: null,
|
|
@@ -85,13 +85,13 @@ const TableRow = /*@__PURE__*/ proxyCustomElement(class TableRow extends H {
|
|
|
85
85
|
*/
|
|
86
86
|
isLast = false;
|
|
87
87
|
render() {
|
|
88
|
-
return (h("div", { key: '
|
|
88
|
+
return (h("div", { key: 'ce1faa79f1d8173d64fb6a3b90d85b57cb2d3e16', class: 'flex flex-col' }, h("div", { key: '381ad3b78f2faa9329b1b7edb1478bd41228f325', class: row({
|
|
89
89
|
variant: this.variant,
|
|
90
90
|
enableHover: this.enableHover,
|
|
91
91
|
checked: this.checked,
|
|
92
|
-
}) }, h("div", { key: '
|
|
92
|
+
}) }, h("div", { key: '2061d47b918ca117591628539293f2242a7064c7', class: content({
|
|
93
93
|
variant: this.variant,
|
|
94
|
-
}) }, h("slot", { key: '
|
|
94
|
+
}) }, h("slot", { key: 'dce1c89d6b690bbabe381f90079fae48153ccdee' }), h("div", { key: '5a7d8c059cd71a24998294611461c4de8a8feb24', class: actions() }, h("slot", { key: '0f9be89453761ad46fd10b331c347d52e3a96780', name: 'actions' })))), !asBoolean(this.isLast) && this.variant !== 'secondary' && (h("p-divider", { key: '386ca72522717681a954bb44407c0e0091b4dece' }))));
|
|
95
95
|
}
|
|
96
96
|
static get style() { return tableRowComponentCss; }
|
|
97
97
|
}, [1, "p-table-row", {
|
|
@@ -121,6 +121,6 @@ function defineCustomElement() {
|
|
|
121
121
|
defineCustomElement();
|
|
122
122
|
|
|
123
123
|
export { TableRow as T, defineCustomElement as d };
|
|
124
|
-
//# sourceMappingURL=p-
|
|
124
|
+
//# sourceMappingURL=p-D01m53f7.js.map
|
|
125
125
|
|
|
126
|
-
//# sourceMappingURL=p-
|
|
126
|
+
//# sourceMappingURL=p-D01m53f7.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"p-
|
|
1
|
+
{"file":"p-D01m53f7.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';\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'],\n\t\t\t\theader: ['px-4', 'text-xs font-normal text-storm-400'],\n\t\t\t\tsecondary: [\n\t\t\t\t\t'px-4',\n\t\t\t\t\t'bg-off-white-300 rounded-lg',\n\t\t\t\t\t'font-ambit text-lg font-bold',\n\t\t\t\t],\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: [\n\t\t\t\t\t'rounded-lg transition-colors',\n\t\t\t\t\t'hover:cursor-pointer hover:bg-off-white-300',\n\t\t\t\t],\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: ['rounded-lg transition-colors', 'bg-off-white-300'],\n\t\t\t},\n\t\t],\n\t}\n);\n\nconst content = cva(\n\t'relative flex min-w-full flex-nowrap items-center 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: 'min-h-0 pb-4',\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],\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' = '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<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\tchecked: this.checked,\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{!asBoolean(this.isLast) && this.variant !== 'secondary' && (\n\t\t\t\t\t<p-divider />\n\t\t\t\t)}\n\t\t\t</div>\n\t\t);\n\t}\n}\n"],"version":3}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { p as proxyCustomElement, H, h, d as Host } from './p-CRSKFTLB.js';
|
|
2
|
-
import { o as objectGetByPath, g as getTableCellColumnClasses } from './p-
|
|
2
|
+
import { o as objectGetByPath, g as getTableCellColumnClasses } from './p-CTOreths.js';
|
|
3
3
|
import { c as cn } from './p-CT54OXR2.js';
|
|
4
4
|
import { d as defineCustomElement$1 } from './p-CEFg09mj.js';
|
|
5
5
|
|
|
@@ -58,7 +58,7 @@ const TableCell = /*@__PURE__*/ proxyCustomElement(class TableCell extends H {
|
|
|
58
58
|
};
|
|
59
59
|
}
|
|
60
60
|
render() {
|
|
61
|
-
return (h(Host, { key: '
|
|
61
|
+
return (h(Host, { key: '36bad3f0a1003cec067f9f3e13ba5eac83d71474', class: this._getColumnClasses() }, this.checkbox, this._getContent()));
|
|
62
62
|
}
|
|
63
63
|
_getContent() {
|
|
64
64
|
if (this.variant === 'loading') {
|
|
@@ -106,6 +106,6 @@ function defineCustomElement() {
|
|
|
106
106
|
defineCustomElement();
|
|
107
107
|
|
|
108
108
|
export { TableCell as T, defineCustomElement as d };
|
|
109
|
-
//# sourceMappingURL=p-
|
|
109
|
+
//# sourceMappingURL=p-DIWJxFnF.js.map
|
|
110
110
|
|
|
111
|
-
//# sourceMappingURL=p-
|
|
111
|
+
//# sourceMappingURL=p-DIWJxFnF.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"file":"p-DIWJxFnF.js","mappings":";;;;;AAAA,MAAM,qBAAqB,GAAG,kdAAkd;;MCuEne,SAAS,iBAAAA,kBAAA,CAAA,MAAA,SAAA,SAAAC,CAAA,CAAA;;;;;AACrB;;AAEG;IACK,OAAO,GAAqC,SAAS;AAE7D;;AAEG;AACK,IAAA,KAAK;AAEb;;AAEG;AACK,IAAA,QAAQ;AAEhB;;AAEG;AACK,IAAA,UAAU;AAElB;;AAEG;AACK,IAAA,IAAI;AAEZ;;AAEG;AACK,IAAA,KAAK;AAEb;;AAEG;AACK,IAAA,QAAQ;AAEhB;;AAEG;IACK,QAAQ,GAAgC,CAAC,EAChD,KAAK,GACgB,KAAK,KAAK;AAEhC,IAAA,IAAI,IAAI,GAAA;AACP,QAAA,IAAI,IAAI,CAAC,OAAO,KAAK,QAAQ,EAAE;YAC9B,OAAO;gBACN,KAAK,EAAE,IAAI,CAAC,KAAK;aACjB;;QAGF,OAAO;YACN,KAAK,EACJ,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,UAAU,EAAE;AAC9B,kBAAE,eAAe,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,UAAU,CAAC,IAAI;AACjD,kBAAE,IAAI;YACR,IAAI,EAAE,IAAI,CAAC,IAAI;YACf,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,QAAQ,EAAE,IAAI,CAAC,QAAQ;SACvB;;IAGF,MAAM,GAAA;AACL,QAAA,QACC,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,IAAI,CAAC,iBAAiB,EAAE,EAAA,EACnC,IAAI,CAAC,QAAQ,EAEb,IAAI,CAAC,WAAW,EAAE,CACb;;IAID,WAAW,GAAA;AAClB,QAAA,IAAI,IAAI,CAAC,OAAO,KAAK,SAAS,EAAE;AAC/B,YAAA,QACC,CACC,CAAA,UAAA,EAAA,EAAA,OAAO,EAAC,OAAO,EACf,KAAK,EAAC,2BAA2B,EAChC,CAAA;;QAIJ,QACC,CACC,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,EAAE,CAAC,+BAA+B,EAAE;AAC1C,gBAAA,YAAY,EACX,IAAI,CAAC,UAAU,CAAC,KAAK,KAAK,OAAO;AACjC,oBAAA,IAAI,CAAC,UAAU,CAAC,KAAK,KAAK,SAAS;AACpC,gBAAA,aAAa,EAAE,IAAI,CAAC,UAAU,CAAC,KAAK,KAAK,QAAQ;AACjD,gBAAA,UAAU,EAAE,IAAI,CAAC,UAAU,CAAC,KAAK,KAAK,KAAK;aAC3C,CAAC,EAAA,EAED,IAAI,CAAC,OAAO,KAAK,QAAQ,IACzB,IAAI,CAAC,IAAI,CAAC,KAAK,IACZ,IAAI,CAAC,UAAU,CAAC,OAAO,IAC1B,eAAQ,KAER,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAA2B,CAAC,CAC/C,CACI;;IAIA,iBAAiB,GAAA;QACxB,OAAO,yBAAyB,CAAC,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,OAAO,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","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, h, Host, Prop } from '@stencil/core';\nimport {\n\tTableDefinitionData,\n\tTableDefinitionTemplateFunc,\n} from '../../../../types';\nimport { getTableCellColumnClasses, objectGetByPath } from '../../../../utils';\n\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\t <div class=\"justify-start justify-center justify-end\"></div>\n\t <div class=\"font-semibold text-storm-500 text-storm-400 text-storm-300\"></div>\n <div class=\"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\"></div>\n <div class=\"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\"></div>\n <div class=\"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\"></div>\n <div class=\"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\"></div>\n <div class=\"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\"></div>\n <div class=\"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\"></div>\n <div class=\"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\"></div>\n <div class=\"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\"></div>\n <div class=\"hidden flex group-hover:hidden group-hover:flex\"></div>\n <div class=\"tablet:hidden tablet:flex tablet:group-hover:hidden tablet:group-hover:flex\"></div>\n <div class=\"desktop-xs:hidden desktop-xs:flex desktop-xs:group-hover:hidden desktop-xs:group-hover:flex\"></div>\n <div class=\"desktop-sm:hidden desktop-sm:flex desktop-sm:group-hover:hidden desktop-sm:group-hover:flex\"></div>\n <div class=\"desktop:hidden desktop:flex desktop:group-hover:hidden desktop:group-hover:flex\"></div>\n <div class=\"desktop-lg:hidden desktop-lg:flex desktop-lg:group-hover:hidden desktop-lg:group-hover:flex\"></div>\n <div class=\"desktop-xl:hidden desktop-xl:flex desktop-xl:group-hover:hidden desktop-xl:group-hover:flex\"></div>\n <div class=\"pr-4 pr-0\"></div>\n <div class=\"tablet:pr-4 tablet:pr-0\"></div>\n <div class=\"desktop-xs:pr-4 desktop-xs:pr-0\"></div>\n <div class=\"desktop-sm:pr-4 desktop-sm:pr-0\"></div>\n <div class=\"desktop:pr-4 desktop:pr-0\"></div>\n <div class=\"desktop-lg:pr-4 desktop-lg:pr-0\"></div>\n <div class=\"desktop-xl:pr-4 desktop-xl:pr-0\"></div>\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' = '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 * 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<Host class={this._getColumnClasses()}>\n\t\t\t\t{this.checkbox}\n\n\t\t\t\t{this._getContent()}\n\t\t\t</Host>\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-full flex-1 rounded'\n\t\t\t\t/>\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclass={cn('overflow-hidden text-ellipsis', {\n\t\t\t\t\t'text-start':\n\t\t\t\t\t\tthis.definition.align === 'start' ||\n\t\t\t\t\t\tthis.definition.align === undefined,\n\t\t\t\t\t'text-center': this.definition.align === 'center',\n\t\t\t\t\t'text-end': this.definition.align === 'end',\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t{this.variant === 'header' ? (\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 getTableCellColumnClasses(this.definition, this.variant);\n\t}\n}\n"],"version":3}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-CRSKFTLB.js';
|
|
2
2
|
import { t as tableColumSizesOptions } from './p-DdQ-S2l7.js';
|
|
3
3
|
import { f as formatTranslation, g as getLocaleComponentStrings } from './p-DiJj8rmO.js';
|
|
4
|
-
import { f as floatingMenuContainerClass } from './p-
|
|
4
|
+
import { f as floatingMenuContainerClass } from './p-CTOreths.js';
|
|
5
5
|
import { f as isMobile } from './p-B3sNjfzc.js';
|
|
6
6
|
import { c as cn } from './p-CT54OXR2.js';
|
|
7
7
|
import { d as defineCustomElement$b, a as defaultSize, b as defaultSizeOptions } from './p-C6zgmyle.js';
|
|
@@ -26,11 +26,11 @@ import { d as defineCustomElement$d } from './p-CzlGgwa6.js';
|
|
|
26
26
|
import { d as defineCustomElement$c } from './p-B0skInOM.js';
|
|
27
27
|
import { d as defineCustomElement$a } from './p-u7w6ZHr0.js';
|
|
28
28
|
import { d as defineCustomElement$9 } from './p-CkEQyy75.js';
|
|
29
|
-
import { d as defineCustomElement$8 } from './p-
|
|
29
|
+
import { d as defineCustomElement$8 } from './p-DIWJxFnF.js';
|
|
30
30
|
import { d as defineCustomElement$7 } from './p-C3NM3TpX.js';
|
|
31
31
|
import { d as defineCustomElement$6 } from './p-CeV3e9Ed.js';
|
|
32
32
|
import { d as defineCustomElement$5 } from './p-wIVv4FEB.js';
|
|
33
|
-
import { d as defineCustomElement$4 } from './p-
|
|
33
|
+
import { d as defineCustomElement$4 } from './p-D01m53f7.js';
|
|
34
34
|
import { d as defineCustomElement$3 } from './p-Kd4E5xHS.js';
|
|
35
35
|
import { d as defineCustomElement$2 } from './p-B9bfyk_o.js';
|
|
36
36
|
|
package/dist/esm/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
export { i as initTheme, o as onStateChange, b as state, a as stateLocaleOptions, s as stateThemeOptions } from './state-BsTOa3w8.js';
|
|
2
2
|
import { s as screens } from './screens-B3sNjfzc.js';
|
|
3
3
|
export { g as getScreenSize, b as getScreenSizeInPixels, a as getScreenSizeInRem, d as isBetweenScreens, i as isBiggerThanScreen, j as isDesktop, f as isMobile, c as isSmallerThanScreen, h as isTablet, e as isTouchDevice } from './screens-B3sNjfzc.js';
|
|
4
|
-
export { f as floatingMenuContainerClass, g as getTableCellColumnClasses, a as getTableCellSizes, i as isTableColumnSizesKey } from './table-helpers-
|
|
4
|
+
export { f as floatingMenuContainerClass, g as getTableCellColumnClasses, a as getTableCellSizes, i as isTableColumnSizesKey } from './table-helpers-sB23Am6C.js';
|
|
5
5
|
export { t as tableColumSizesOptions } from './constants-DdQ-S2l7.js';
|
|
6
6
|
export { I as IBAN_ICON_VARIANTS_ARRAY } from './iban-By0EdXx2.js';
|
|
7
7
|
export { c as childOf, a as childOfComposed } from './child-of-BFSNj6hu.js';
|