UNPKG

carbon-custom-elements

Version:

A Carbon Design System variant that's as easy to use as native HTML elements, with no framework tax, no framework silo.

1 lines 1.73 kB
{"version":3,"sources":["components/data-table/table-expanded-row.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAiC,UAAU,EAAE,MAAM,aAAa,CAAC;AAMxE;;;GAGG;AACH,cACM,kBAAmB,SAAQ,UAAU;IACzC;;OAEG;IAEH,OAAO,SAAK;IAEZ;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,WAAW,UAAS;IAEpB,MAAM;IAWN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,kBAAkB,CAAC","file":"table-expanded-row.d.ts","sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html, property, customElement, LitElement } from 'lit-element';\nimport settings from 'carbon-components/es/globals/js/settings';\nimport styles from './data-table.scss';\n\nconst { prefix } = settings;\n\n/**\n * Table row of collapsible details.\n * @element bx-table-expanded-row\n */\n@customElement(`${prefix}-table-expanded-row`)\nclass BXTableExpandedRow extends LitElement {\n /**\n * The colspan.\n */\n @property({ type: Number, attribute: 'colspan' })\n colSpan = 1;\n\n /**\n * `true` if the table row should be expanded.\n */\n @property({ type: Boolean, reflect: true })\n expanded = false;\n\n /**\n * `true` if the table row should be highlighted.\n */\n @property({ type: Boolean, reflect: true })\n highlighted = false;\n\n render() {\n const { colSpan } = this;\n return html`\n <td colspan=\"${colSpan}\">\n <div class=\"${prefix}--child-row-inner-container\">\n <slot></slot>\n </div>\n </td>\n `;\n }\n\n static styles = styles; // `styles` here is a `CSSResult` generated by custom WebPack loader\n}\n\nexport default BXTableExpandedRow;\n"]}