@paperless/core 1.42.5 → 1.44.0

package/dist/collection/components/molecules/table-cell/table-cell.component.js.map

@@ -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\tisTableColumnSizesKey,\n\tTableColumnSizes,\n\tTableColumnSizesKey,\n\tTableDefinitionData,\n\tTableDefinitionTemplateFunc,\n} from '../../../types';\nimport { objectGetByPath } from '../../../utils';\nimport { TableColumn } from '../../helpers/table-column/table-column.component';\n\n@Component({\n\ttag: 'p-table-cell',\n\tstyleUrl: 'table-cell.component.scss',\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;\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 ?? objectGetByPath(this.item, this.definition.path),\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\n\t\t\t\tclass={{\n\t\t\t\t\t'p-table-cell': true,\n\t\t\t\t\t[`variant-${this.variant}`]: true,\n\t\t\t\t\t...this._getColumnClasses(),\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{this.checkbox}\n\n\t\t\t\t{this.variant === 'loading' ? (\n\t\t\t\t\t<p-loader\n\t\t\t\t\t\tvariant=\"ghost\"\n\t\t\t\t\t\tclass=\"h-6 w-full flex-1 rounded\"\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={{\n\t\t\t\t\t\t\tflex: true,\n\t\t\t\t\t\t\t'justify-start': this.definition.align === 'start',\n\t\t\t\t\t\t\t'justify-center':\n\t\t\t\t\t\t\t\tthis.definition.align === 'center',\n\t\t\t\t\t\t\t'justify-end': this.definition.align === 'end',\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t{this.variant === 'header' ? (\n\t\t\t\t\t\t\tthis.data.value\n\t\t\t\t\t\t) : this.definition.useSlot ? (\n\t\t\t\t\t\t\t<slot />\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\tthis.template(this.data as TableDefinitionData)\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate _getColumnClasses() {\n\t\tconst sizes = this.definition ? this._getSizes(this.definition) : {};\n\t\treturn {\n\t\t\t'justify-start':\n\t\t\t\t!this.definition?.align || this.definition?.align === 'start',\n\t\t\t'justify-center': this.definition?.align === 'center',\n\t\t\t'justify-end': this.definition?.align === 'end',\n\t\t\t'font-semibold':\n\t\t\t\tthis.variant !== 'header' && this.definition?.type === 'th',\n\t\t\t'text-storm-dark':\n\t\t\t\tthis.variant !== 'header' && this.definition?.type === 'th',\n\t\t\t'pr-4': this.definition.isLast === false,\n\t\t\t...sizes,\n\t\t};\n\t}\n\n\t/* \n     With this, we shall hack the system in ways no one would ever have thought.\n     \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\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\tprivate _getSizes({ sizes }: TableColumn) {\n\t\tif (sizes === 'auto' || !sizes) {\n\t\t\treturn {\n\t\t\t\t'w-auto': true,\n\t\t\t};\n\t\t}\n\n\t\tif (sizes === 'hidden') {\n\t\t\treturn {\n\t\t\t\thidden: true,\n\t\t\t};\n\t\t}\n\n\t\tif (typeof sizes === 'object') {\n\t\t\tsizes = sizes as TableColumnSizes;\n\t\t\tconst classes: any = {};\n\t\t\tlet previousSize: TableColumnSizesKey | undefined;\n\n\t\t\tfor (let size in sizes) {\n\t\t\t\tif (!isTableColumnSizesKey(sizes, size)) {\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\n\t\t\t\tif (size === 'default') {\n\t\t\t\t\tif (sizes.default === 'hidden') {\n\t\t\t\t\t\tclasses['hidden'] = true;\n\t\t\t\t\t\tpreviousSize = size;\n\t\t\t\t\t\tcontinue;\n\t\t\t\t\t}\n\n\t\t\t\t\tclasses[`w-${sizes.default}/12`] = true;\n\t\t\t\t\tpreviousSize = size;\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\n\t\t\t\tconst currentValue = sizes[size];\n\t\t\t\tconst previousValue = previousSize ? sizes[previousSize] : null;\n\t\t\t\tif (\n\t\t\t\t\tcurrentValue !== 'hidden' &&\n\t\t\t\t\tpreviousValue &&\n\t\t\t\t\tpreviousValue === 'hidden'\n\t\t\t\t) {\n\t\t\t\t\tclasses[`${size}:flex`] = true;\n\t\t\t\t}\n\n\t\t\t\tif (currentValue === 'hidden') {\n\t\t\t\t\tclasses[`${size}: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\tif (currentValue === 12 || currentValue === 'full') {\n\t\t\t\t\tclasses[`${size}:w-full`] = true;\n\t\t\t\t}\n\n\t\t\t\tclasses[`${size}:w-${currentValue}/12`] = true;\n\t\t\t\tpreviousSize = size;\n\t\t\t}\n\n\t\t\treturn classes;\n\t\t}\n\n\t\tif (sizes === 12 || sizes === 'full') {\n\t\t\treturn {\n\t\t\t\t'w-full': true,\n\t\t\t};\n\t\t}\n\n\t\t// is a number.\n\t\treturn {\n\t\t\t[`w-${sizes}/12`]: true,\n\t\t};\n\t}\n}\n"]}
+{"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\tisTableColumnSizesKey,\n\tTableColumnSizes,\n\tTableColumnSizesKey,\n\tTableDefinitionData,\n\tTableDefinitionTemplateFunc,\n} from '../../../types';\nimport { objectGetByPath } from '../../../utils';\nimport { TableColumn } from '../../helpers/table-column/table-column.component';\n\n@Component({\n\ttag: 'p-table-cell',\n\tstyleUrl: 'table-cell.component.scss',\n})\nexport class TableCell {\n\t/**\n\t * The variant of the column\n\t */\n\t@Prop() variant: 'default' | 'loading' | 'header' | 'actions' = '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;\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 * Wether the table has actions\n\t */\n\t@Prop() tableHasActions: boolean = false;\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 ?? objectGetByPath(this.item, this.definition.path),\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\n\t\t\t\tclass={{\n\t\t\t\t\t'p-table-cell': true,\n\t\t\t\t\t[`variant-${this.variant}`]: true,\n\t\t\t\t\t...this._getColumnClasses(),\n\t\t\t\t}}\n\t\t\t>\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 variant=\"ghost\" class=\"h-6 w-full flex-1 rounded\" />\n\t\t\t);\n\t\t}\n\n\t\tif (this.variant === 'actions') {\n\t\t\treturn <slot name=\"actions\"></slot>;\n\t\t}\n\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclass={{\n\t\t\t\t\tflex: true,\n\t\t\t\t\t'justify-start': this.definition.align === 'start',\n\t\t\t\t\t'justify-center': this.definition.align === 'center',\n\t\t\t\t\t'justify-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\tconst sizes = this.definition ? this._getSizes(this.definition) : {};\n\t\treturn {\n\t\t\t'justify-start':\n\t\t\t\t!this.definition?.align || this.definition?.align === 'start',\n\t\t\t'justify-center': this.definition?.align === 'center',\n\t\t\t'justify-end': this.definition?.align === 'end',\n\t\t\t'font-semibold':\n\t\t\t\tthis.variant !== 'header' && this.definition?.type === 'th',\n\t\t\t'text-storm-dark':\n\t\t\t\tthis.variant !== 'header' && this.definition?.type === 'th',\n\t\t\t'pr-4': this.definition.isLast === false,\n\t\t\t'group-hover:hidden':\n\t\t\t\tthis.definition.isLast &&\n\t\t\t\tthis.tableHasActions &&\n\t\t\t\tthis.variant !== 'actions',\n\t\t\t'group-hover:flex':\n\t\t\t\tthis.variant === 'actions' && this.tableHasActions,\n\t\t\thidden: this.variant === 'actions' && this.tableHasActions,\n\t\t\tflex: this.variant !== 'actions',\n\t\t\t...sizes,\n\t\t};\n\t}\n\n\t/*\n     With this, we shall hack the system in ways no one would ever have thought.\n\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\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\tprivate _getSizes({ sizes }: TableColumn) {\n\t\tif (sizes === 'auto' || !sizes) {\n\t\t\treturn {\n\t\t\t\t'w-auto': true,\n\t\t\t};\n\t\t}\n\n\t\tif (sizes === 'hidden') {\n\t\t\treturn {\n\t\t\t\thidden: true,\n\t\t\t};\n\t\t}\n\n\t\tif (typeof sizes === 'object') {\n\t\t\tsizes = sizes as TableColumnSizes;\n\t\t\tconst classes: any = {};\n\t\t\tlet previousSize: TableColumnSizesKey | undefined;\n\n\t\t\tfor (let size in sizes) {\n\t\t\t\tif (!isTableColumnSizesKey(sizes, size)) {\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\n\t\t\t\tif (size === 'default') {\n\t\t\t\t\tif (sizes.default === 'hidden') {\n\t\t\t\t\t\tclasses['hidden'] = true;\n\t\t\t\t\t\tpreviousSize = size;\n\t\t\t\t\t\tcontinue;\n\t\t\t\t\t}\n\n\t\t\t\t\tclasses[`w-${sizes.default}/12`] = true;\n\t\t\t\t\tpreviousSize = size;\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\n\t\t\t\tconst currentValue = sizes[size];\n\t\t\t\tconst previousValue = previousSize ? sizes[previousSize] : null;\n\t\t\t\tif (\n\t\t\t\t\tcurrentValue !== 'hidden' &&\n\t\t\t\t\tpreviousValue &&\n\t\t\t\t\tpreviousValue === 'hidden'\n\t\t\t\t) {\n\t\t\t\t\tclasses[`${size}:flex`] = true;\n\t\t\t\t}\n\n\t\t\t\tif (currentValue === 'hidden') {\n\t\t\t\t\tclasses[`${size}: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\tif (currentValue === 12 || currentValue === 'full') {\n\t\t\t\t\tclasses[`${size}:w-full`] = true;\n\t\t\t\t}\n\n\t\t\t\tclasses[`${size}:w-${currentValue}/12`] = true;\n\t\t\t\tpreviousSize = size;\n\t\t\t}\n\n\t\t\treturn classes;\n\t\t}\n\n\t\tif (sizes === 12 || sizes === 'full') {\n\t\t\treturn {\n\t\t\t\t'w-full': true,\n\t\t\t};\n\t\t}\n\n\t\t// is a number.\n\t\treturn {\n\t\t\t[`w-${sizes}/12`]: true,\n\t\t};\n\t}\n}\n"]}

package/dist/collection/components/molecules/table-row/table-row.component.js

@@ -7,7 +7,7 @@ export class TableRow {
   render() {
     return (h(Host, { class: `p-table-row variant-${this.variant} ${this.enableHover &&
         this.variant === 'default' &&
-        'enable-hover'}` }, h("div", { class: "content" }, h("slot", null)), this.variant === 'default' && h("p-divider", { class: "m-0" })));
+        'enable-hover'} group` }, h("div", { class: "content" }, h("slot", null)), this.variant === 'default' && h("p-divider", { class: "m-0" })));
   }
   static get is() { return "p-table-row"; }
   static get encapsulation() { return "shadow"; }

package/dist/collection/components/molecules/table-row/table-row.component.js.map

@@ -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,IAAI,EAAE,MAAM,eAAe,CAAC;AAOzD,MAAM,OAAO,QAAQ;;mBAIoB,SAAS;uBAKlB,IAAI;;EAEnC,MAAM;IACL,OAAO,CACN,EAAC,IAAI,IACJ,KAAK,EAAE,uBAAuB,IAAI,CAAC,OAAO,IACzC,IAAI,CAAC,WAAW;QAChB,IAAI,CAAC,OAAO,KAAK,SAAS;QAC1B,cACD,EAAE;MAEF,WAAK,KAAK,EAAC,SAAS;QACnB,eAAQ,CACH;MAEL,IAAI,CAAC,OAAO,KAAK,SAAS,IAAI,iBAAW,KAAK,EAAC,KAAK,GAAG,CAClD,CACP,CAAC;EACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-table-row',\n\tstyleUrl: 'table-row.component.scss',\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<Host\n\t\t\t\tclass={`p-table-row variant-${this.variant} ${\n\t\t\t\t\tthis.enableHover &&\n\t\t\t\t\tthis.variant === 'default' &&\n\t\t\t\t\t'enable-hover'\n\t\t\t\t}`}\n\t\t\t>\n\t\t\t\t<div class=\"content\">\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\n\t\t\t\t{this.variant === 'default' && <p-divider class=\"m-0\" />}\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"]}
+{"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,IAAI,EAAE,MAAM,eAAe,CAAC;AAOzD,MAAM,OAAO,QAAQ;;mBAIoB,SAAS;uBAKlB,IAAI;;EAEnC,MAAM;IACL,OAAO,CACN,EAAC,IAAI,IACJ,KAAK,EAAE,uBAAuB,IAAI,CAAC,OAAO,IACzC,IAAI,CAAC,WAAW;QAChB,IAAI,CAAC,OAAO,KAAK,SAAS;QAC1B,cACD,QAAQ;MAER,WAAK,KAAK,EAAC,SAAS;QACnB,eAAQ,CACH;MAEL,IAAI,CAAC,OAAO,KAAK,SAAS,IAAI,iBAAW,KAAK,EAAC,KAAK,GAAG,CAClD,CACP,CAAC;EACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, h, Host, Prop } from '@stencil/core';\n\n@Component({\n\ttag: 'p-table-row',\n\tstyleUrl: 'table-row.component.scss',\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<Host\n\t\t\t\tclass={`p-table-row variant-${this.variant} ${\n\t\t\t\t\tthis.enableHover &&\n\t\t\t\t\tthis.variant === 'default' &&\n\t\t\t\t\t'enable-hover'\n\t\t\t\t} group`}\n\t\t\t>\n\t\t\t\t<div class=\"content\">\n\t\t\t\t\t<slot />\n\t\t\t\t</div>\n\n\t\t\t\t{this.variant === 'default' && <p-divider class=\"m-0\" />}\n\t\t\t</Host>\n\t\t);\n\t}\n}\n"]}

package/dist/collection/components/organisms/table/table.component.css

@@ -1 +1 @@
-.fixed{position:fixed!important}.absolute{position:absolute!important}.relative{position:relative!important}.bottom-4{bottom:1rem!important}.left-1\/2{left:50%!important}.flex{display:flex!important}.hidden{display:none!important}.flex-shrink{flex-shrink:1!important}.-translate-x-1\/2{--tw-translate-x:-50%!important}.-translate-x-1\/2,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}*{box-sizing:border-box}p-table{display:flex;flex-direction:column;position:relative}p-table .p-input[type=checkbox]{flex-shrink:0}p-table p-table-container{position:relative}p-table p-table-container p-floating-menu-container{--tw-translate-x:-50%;animation:floatingMenuContainerIn .3s ease forwards!important;bottom:1rem;left:50%;position:fixed;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@media (min-width:40rem){p-table p-table-container p-floating-menu-container{bottom:4rem;position:absolute}}p-table p-table-container p-floating-menu-container:not(.shown){display:none}p-table p-table-container p-floating-menu-container.inactive{animation:floatingMenuContainerOut .3s ease forwards!important}p-table p-table-container p-floating-menu-container .hide-mobile{display:none}@media (min-width:40rem){p-table p-table-container p-floating-menu-container .hide-mobile{display:block}}@keyframes floatingMenuContainerOut{0%{display:flex;opacity:1;transform:translateY(0) translateX(-50%)}99%{display:flex;opacity:0;transform:translateY(100%) translateX(-50%)}to{display:none;opacity:0;transform:translateY(100%) translateX(-50%)}}@keyframes floatingMenuContainerIn{0%{display:none;opacity:0;transform:translateY(100%) translateX(-50%)}1%{display:flex;opacity:0;transform:translateY(100%) translateX(-50%)}to{display:flex;opacity:1;transform:translateY(0) translateX(-50%)}}@media (min-width:40rem){.tablet\:block{display:block!important}}.static{position:static!important}.mx-0{margin-left:0!important;margin-right:0!important}.mb-14{margin-bottom:3.5rem!important}.mb-6{margin-bottom:1.5rem!important}.table{display:table!important}.h-6{height:1.5rem!important}.w-6{width:1.5rem!important}.max-w-\[20rem\]{max-width:20rem!important}.flex-1{flex:1 1 0%!important}.cursor-pointer{cursor:pointer!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.self-center{align-self:center!important}.rounded{border-radius:.25rem!important}.py-24{padding-bottom:6rem!important;padding-top:6rem!important}.text-center{text-align:center!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.font-semibold{font-weight:600!important}.text-storm{--tw-text-opacity:1!important;color:rgb(81 83 107/var(--tw-text-opacity))!important}.text-storm-medium{--tw-text-opacity:1!important;color:rgb(128 130 158/var(--tw-text-opacity))!important}.opacity-0{opacity:0!important}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}
+.fixed{position:fixed!important}.absolute{position:absolute!important}.relative{position:relative!important}.bottom-4{bottom:1rem!important}.left-1\/2{left:50%!important}.flex{display:flex!important}.hidden{display:none!important}.flex-shrink{flex-shrink:1!important}.-translate-x-1\/2{--tw-translate-x:-50%!important}.-translate-x-1\/2,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}*{box-sizing:border-box}p-table{display:flex;flex-direction:column;position:relative}p-table .p-input[type=checkbox]{flex-shrink:0}p-table p-table-container{position:relative}p-table p-table-container p-floating-menu-container{--tw-translate-x:-50%;animation:floatingMenuContainerIn .3s ease forwards!important;bottom:1rem;left:50%;position:fixed;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@media (min-width:40rem){p-table p-table-container p-floating-menu-container{bottom:4rem;position:absolute}}p-table p-table-container p-floating-menu-container:not(.shown){display:none}p-table p-table-container p-floating-menu-container.inactive{animation:floatingMenuContainerOut .3s ease forwards!important}p-table p-table-container p-floating-menu-container .hide-mobile{display:none}@media (min-width:40rem){p-table p-table-container p-floating-menu-container .hide-mobile{display:block}}@keyframes floatingMenuContainerOut{0%{display:flex;opacity:1;transform:translateY(0) translateX(-50%)}99%{display:flex;opacity:0;transform:translateY(100%) translateX(-50%)}to{display:none;opacity:0;transform:translateY(100%) translateX(-50%)}}@keyframes floatingMenuContainerIn{0%{display:none;opacity:0;transform:translateY(100%) translateX(-50%)}1%{display:flex;opacity:0;transform:translateY(100%) translateX(-50%)}to{display:flex;opacity:1;transform:translateY(0) translateX(-50%)}}@media (min-width:40rem){.tablet\:block{display:block!important}}.static{position:static!important}.mx-0{margin-left:0!important;margin-right:0!important}.mb-14{margin-bottom:3.5rem!important}.mb-6{margin-bottom:1.5rem!important}.ml-auto{margin-left:auto!important}.table{display:table!important}.h-6{height:1.5rem!important}.w-6{width:1.5rem!important}.max-w-\[20rem\]{max-width:20rem!important}.flex-1{flex:1 1 0%!important}.cursor-pointer{cursor:pointer!important}.resize{resize:both!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.gap-2{gap:.5rem!important}.self-center{align-self:center!important}.rounded{border-radius:.25rem!important}.py-24{padding-bottom:6rem!important;padding-top:6rem!important}.text-center{text-align:center!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.font-semibold{font-weight:600!important}.text-storm{--tw-text-opacity:1!important;color:rgb(81 83 107/var(--tw-text-opacity))!important}.text-storm-medium{--tw-text-opacity:1!important;color:rgb(128 130 158/var(--tw-text-opacity))!important}.opacity-0{opacity:0!important}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}

package/dist/collection/components/organisms/table/table.component.js

@@ -1,11 +1,10 @@
 import { h, Host, } from "@stencil/core";
-import { formatTranslation, getLocaleComponentStrings } from "../../../utils";
+import { formatTranslation, getLocaleComponentStrings, isMobile, } from "../../../utils";
 import { defaultSize, defaultSizeOptions, } from "../../molecules/page-size-select/constants";
 export class Table {
   constructor() {
     this._ctrlDown = false;
     this._hasCustomFilterSlot = false;
-    this._hasFloatingMenuItems = false;
     this._floatingMenuShown = false;
     this.items = undefined;
     this.loading = false;
@@ -58,10 +57,14 @@ export class Table {
     this._locales = {};
     this._columns = [];
     this._items = [];
+    this._enableRowSelection = this.enableRowSelection;
+    this._rowSelectionLimit = undefined;
+    this._rowActionsFloating = [];
+    this._rowActionsRow = [];
   }
   componentWillLoad() {
     this._hasCustomFilterSlot = !!this._el.querySelector(':scope > [slot="custom-filter"]');
-    this._hasFloatingMenuItems = !!this._el.querySelectorAll(':scope > [slot="floating-menu-item"]').length;
+    this._setRowSelectionData();
     this._setLocales();
     this._parseItems(this.items);
     this._generateColumns();
@@ -70,7 +73,7 @@ export class Table {
     this.hasRendered.emit();
   }
   render() {
-    var _a, _b, _c;
+    var _a, _b, _c, _d, _e, _f, _g;
     return (h(Host, { class: "p-table" }, h("p-table-container", { shadow: this.shadow }, this.enableHeader && (h("p-table-header", {
       // quick filters
       quickFilters: this.quickFilters, activeQuickFilterIdentifier: this.activeQuickFilterIdentifier, onQuickFilter: ({ detail }) => this.quickFilter.emit(detail),
@@ -93,11 +96,17 @@ export class Table {
       enableExport: this.enableExport, onExport: () => this.export.emit(),
       //loading
       loading: this.footerLoading
-    })), this.enableFloatingMenu && this.enableRowSelection ? (h("p-floating-menu-container", { usedInTable: true, class: `${((_b = this.selectedRows) === null || _b === void 0 ? void 0 : _b.length) ? '' : 'inactive'} ${this._floatingMenuShown ? 'shown' : ''}` }, h("p-floating-menu-item", { hover: false, slot: "floating-menu-item", class: this._hasFloatingMenuItems
+    })), this.enableFloatingMenu && this._enableRowSelection ? (h("p-floating-menu-container", { usedInTable: true, class: `${((_b = this.selectedRows) === null || _b === void 0 ? void 0 : _b.length) ? '' : 'inactive'} ${this._floatingMenuShown ? 'shown' : ''}` }, h("p-floating-menu-item", { hover: false, slot: "floating-menu-item", class: ((_c = this._rowActionsFloating) === null || _c === void 0 ? void 0 : _c.length)
         ? 'hide-mobile'
-        : '' }, this.floatingMenuAmountSelectedTemplate((_c = this.selectedRows) === null || _c === void 0 ? void 0 : _c.length)), h("p-divider", { class: `mx-0 text-storm ${this._hasFloatingMenuItems
+        : '' }, this.floatingMenuAmountSelectedTemplate((_d = this.selectedRows) === null || _d === void 0 ? void 0 : _d.length)), h("p-divider", { class: `mx-0 text-storm ${((_e = this._rowActionsFloating) === null || _e === void 0 ? void 0 : _e.length)
         ? 'hide-mobile'
-        : ''}`, variant: "vertical", slot: "floating-menu-item" }), this._hasFloatingMenuItems && (h("slot", { name: "floating-menu-item" })), this._hasFloatingMenuItems && (h("p-divider", { class: "mx-0 text-storm", variant: "vertical", slot: "floating-menu-item" })), h("p-floating-menu-item", { slot: "floating-menu-item", onClick: () => this._selectAllChange(null, false) }, h("p-icon", { variant: "negative" })))) : (''))));
+        : ''}`, variant: "vertical", slot: "floating-menu-item" }), ((_f = this._rowActionsFloating) === null || _f === void 0 ? void 0 : _f.length) &&
+      this._rowActionsFloating.map((a) => (h("p-floating-menu-item", { slot: "floating-menu-item", disabled: a.disabled, onClick: () => !a.disabled &&
+          !a.loading &&
+          !!a.action &&
+          a.type === 'single'
+          ? a.action(this.selectedRows[0], false)
+          : a.action(this.selectedRows, true) }, a.label, ' ', a.loading ? (h("p-loader", null)) : (h("p-icon", { variant: a.icon, rotate: a.iconRotate, flip: a.iconFlip }))))), ((_g = this._rowActionsFloating) === null || _g === void 0 ? void 0 : _g.length) && (h("p-divider", { class: "mx-0 text-storm", variant: "vertical", slot: "floating-menu-item" })), h("p-floating-menu-item", { slot: "floating-menu-item", onClick: () => this._selectAllChange(null, false) }, h("p-icon", { variant: "negative" })))) : (''))));
   }
   async _setLocales() {
     this._locales = await getLocaleComponentStrings(this._el);
@@ -134,6 +143,44 @@ export class Table {
     }
     this._items = JSON.parse(items);
   }
+  _setRowSelectionData() {
+    if (this._resizeTimeout) {
+      clearTimeout(this._resizeTimeout);
+    }
+    // We add a timeout here because it's a lot easier on the machine to do these when someone is done
+    // resizing and playing around with their browser
+    this._resizeTimeout = setTimeout(() => {
+      var _a, _b;
+      const mobile = isMobile();
+      // we hack this to any[] to make it work..
+      const actions = Array.from(this._el.querySelectorAll(':scope > p-table-row-action'));
+      this._rowActionsRow = actions.filter((a) => a.type === 'both' || a.type === 'single');
+      this._rowActionsFloating = actions
+        .filter((a) => a.type === 'both' || a.type === 'multi' || mobile)
+        .map((a) => {
+        var _a;
+        if (a.type === 'single') {
+          a.disabled = ((_a = this.selectedRows) === null || _a === void 0 ? void 0 : _a.length) > 1;
+        }
+        return a;
+      });
+      let rowSelectionLimit = this.rowSelectionLimit;
+      if (mobile && // we're mobile
+        ((_a = this._rowActionsFloating) === null || _a === void 0 ? void 0 : _a.length) && // we have atleast 1 item in _rowActionsFloating
+        ((rowSelectionLimit !== undefined && this.enableRowSelection) ||
+          !this.enableRowSelection)) {
+        rowSelectionLimit = 1;
+      }
+      this._rowSelectionLimit = rowSelectionLimit;
+      let enableRowSelection = this.enableRowSelection;
+      if (mobile && // we're mobile
+        ((_b = this._rowActionsFloating) === null || _b === void 0 ? void 0 : _b.length) && // we have atleast 1 item in _rowActionsFloating
+        !enableRowSelection) {
+        enableRowSelection = true;
+      }
+      this._enableRowSelection = enableRowSelection;
+    }, 200);
+  }
   _generateColumns() {
     const definitions = this._el.querySelectorAll('p-table-column');
     const definitionsArray = Array.from(definitions);
@@ -149,19 +196,29 @@ export class Table {
     if (this.loading) {
       return Array.from({
         length: this.amountOfLoadingRows,
-      }, (_, i) => (h("p-table-row", { enableHover: this.enableRowSelection || this.enableRowClick }, this._getLoadingColumns(i))));
+      }, (_, i) => (h("p-table-row", { enableHover: this._enableRowSelection || this.enableRowClick }, this._getLoadingColumns(i))));
     }
     if (!this._items.length) {
       return this._getEmptyState();
     }
-    return this._items.map((item, index) => (h("p-table-row", { enableHover: this.enableRowSelection || this.enableRowClick, onClick: (ev) => this._rowClick(ev, index) }, this._getRowColumns(item, index))));
+    return this._items.map((item, index) => (h("p-table-row", { enableHover: this._enableRowSelection || this.enableRowClick, onClick: (ev) => this._rowClick(ev, index) }, this._getRowColumns(item, index))));
   }
   _getRowColumns(item, index) {
-    return this._columns.map((col, colIndex) => {
+    var _a;
+    const columns = this._columns.map((col, colIndex) => {
       return (h("p-table-cell", { definition: col, item: item, checkbox: colIndex === 0 || col.hasCheckbox
           ? this._getCheckbox(index)
-          : null, index: colIndex, rowIndex: index }));
+          : null, index: colIndex, rowIndex: index, tableHasActions: !!this._rowActionsRow.length && !isMobile() }));
     });
+    if (((_a = this._rowActionsRow) === null || _a === void 0 ? void 0 : _a.length) && !isMobile()) {
+      const lastDef = this._columns[this._columns.length - 1];
+      columns.push(h("p-table-cell", { variant: "actions", definition: lastDef, item: item, index: this._columns.length - 1, rowIndex: index, tableHasActions: !!this._rowActionsRow.length }, h("div", { slot: "actions", class: "flex ml-auto gap-2 items-center" }, this._rowActionsRow.map((a) => (h("p-tooltip", { content: a.label }, h("p-button", { "data-is-action": true, variant: "secondary", slot: "trigger", icon: a.icon, iconRotate: a.iconRotate, iconFlip: a.iconFlip, iconOnly: true, size: "small", onClick: () => {
+          var _a;
+          return typeof a.action === 'function' &&
+            ((_a = a.action) === null || _a === void 0 ? void 0 : _a.call(a, item, false));
+        } })))))));
+    }
+    return columns;
   }
   _getLoadingColumns(index) {
     return this._columns.map((col, colIndex) => {
@@ -171,21 +228,23 @@ export class Table {
     });
   }
   _getCheckbox(rowIndex, variant = 'default') {
-    if (!this.enableRowSelection || !this.selectionKey) {
+    var _a;
+    if (!this._enableRowSelection ||
+      (!this.selectionKey && !((_a = this._rowActionsFloating) === null || _a === void 0 ? void 0 : _a.length))) {
       return;
     }
     if (variant === 'loading') {
       return h("p-loader", { variant: "ghost", class: "h-6 w-6 rounded" });
     }
     if (variant === 'header') {
-      return (h("input", { class: `p-input ${this.rowSelectionLimit !== undefined && 'opacity-0'}`, type: "checkbox", onChange: (ev) => this._selectAllChange(ev), checked: this._selectionContainsAll(), indeterminate: this._selectionIndeterminate(), disabled: this.rowSelectionLimit !== undefined }));
+      return (h("input", { class: `p-input ${this._rowSelectionLimit !== undefined && 'opacity-0'}`, type: "checkbox", onChange: (ev) => this._selectAllChange(ev), checked: this._selectionContainsAll(), indeterminate: this._selectionIndeterminate(), disabled: this._rowSelectionLimit !== undefined }));
     }
     const item = this._items[rowIndex];
-    const selectionContains = this._selectionContains(item, rowIndex);
+    const selectionContains = this._selectionContains(rowIndex);
     return (h("input", { class: "p-input", type: "checkbox", onChange: (ev) => this._checkboxChange(ev === null || ev === void 0 ? void 0 : ev.target, rowIndex), disabled: (this.canSelectKey && !item[this.canSelectKey]) ||
-        (this.rowSelectionLimit !== undefined &&
+        (this._rowSelectionLimit !== undefined &&
           !selectionContains &&
-          this.selectedRows.length === this.rowSelectionLimit), checked: selectionContains }));
+          this.selectedRows.length === this._rowSelectionLimit), checked: selectionContains }));
   }
   _getEmptyState() {
     var _a;
@@ -196,7 +255,7 @@ export class Table {
         this.emptyStateActionClick.emit(null) }, h("p-illustration", { variant: "empty-state-add", class: "mb-6" }), h("p", { class: "text-storm-default font-semibold" }, this.emptyStateHeader()), h("p", { class: "mb-6 text-sm text-storm-medium" }, this.emptyStateContent()), this.enableEmptyStateAction && (h("p-button", { variant: "secondary", icon: "plus", size: "small" }, this.emptyStateAction()))));
   }
   _selectAllChange($event, forceValue) {
-    if (!this.enableRowSelection) {
+    if (!this._enableRowSelection) {
       return;
     }
     const value = forceValue === undefined
@@ -209,14 +268,14 @@ export class Table {
         if (this.canSelectKey && !row[this.canSelectKey]) {
           continue;
         }
-        if (this._selectionContains(row, i)) {
+        if (this._selectionContains(i)) {
           continue;
         }
         toAdd.push(row);
         this.rowSelected.emit(row);
-        if (this.rowSelectionLimit !== undefined &&
+        if (this._rowSelectionLimit !== undefined &&
           this.selectedRows.length + toAdd.length ===
-            this.rowSelectionLimit) {
+            this._rowSelectionLimit) {
           break;
         }
       }
@@ -240,13 +299,13 @@ export class Table {
     this.selectedRowsChange.emit(this.selectedRows);
   }
   _checkboxChange(target, index) {
-    if (!this.enableRowSelection) {
+    if (!this._enableRowSelection) {
       return;
     }
     const value = this._getCheckedValue(target);
     if (value &&
-      this.rowSelectionLimit !== undefined &&
-      this.selectedRows.length >= this.rowSelectionLimit) {
+      this._rowSelectionLimit !== undefined &&
+      this.selectedRows.length >= this._rowSelectionLimit) {
       target.checked = false;
       return;
     }
@@ -256,7 +315,10 @@ export class Table {
       return;
     }
     if (value) {
-      this.selectedRows = [...this.selectedRows, row];
+      this.selectedRows = [
+        ...this.selectedRows,
+        Object.assign(Object.assign({}, row), { index }),
+      ];
       this.selectedRowsChange.emit(this.selectedRows);
       this.rowSelected.emit(row);
       if (this.enableFloatingMenu && !this._floatingMenuShown) {
@@ -264,7 +326,7 @@ export class Table {
       }
       return;
     }
-    const indexOfToRemove = this._selectionContains(row, index, true);
+    const indexOfToRemove = this._selectionContains(index, true);
     // we need to do this, because splice does not trigger the selection setter.
     const selection = [...this.selectedRows];
     selection.splice(indexOfToRemove, 1);
@@ -278,9 +340,8 @@ export class Table {
   _getSelectionValue(row, index) {
     return this.selectionKey ? (row === null || row === void 0 ? void 0 : row[this.selectionKey]) || index : index;
   }
-  _selectionContains(row, index, returnIndex = false) {
-    const returnValue = this.selectedRows.findIndex((item) => this._getSelectionValue(row, index) ===
-      this._getSelectionValue(item, index));
+  _selectionContains(index, returnIndex = false) {
+    const returnValue = this.selectedRows.findIndex((item) => item.index === index);
     return !returnIndex ? returnValue >= 0 : returnValue;
   }
   _selectionContainsAll() {
@@ -289,13 +350,12 @@ export class Table {
     if (!((_a = this._items) === null || _a === void 0 ? void 0 : _a.length)) {
       return false;
     }
-    if (this.rowSelectionLimit !== undefined &&
-      this.selectedRows.length === this.rowSelectionLimit) {
+    if (this._rowSelectionLimit !== undefined &&
+      this.selectedRows.length === this._rowSelectionLimit) {
       return true;
     }
     for (let i = 0; i < ((_b = this._items) === null || _b === void 0 ? void 0 : _b.length); i++) {
-      const item = this._items[i];
-      const contains = this._selectionContains(item, i);
+      const contains = this._selectionContains(i);
       if (!contains) {
         returnValue = false;
         break;
@@ -308,14 +368,13 @@ export class Table {
     if (!((_a = this._items) === null || _a === void 0 ? void 0 : _a.length) || !((_b = this.selectedRows) === null || _b === void 0 ? void 0 : _b.length)) {
       return false;
     }
-    if (this.rowSelectionLimit !== undefined &&
-      this.selectedRows.length === this.rowSelectionLimit) {
+    if (this._rowSelectionLimit !== undefined &&
+      this.selectedRows.length === this._rowSelectionLimit) {
       return false;
     }
     let containsCount = 0;
     for (let i = 0; i < ((_c = this._items) === null || _c === void 0 ? void 0 : _c.length); i++) {
-      const item = this._items[i];
-      const contains = this._selectionContains(item, i);
+      const contains = this._selectionContains(i);
       if (contains) {
         containsCount++;
       }
@@ -341,7 +400,7 @@ export class Table {
       });
       return;
     }
-    if (!this.enableRowSelection) {
+    if (!this._enableRowSelection) {
       return;
     }
     const checkbox = row === null || row === void 0 ? void 0 : row.querySelector('input[type="checkbox"]');
@@ -1195,7 +1254,11 @@ export class Table {
     return {
       "_locales": {},
       "_columns": {},
-      "_items": {}
+      "_items": {},
+      "_enableRowSelection": {},
+      "_rowSelectionLimit": {},
+      "_rowActionsFloating": {},
+      "_rowActionsRow": {}
     };
   }
   static get events() {
@@ -1413,6 +1476,15 @@ export class Table {
     return [{
         "propName": "items",
         "methodName": "_parseItems"
+      }, {
+        "propName": "enableRowSelection",
+        "methodName": "_setRowSelectionData"
+      }, {
+        "propName": "rowSelectionLimit",
+        "methodName": "_setRowSelectionData"
+      }, {
+        "propName": "selectedRows",
+        "methodName": "_setRowSelectionData"
       }];
   }
   static get listeners() {
@@ -1446,6 +1518,12 @@ export class Table {
         "target": "document",
         "capture": false,
         "passive": false
+      }, {
+        "name": "resize",
+        "method": "_setRowSelectionData",
+        "target": "window",
+        "capture": false,
+        "passive": true
       }];
   }
 }