@patternfly/elements
Version:
PatternFly Elements
1 lines • 2.46 kB
Source Map (JSON)
{"version":3,"file":"pf-td.js","sourceRoot":"","sources":["pf-td.ts"],"names":[],"mappings":";;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAuB,MAAM,KAAK,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AACjE,OAAO,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;;;AAGtD,OAAO,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAOzC,IAAM,IAAI,GAAV,MAAM,IAAK,SAAQ,UAAU;IAA7B;;;QAKuC,aAAQ,GAAG,KAAK,CAAC;;IAEpD,iBAAiB;QACxB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACpC,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,IAAI,CAAA;wBACb,uBAAA,IAAI,sCAAS;;;KAGhC,CAAC,CAAC,CAAC,IAAI,CAAA;;KAEP,CAAC;IACJ,CAAC;;;;IAGC,MAAM,GAAG,GAAG,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;IAClC,MAAM,IAAI,GAAG,IAAI,CAAC,cAAc,CAAC;IACjC,MAAM,KAAK,GACP,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,kBAAkB,EAAE;QACjC,CAAC,CAAC,IAAI,kBAAkB,CAAC,GAAG,CAAC,QAAQ,KAAK,IAAI,IAAI,IAAI,IAAI,KAAK,EAAE,GAAG,CAAC,CAAC;IACxE,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;AAC5B,CAAC;AA5Be,WAAM,GAAoB,CAAC,MAAM,CAAC,AAA5B,CAA6B;;AAEP;IAA3C,QAAQ,CAAC,EAAE,SAAS,EAAE,iBAAiB,EAAE,CAAC;4CAAyB;AAExB;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;sCAAkB;AALlD,IAAI;IADhB,aAAa,CAAC,OAAO,CAAC;GACV,IAAI","sourcesContent":["import { LitElement, html, type TemplateResult } from 'lit';\nimport { customElement } from 'lit/decorators/custom-element.js';\nimport { property } from 'lit/decorators/property.js';\n\nimport styles from './pf-td.css';\nimport { RequestExpandEvent } from './pf-tr.js';\n\n/**\n * Table data cell\n * @slot - Place element content here\n */\n@customElement('pf-td')\nexport class PfTd extends LitElement {\n static readonly styles: CSSStyleSheet[] = [styles];\n\n @property({ attribute: 'compound-expand' }) compoundExpand?: string;\n\n @property({ type: Boolean, reflect: true }) expanded = false;\n\n override connectedCallback(): void {\n super.connectedCallback();\n this.setAttribute('role', 'cell');\n }\n\n render(): TemplateResult<1> {\n return this.compoundExpand ? html`\n <button @click=\"${this.#onClick}\">\n <slot></slot>\n </button>\n ` : html`\n <slot></slot>\n `;\n }\n\n #onClick() {\n const row = this.closest('pf-tr');\n const cell = this.compoundExpand;\n const event =\n !row ? new RequestExpandEvent()\n : new RequestExpandEvent(row.expanded === cell || cell || false, row);\n this.dispatchEvent(event);\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'pf-td': PfTd;\n }\n}\n"]}