@zywave/zui-table 4.0.0-pre.1

package/dist/custom-elements.json

@@ -0,0 +1,405 @@
+{
+  "schemaVersion": "1.0.0",
+  "readme": "",
+  "modules": [
+    {
+      "kind": "javascript-module",
+      "path": "src/zui-table-cell.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "ZuiTableCellElement",
+          "cssProperties": [
+            {
+              "description": "- Override cell padding",
+              "name": "--zui-table-cell-padding",
+              "default": "13px 20px"
+            }
+          ],
+          "slots": [
+            {
+              "description": "Default slot; table cell content goes here",
+              "name": "-"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "span",
+              "default": "1",
+              "type": {
+                "text": "number"
+              },
+              "description": "- Set number of columns the table cell should span"
+            }
+          ],
+          "attributes": [
+            {
+              "type": {
+                "text": "number"
+              },
+              "description": "- Set number of columns the table cell should span",
+              "name": "span",
+              "default": "1",
+              "fieldName": "span"
+            }
+          ],
+          "superclass": {
+            "name": "ZuiBaseElement"
+          },
+          "tagName": "zui-table-cell",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "ZuiTableCellElement",
+          "declaration": {
+            "name": "ZuiTableCellElement",
+            "module": "src/zui-table-cell.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "zui-table-cell",
+          "declaration": {
+            "name": "ZuiTableCellElement",
+            "module": "src/zui-table-cell.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/zui-table-footer.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "ZuiTableFooterElement",
+          "cssProperties": [
+            {
+              "description": "- Margin between the table and footer of the table",
+              "name": "--zui-table-footer-margin",
+              "default": "10px"
+            }
+          ],
+          "slots": [
+            {
+              "description": "Default slot; table footer content goes here",
+              "name": "-"
+            }
+          ],
+          "members": [],
+          "superclass": {
+            "name": "ZuiBaseElement"
+          },
+          "tagName": "zui-table-footer",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "ZuiTableFooterElement",
+          "declaration": {
+            "name": "ZuiTableFooterElement",
+            "module": "src/zui-table-footer.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "zui-table-footer",
+          "declaration": {
+            "name": "ZuiTableFooterElement",
+            "module": "src/zui-table-footer.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/zui-table-row.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "ZuiTableRowElement",
+          "cssProperties": [
+            {
+              "description": "- Set the table summary background color",
+              "name": "--zui-table-summary-background-color",
+              "default": "var(--zui-gray-600)"
+            },
+            {
+              "description": "- Set the the table summary text color",
+              "name": "--zui-table-summary-text-color",
+              "default": "#fff"
+            }
+          ],
+          "slots": [
+            {
+              "description": "Default slot; `<zui-table-cell>`s are declared here",
+              "name": "-"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "header",
+              "description": "- Set table header row",
+              "type": {
+                "text": "boolean"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "summary",
+              "description": "- Set table summary row",
+              "type": {
+                "text": "boolean"
+              }
+            }
+          ],
+          "attributes": [
+            {
+              "type": {
+                "text": "boolean"
+              },
+              "description": "- Set table header row",
+              "name": "header",
+              "fieldName": "header"
+            },
+            {
+              "type": {
+                "text": "boolean"
+              },
+              "description": "- Set table summary row",
+              "name": "summary",
+              "fieldName": "summary"
+            }
+          ],
+          "superclass": {
+            "name": "ZuiBaseElement"
+          },
+          "tagName": "zui-table-row",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "ZuiTableRowElement",
+          "declaration": {
+            "name": "ZuiTableRowElement",
+            "module": "src/zui-table-row.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "zui-table-row",
+          "declaration": {
+            "name": "ZuiTableRowElement",
+            "module": "src/zui-table-row.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/zui-table-topbar.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "ZuiTableTopbarElement",
+          "slots": [
+            {
+              "description": "Default slot; table cell content goes here",
+              "name": "-"
+            },
+            {
+              "description": "- Total number of results from table goes here",
+              "name": "counter"
+            },
+            {
+              "description": "- Action(s) that affect the whole table goes here",
+              "name": "action"
+            }
+          ],
+          "members": [],
+          "superclass": {
+            "name": "ZuiBaseElement"
+          },
+          "tagName": "zui-table-topbar",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "ZuiTableTopbarElement",
+          "declaration": {
+            "name": "ZuiTableTopbarElement",
+            "module": "src/zui-table-topbar.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "zui-table-topbar",
+          "declaration": {
+            "name": "ZuiTableTopbarElement",
+            "module": "src/zui-table-topbar.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/zui-table.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "ZuiTableElement",
+          "cssProperties": [
+            {
+              "description": "- Override cell padding",
+              "name": "--zui-table-cell-padding",
+              "default": "13px 20px"
+            },
+            {
+              "description": "- Set the table summary background color",
+              "name": "--zui-table-summary-background-color",
+              "default": "var(--zui-gray-600)"
+            },
+            {
+              "description": "- Set the the table summary text color",
+              "name": "--zui-table-summary-text-color",
+              "default": "#fff"
+            },
+            {
+              "description": "- Margin between the table and footer of the table",
+              "name": "--zui-table-footer-margin",
+              "default": "10px"
+            }
+          ],
+          "slots": [
+            {
+              "description": "Default slot; all table content will appear here, such as table rows",
+              "name": "-"
+            },
+            {
+              "description": "- Customize the no results message that is shown when `<zui-table>` has the attribute `no-results`: `<zui-table no-results>`",
+              "name": "no-results-message"
+            },
+            {
+              "description": "- Only for `<zui-table-footer>`. When there is a `<zui-table-footer>` present inside `<zui-table>`, it will be auto-assigned to this slot in order to place it outside of the rendered table for styling purposes.",
+              "name": "footer"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "columns",
+              "description": "- Amount of columns to show in the table",
+              "default": "1",
+              "type": {
+                "text": "number"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "banded",
+              "description": "- Style option to alternate row background colors",
+              "type": {
+                "text": "boolean"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "noResults",
+              "description": "- To show or hide no results message when there are no results",
+              "type": {
+                "text": "boolean"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_slotEl",
+              "type": {
+                "text": "HTMLSlotElement"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "_footer",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "#renderNoResultsView"
+            },
+            {
+              "kind": "method",
+              "name": "#reassignFooter"
+            }
+          ],
+          "attributes": [
+            {
+              "type": {
+                "text": "number"
+              },
+              "description": "- Amount of columns to show in the table",
+              "name": "columns",
+              "default": "1",
+              "fieldName": "columns"
+            },
+            {
+              "type": {
+                "text": "boolean"
+              },
+              "description": "- Style option to alternate row background colors",
+              "name": "banded",
+              "fieldName": "banded"
+            },
+            {
+              "type": {
+                "text": "boolean"
+              },
+              "description": "- To show or hide no results message when there are no results",
+              "name": "no-results",
+              "fieldName": "noResults"
+            }
+          ],
+          "superclass": {
+            "name": "ZuiBaseElement"
+          },
+          "tagName": "zui-table",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "ZuiTableElement",
+          "declaration": {
+            "name": "ZuiTableElement",
+            "module": "src/zui-table.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "zui-table",
+          "declaration": {
+            "name": "ZuiTableElement",
+            "module": "src/zui-table.ts"
+          }
+        }
+      ]
+    }
+  ]
+}

package/dist/index.d.ts

@@ -0,0 +1,5 @@
+export * from './zui-table.js';
+export * from './zui-table-topbar.js';
+export * from './zui-table-footer.js';
+export * from './zui-table-row.js';
+export * from './zui-table-cell.js';

package/dist/index.js

@@ -0,0 +1,6 @@
+export * from './zui-table.js';
+export * from './zui-table-topbar.js';
+export * from './zui-table-footer.js';
+export * from './zui-table-row.js';
+export * from './zui-table-cell.js';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC","sourcesContent":["export * from './zui-table.js';\nexport * from './zui-table-topbar.js';\nexport * from './zui-table-footer.js';\nexport * from './zui-table-row.js';\nexport * from './zui-table-cell.js';\n"]}

package/dist/zui-table-cell-css.d.ts

@@ -0,0 +1 @@
+export const style: import("lit").CSSResult;

package/dist/zui-table-cell-css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const style = css `div{padding:var(--zui-table-cell-padding, 0.8125rem 1.25rem)}`;
+//# sourceMappingURL=zui-table-cell-css.js.map

package/dist/zui-table-cell-css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"zui-table-cell-css.js","sourceRoot":"","sources":["../src/zui-table-cell-css.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,KAAK,GAAG,GAAG,CAAA,+DAA+D,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const style = css`div{padding:var(--zui-table-cell-padding, 0.8125rem 1.25rem)}`;\n"]}

package/dist/zui-table-cell.d.ts

@@ -0,0 +1,21 @@
+import { ZuiBaseElement } from '@zywave/zui-base';
+/**
+ * @element zui-table-cell
+ *
+ * @slot - Default slot; table cell content goes here
+ *
+ * @attr {number} span - Set number of columns the table cell should span
+ * @prop {number} span - Set number of columns the table cell should span
+ *
+ * @cssprop [--zui-table-cell-padding=13px 20px] - Override cell padding
+ */
+export declare class ZuiTableCellElement extends ZuiBaseElement {
+    span: number;
+    static get styles(): (import("lit").CSSResult | import("lit").CSSResultArray)[];
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'zui-table-cell': ZuiTableCellElement;
+    }
+}

package/dist/zui-table-cell.js

@@ -0,0 +1,43 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { ZuiBaseElement } from '@zywave/zui-base';
+import { html } from 'lit';
+import { property } from 'lit/decorators.js';
+import { style } from './zui-table-cell-css.js';
+/**
+ * @element zui-table-cell
+ *
+ * @slot - Default slot; table cell content goes here
+ *
+ * @attr {number} span - Set number of columns the table cell should span
+ * @prop {number} span - Set number of columns the table cell should span
+ *
+ * @cssprop [--zui-table-cell-padding=13px 20px] - Override cell padding
+ */
+export class ZuiTableCellElement extends ZuiBaseElement {
+    constructor() {
+        super(...arguments);
+        this.span = 1;
+    }
+    static get styles() {
+        return [super.styles, style];
+    }
+    // TODO: change role="cell" to role="columnheader" if parent is <zui-table-row header>
+    render() {
+        const spanStyle = html `<style>
+      :host {
+        grid-column: span ${this.span} !important;
+      }
+    </style>`;
+        return html `${this.span >= 1 ? spanStyle : ''}<div role="cell"><slot></slot></div>`;
+    }
+}
+__decorate([
+    property({ type: Number })
+], ZuiTableCellElement.prototype, "span", void 0);
+window.customElements.define('zui-table-cell', ZuiTableCellElement);
+//# sourceMappingURL=zui-table-cell.js.map

package/dist/zui-table-cell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"zui-table-cell.js","sourceRoot":"","sources":["../src/zui-table-cell.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAC3B,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAEhD;;;;;;;;;GASG;AACH,MAAM,OAAO,mBAAoB,SAAQ,cAAc;IAAvD;;QAEE,SAAI,GAAG,CAAC,CAAC;IAeX,CAAC;IAbC,MAAM,KAAK,MAAM;QACf,OAAO,CAAC,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;IAC/B,CAAC;IAED,sFAAsF;IACtF,MAAM;QACJ,MAAM,SAAS,GAAG,IAAI,CAAA;;4BAEE,IAAI,CAAC,IAAI;;aAExB,CAAC;QACV,OAAO,IAAI,CAAA,GAAG,IAAI,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,sCAAsC,CAAC;IACtF,CAAC;CACF;AAfC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;iDAClB;AAiBX,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,CAAC","sourcesContent":["import { ZuiBaseElement } from '@zywave/zui-base';\nimport { html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { style } from './zui-table-cell-css.js';\n\n/**\n * @element zui-table-cell\n *\n * @slot - Default slot; table cell content goes here\n *\n * @attr {number} span - Set number of columns the table cell should span\n * @prop {number} span - Set number of columns the table cell should span\n *\n * @cssprop [--zui-table-cell-padding=13px 20px] - Override cell padding\n */\nexport class ZuiTableCellElement extends ZuiBaseElement {\n  @property({ type: Number })\n  span = 1;\n\n  static get styles() {\n    return [super.styles, style];\n  }\n\n  // TODO: change role=\"cell\" to role=\"columnheader\" if parent is <zui-table-row header>\n  render() {\n    const spanStyle = html`<style>\n      :host {\n        grid-column: span ${this.span} !important;\n      }\n    </style>`;\n    return html`${this.span >= 1 ? spanStyle : ''}<div role=\"cell\"><slot></slot></div>`;\n  }\n}\n\nwindow.customElements.define('zui-table-cell', ZuiTableCellElement);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'zui-table-cell': ZuiTableCellElement;\n  }\n}\n"]}

package/dist/zui-table-css.d.ts

@@ -0,0 +1 @@
+export const style: import("lit").CSSResult;

package/dist/zui-table-css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const style = css `:host{display:block}:host([banded]) ::slotted(zui-table-row:not([header]):nth-child(even)){background-color:var(--zui-gray-25)}:host([banded]) ::slotted(zui-table-row:not([header])){border:0}:host([no-results]) .no-results{padding:.75rem 1.25rem}::slotted(zui-table-row:not([header])){border-bottom:1px solid var(--zui-gray-100)}::slotted(zui-table-row:not([header]):last-of-type){border-bottom:0}.table{display:flex;width:100%;flex-direction:column;background-color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.29);border-collapse:collapse;border-spacing:0}`;
+//# sourceMappingURL=zui-table-css.js.map

package/dist/zui-table-css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"zui-table-css.js","sourceRoot":"","sources":["../src/zui-table-css.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,KAAK,GAAG,GAAG,CAAA,yiBAAyiB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const style = css`:host{display:block}:host([banded]) ::slotted(zui-table-row:not([header]):nth-child(even)){background-color:var(--zui-gray-25)}:host([banded]) ::slotted(zui-table-row:not([header])){border:0}:host([no-results]) .no-results{padding:.75rem 1.25rem}::slotted(zui-table-row:not([header])){border-bottom:1px solid var(--zui-gray-100)}::slotted(zui-table-row:not([header]):last-of-type){border-bottom:0}.table{display:flex;width:100%;flex-direction:column;background-color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.29);border-collapse:collapse;border-spacing:0}`;\n"]}

package/dist/zui-table-footer-css.d.ts

@@ -0,0 +1 @@
+export const style: import("lit").CSSResult;

package/dist/zui-table-footer-css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const style = css `.footer{display:flex;justify-content:center;align-items:center;margin-top:var(--zui-table-footer-margin, 0.625rem)}::slotted(zui-pager){width:100%}`;
+//# sourceMappingURL=zui-table-footer-css.js.map

package/dist/zui-table-footer-css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"zui-table-footer-css.js","sourceRoot":"","sources":["../src/zui-table-footer-css.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,KAAK,GAAG,GAAG,CAAA,qJAAqJ,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const style = css`.footer{display:flex;justify-content:center;align-items:center;margin-top:var(--zui-table-footer-margin, 0.625rem)}::slotted(zui-pager){width:100%}`;\n"]}

package/dist/zui-table-footer.d.ts

@@ -0,0 +1,17 @@
+import { ZuiBaseElement } from '@zywave/zui-base';
+/**
+ * @element zui-table-footer
+ *
+ * @slot - Default slot; table footer content goes here
+ *
+ * @cssprop [--zui-table-footer-margin=10px] - Margin between the table and footer of the table
+ */
+export declare class ZuiTableFooterElement extends ZuiBaseElement {
+    static get styles(): (import("lit").CSSResult | import("lit").CSSResultArray)[];
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'zui-table-footer': ZuiTableFooterElement;
+    }
+}

package/dist/zui-table-footer.js

@@ -0,0 +1,22 @@
+import { ZuiBaseElement } from '@zywave/zui-base';
+import { html } from 'lit';
+import { style } from './zui-table-footer-css.js';
+/**
+ * @element zui-table-footer
+ *
+ * @slot - Default slot; table footer content goes here
+ *
+ * @cssprop [--zui-table-footer-margin=10px] - Margin between the table and footer of the table
+ */
+export class ZuiTableFooterElement extends ZuiBaseElement {
+    static get styles() {
+        return [super.styles, style];
+    }
+    render() {
+        return html `<div class="footer">
+      <slot></slot>
+    </div>`;
+    }
+}
+window.customElements.define('zui-table-footer', ZuiTableFooterElement);
+//# sourceMappingURL=zui-table-footer.js.map

package/dist/zui-table-footer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"zui-table-footer.js","sourceRoot":"","sources":["../src/zui-table-footer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAC3B,OAAO,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAElD;;;;;;GAMG;AACH,MAAM,OAAO,qBAAsB,SAAQ,cAAc;IACvD,MAAM,KAAK,MAAM;QACf,OAAO,CAAC,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;IAC/B,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAA;;WAEJ,CAAC;IACV,CAAC;CACF;AAED,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,CAAC","sourcesContent":["import { ZuiBaseElement } from '@zywave/zui-base';\nimport { html } from 'lit';\nimport { style } from './zui-table-footer-css.js';\n\n/**\n * @element zui-table-footer\n *\n * @slot - Default slot; table footer content goes here\n *\n * @cssprop [--zui-table-footer-margin=10px] - Margin between the table and footer of the table\n */\nexport class ZuiTableFooterElement extends ZuiBaseElement {\n  static get styles() {\n    return [super.styles, style];\n  }\n\n  render() {\n    return html`<div class=\"footer\">\n      <slot></slot>\n    </div>`;\n  }\n}\n\nwindow.customElements.define('zui-table-footer', ZuiTableFooterElement);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'zui-table-footer': ZuiTableFooterElement;\n  }\n}\n"]}

package/dist/zui-table-row-css.d.ts

@@ -0,0 +1 @@
+export const style: import("lit").CSSResult;

package/dist/zui-table-row-css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const style = css `:host([header]){background-color:#fff;border-bottom:1px solid var(--zui-gray-200)}:host([header]) ::slotted(zui-table-cell){--zui-table-cell-padding: 0.53125rem 1.25rem;font-weight:600}div{display:grid;grid-template-columns:repeat(var(--zui-table-columns), minmax(0, 1fr))}:host([summary]){background-color:var(--zui-table-summary-background-color, var(--zui-gray-600)) !important}:host([summary]) ::slotted(zui-table-cell){font-weight:600;color:var(--zui-table-summary-text-color, #fff)}`;
+//# sourceMappingURL=zui-table-row-css.js.map

package/dist/zui-table-row-css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"zui-table-row-css.js","sourceRoot":"","sources":["../src/zui-table-row-css.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,KAAK,GAAG,GAAG,CAAA,0eAA0e,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const style = css`:host([header]){background-color:#fff;border-bottom:1px solid var(--zui-gray-200)}:host([header]) ::slotted(zui-table-cell){--zui-table-cell-padding: 0.53125rem 1.25rem;font-weight:600}div{display:grid;grid-template-columns:repeat(var(--zui-table-columns), minmax(0, 1fr))}:host([summary]){background-color:var(--zui-table-summary-background-color, var(--zui-gray-600)) !important}:host([summary]) ::slotted(zui-table-cell){font-weight:600;color:var(--zui-table-summary-text-color, #fff)}`;\n"]}

package/dist/zui-table-row.d.ts

@@ -0,0 +1,31 @@
+import { ZuiBaseElement } from '@zywave/zui-base';
+/**
+ * @element zui-table-row
+ *
+ * @slot - Default slot; `<zui-table-cell>`s are declared here
+ *
+ * @attr {boolean} header - Set table header row
+ * @attr {boolean} summary - Set table summary row
+ * @prop {boolean} header - Set table header row
+ * @prop {boolean} summary - Set table summary row
+ *
+ * @cssprop [--zui-table-summary-background-color=var(--zui-gray-600)] - Set the table summary background color
+ * @cssprop [--zui-table-summary-text-color=#fff] - Set the the table summary text color
+ */
+export declare class ZuiTableRowElement extends ZuiBaseElement {
+    /**
+     * property to declare the first row as the table header row
+     */
+    header: boolean;
+    /**
+     * property to declare a summary row; typically the last row in zui-table before zui-table-footer
+     */
+    summary: boolean;
+    static get styles(): (import("lit").CSSResult | import("lit").CSSResultArray)[];
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'zui-table-row': ZuiTableRowElement;
+    }
+}