@patternfly/elements
Version:
PatternFly Elements
40 lines • 2.01 kB
JavaScript
var _PfThead_instances, _PfThead_onSlotchange;
import { __classPrivateFieldGet, __decorate } from "tslib";
import { LitElement, html } from 'lit';
import { customElement } from 'lit/decorators/custom-element.js';
import { thRoleContext } from './context.js';
import { css } from "lit";
const styles = css `:host {\n --pf-c-table--cell--MinWidth: var(--pf-c-table--m-truncate--cell--MinWidth);\n --pf-c-table--cell--MaxWidth: var(--pf-c-table--m-truncate--cell--MaxWidth);\n --pf-c-table--cell--Overflow: hidden;\n --pf-c-table--cell--TextOverflow: ellipsis;\n --pf-c-table--cell--WhiteSpace: nowrap;\n --pf-c-table--cell--FontSize: var(--pf-c-table--thead--cell--FontSize, var(--pf-global--FontSize--sm, 0.875rem));\n --pf-c-table--cell--FontWeight: var(--pf-c-table--thead--cell--FontWeight, var(--pf-global--FontWeight--bold, 700));\n vertical-align: bottom;\n display: grid;\n visibility: visible;\n}\n\n@media (max-width: 768px) {\n :host {\n display: none;\n visibility: hidden;\n }\n}`;
import { provide } from '@lit/context';
let PfThead = class PfThead extends LitElement {
constructor() {
super(...arguments);
_PfThead_instances.add(this);
this.thRowContext = 'colheader';
}
connectedCallback() {
super.connectedCallback();
this.setAttribute('role', 'rowgroup');
}
render() {
return html `
<slot @slotchange=${__classPrivateFieldGet(this, _PfThead_instances, "m", _PfThead_onSlotchange)}></slot>
`;
}
};
_PfThead_instances = new WeakSet();
_PfThead_onSlotchange = function _PfThead_onSlotchange() {
for (const th of this.querySelectorAll(':scope > pf-th')) {
th.setAttribute('role', 'columnheader');
}
};
PfThead.styles = [styles];
PfThead.version = "4.1.0";
__decorate([
provide({ context: thRoleContext })
], PfThead.prototype, "thRowContext", void 0);
PfThead = __decorate([
customElement('pf-thead')
], PfThead);
export { PfThead };
//# sourceMappingURL=pf-thead.js.map