@zywave/zui-table 4.0.1-pre.0 → 4.0.1-pre.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (34) hide show
  1. package/README.md +1 -1
  2. package/dist/css/zui-table.fouc.css +1 -1
  3. package/dist/custom-elements.json +119 -37
  4. package/dist/zui-table-cell-css.js +1 -1
  5. package/dist/zui-table-cell-css.js.map +1 -1
  6. package/dist/zui-table-cell.d.ts +1 -1
  7. package/dist/zui-table-css.js +1 -1
  8. package/dist/zui-table-css.js.map +1 -1
  9. package/dist/zui-table-footer.d.ts +1 -1
  10. package/dist/zui-table-row-css.js +1 -1
  11. package/dist/zui-table-row-css.js.map +1 -1
  12. package/dist/zui-table-row.d.ts +2 -3
  13. package/dist/zui-table-row.js +6 -13
  14. package/dist/zui-table-row.js.map +1 -1
  15. package/dist/zui-table-topbar-css.js +1 -1
  16. package/dist/zui-table-topbar-css.js.map +1 -1
  17. package/dist/zui-table-topbar.d.ts +1 -1
  18. package/dist/zui-table.d.ts +5 -3
  19. package/dist/zui-table.js +81 -13
  20. package/dist/zui-table.js.map +1 -1
  21. package/package.json +3 -13
  22. package/src/css/zui-table.fouc.scss +29 -4
  23. package/src/element-internals.d.ts +69 -0
  24. package/src/zui-table-cell-css.js +1 -1
  25. package/src/zui-table-cell.scss +17 -5
  26. package/src/zui-table-css.js +1 -1
  27. package/src/zui-table-row-css.js +1 -1
  28. package/src/zui-table-row.scss +28 -1
  29. package/src/zui-table-row.ts +8 -14
  30. package/src/zui-table-topbar-css.js +1 -1
  31. package/src/zui-table-topbar.scss +6 -0
  32. package/src/zui-table.scss +17 -2
  33. package/src/zui-table.ts +89 -10
  34. package/test/zui-table.test.ts +36 -0
package/README.md CHANGED
@@ -14,7 +14,7 @@ _yarn_:
14
14
  > yarn add @zywave/zui-table
15
15
  ```
16
16
 
17
- See [the documentation site](http://zui.zywave.com/) for more information.
17
+ See [the documentation site](https://booster.zywave.dev/) for more information.
18
18
 
19
19
  ## Running locally
20
20
 
package/dist/css/zui-table.fouc.css CHANGED
@@ -1 +1 @@
1
- zui-table:not(:defined){font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:var(--zui-font-size, 0.875rem);font-weight:400;line-height:var(--zui-line-height, 1.6);box-sizing:border-box;-webkit-text-size-adjust:100%;display:block;width:100%;box-shadow:0 1px 3px rgba(0,0,0,.29);border-collapse:collapse;border-spacing:0}zui-table:not(:defined) [slot=topbar]{display:flex;min-height:3.75rem;align-items:center;padding:.625rem 1.25rem;background-color:var(--zui-gray-25)}zui-table:not(:defined) [slot=footer]{margin-top:.625rem}zui-table:not(:defined) [slot=no-results-message]{display:none}zui-table:not(:defined) *,zui-table:not(:defined) *::before,zui-table:not(:defined) *::after{box-sizing:inherit}zui-table[banded]:not(:defined){font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:var(--zui-font-size, 0.875rem);font-weight:400;line-height:var(--zui-line-height, 1.6);box-sizing:border-box;-webkit-text-size-adjust:100%}zui-table[banded]:not(:defined) zui-table-row:not([header]):nth-child(even){background-color:var(--zui-gray-25)}zui-table[banded]:not(:defined) zui-table-row:not([header]){border:0}zui-table[banded]:not(:defined) *,zui-table[banded]:not(:defined) *::before,zui-table[banded]:not(:defined) *::after{box-sizing:inherit}zui-table[no-results]:not(:defined){font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:var(--zui-font-size, 0.875rem);font-weight:400;line-height:var(--zui-line-height, 1.6);box-sizing:border-box;-webkit-text-size-adjust:100%}zui-table[no-results]:not(:defined) [slot=no-results-message]{display:block;padding:.75rem 1.25rem}zui-table[no-results]:not(:defined) *,zui-table[no-results]:not(:defined) *::before,zui-table[no-results]:not(:defined) *::after{box-sizing:inherit}zui-table-topbar:not(:defined){font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:var(--zui-font-size, 0.875rem);font-weight:400;line-height:var(--zui-line-height, 1.6);box-sizing:border-box;-webkit-text-size-adjust:100%;display:flex;width:100%;min-height:3.75rem;align-items:center;padding:.625rem 1.25rem;background-color:var(--zui-gray-25)}zui-table-topbar:not(:defined) [slot=counter]{flex-shrink:0;margin-left:auto;padding-left:.625rem;font-size:.75rem;color:var(--zui-gray-400)}zui-table-topbar:not(:defined) [slot=action]{margin-left:.625rem}zui-table-topbar:not(:defined) [slot=action] zui-button:not(:first-of-type){margin-left:.625rem}zui-table-topbar:not(:defined) *,zui-table-topbar:not(:defined) *::before,zui-table-topbar:not(:defined) *::after{box-sizing:inherit}zui-table-row:not(:defined){font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:var(--zui-font-size, 0.875rem);font-weight:400;line-height:var(--zui-line-height, 1.6);box-sizing:border-box;-webkit-text-size-adjust:100%;display:flex;background-color:#fff}zui-table-row:not(:defined) *,zui-table-row:not(:defined) *::before,zui-table-row:not(:defined) *::after{box-sizing:inherit}zui-table-row[header]:not(:defined){font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:var(--zui-font-size, 0.875rem);font-weight:400;line-height:var(--zui-line-height, 1.6);box-sizing:border-box;-webkit-text-size-adjust:100%;background-color:#fff;border-bottom:1px solid var(--zui-gray-200)}zui-table-row[header]:not(:defined) zui-table-cell{font-weight:600}zui-table-row[header]:not(:defined) *,zui-table-row[header]:not(:defined) *::before,zui-table-row[header]:not(:defined) *::after{box-sizing:inherit}zui-table-row:not([header]):not(:defined){font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:var(--zui-font-size, 0.875rem);font-weight:400;line-height:var(--zui-line-height, 1.6);box-sizing:border-box;-webkit-text-size-adjust:100%;border-bottom:1px solid var(--zui-gray-100)}zui-table-row:not([header]):not(:defined) *,zui-table-row:not([header]):not(:defined) *::before,zui-table-row:not([header]):not(:defined) *::after{box-sizing:inherit}zui-table-row:not([header]):last-of-type:not(:defined){font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:var(--zui-font-size, 0.875rem);font-weight:400;line-height:var(--zui-line-height, 1.6);box-sizing:border-box;-webkit-text-size-adjust:100%;border-bottom:0}zui-table-row:not([header]):last-of-type:not(:defined) *,zui-table-row:not([header]):last-of-type:not(:defined) *::before,zui-table-row:not([header]):last-of-type:not(:defined) *::after{box-sizing:inherit}zui-table-row[summary]:not(:defined){font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:var(--zui-font-size, 0.875rem);font-weight:400;line-height:var(--zui-line-height, 1.6);box-sizing:border-box;-webkit-text-size-adjust:100%;background-color:var(--zui-table-summary-background-color, var(--zui-gray-600)) !important}zui-table-row[summary]:not(:defined) zui-table-cell{font-weight:600;color:var(--zui-table-summary-text-color, #fff)}zui-table-row[summary]:not(:defined) *,zui-table-row[summary]:not(:defined) *::before,zui-table-row[summary]:not(:defined) *::after{box-sizing:inherit}zui-table-cell:not(:defined){font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:var(--zui-font-size, 0.875rem);font-weight:400;line-height:var(--zui-line-height, 1.6);box-sizing:border-box;-webkit-text-size-adjust:100%;flex-grow:1;flex-basis:0;padding:var(--zui-table-cell-padding, 0.8125rem 1.25rem)}zui-table-cell:not(:defined) *,zui-table-cell:not(:defined) *::before,zui-table-cell:not(:defined) *::after{box-sizing:inherit}zui-table-cell[action]:not(:defined){font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:var(--zui-font-size, 0.875rem);font-weight:400;line-height:var(--zui-line-height, 1.6);box-sizing:border-box;-webkit-text-size-adjust:100%;--zui-table-cell-padding: 0.375rem 1.25rem;display:flex;align-items:center}zui-table-cell[action]:not(:defined) *,zui-table-cell[action]:not(:defined) *::before,zui-table-cell[action]:not(:defined) *::after{box-sizing:inherit}zui-table-footer:not(:defined){font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:var(--zui-font-size, 0.875rem);font-weight:400;line-height:var(--zui-line-height, 1.6);box-sizing:border-box;-webkit-text-size-adjust:100%;display:flex;justify-content:center;align-items:center;margin-top:var(--zui-table-footer-margin, 0.625rem)}zui-table-footer:not(:defined) zui-pager{width:100%}zui-table-footer:not(:defined) *,zui-table-footer:not(:defined) *::before,zui-table-footer:not(:defined) *::after{box-sizing:inherit}
1
+ zui-table:not(:defined){font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:var(--zui-font-size, 0.875rem);font-weight:400;line-height:var(--zui-line-height, 1.6);box-sizing:border-box;-webkit-text-size-adjust:100%;display:block;width:100%;box-shadow:0 1px 3px rgba(0,0,0,.29);border-collapse:collapse;border-spacing:0}zui-table:not(:defined) [slot=topbar]{display:flex;min-height:3.75rem;align-items:center;padding:.625rem 1.25rem;background-color:var(--zui-gray-25)}zui-table:not(:defined) [slot=footer]{margin-top:.625rem}zui-table:not(:defined) [slot=no-results-message]{display:none}zui-table:not(:defined) *,zui-table:not(:defined) *::before,zui-table:not(:defined) *::after{box-sizing:inherit}zui-table[banded]:not(:defined){font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:var(--zui-font-size, 0.875rem);font-weight:400;line-height:var(--zui-line-height, 1.6);box-sizing:border-box;-webkit-text-size-adjust:100%}zui-table[banded]:not(:defined) zui-table-row:not([header]):nth-child(even){background-color:var(--zui-gray-25)}zui-table[banded]:not(:defined) zui-table-row:not([header]){border:0}zui-table[banded]:not(:defined) *,zui-table[banded]:not(:defined) *::before,zui-table[banded]:not(:defined) *::after{box-sizing:inherit}zui-table[no-results]:not(:defined){font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:var(--zui-font-size, 0.875rem);font-weight:400;line-height:var(--zui-line-height, 1.6);box-sizing:border-box;-webkit-text-size-adjust:100%}zui-table[no-results]:not(:defined) [slot=no-results-message]{display:block;padding:.75rem 1.25rem}zui-table[no-results]:not(:defined) *,zui-table[no-results]:not(:defined) *::before,zui-table[no-results]:not(:defined) *::after{box-sizing:inherit}zui-table-topbar:not(:defined){font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:var(--zui-font-size, 0.875rem);font-weight:400;line-height:var(--zui-line-height, 1.6);box-sizing:border-box;-webkit-text-size-adjust:100%;display:flex;width:100%;min-height:3.75rem;align-items:center;padding:.625rem 1.25rem;background-color:var(--zui-gray-25)}zui-table-topbar:not(:defined) [slot=counter]{flex-shrink:0;margin-left:auto;padding-left:.625rem;font-size:.75rem;color:var(--zui-gray-400)}zui-table-topbar:not(:defined) [slot=action]{margin-left:.625rem}zui-table-topbar:not(:defined) [slot=action] zui-button:not(:first-of-type){margin-left:.625rem}zui-table-topbar:not(:defined) *,zui-table-topbar:not(:defined) *::before,zui-table-topbar:not(:defined) *::after{box-sizing:inherit}zui-table-row:not(:defined){font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:var(--zui-font-size, 0.875rem);font-weight:400;line-height:var(--zui-line-height, 1.6);box-sizing:border-box;-webkit-text-size-adjust:100%;display:grid;grid-template-columns:auto;padding:.625rem 0;background-color:#fff}@media(min-width: 45em){zui-table-row:not(:defined){display:flex;padding:0}}zui-table-row:not(:defined) *,zui-table-row:not(:defined) *::before,zui-table-row:not(:defined) *::after{box-sizing:inherit}zui-table-row[header]:not(:defined){font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:var(--zui-font-size, 0.875rem);font-weight:400;line-height:var(--zui-line-height, 1.6);box-sizing:border-box;-webkit-text-size-adjust:100%;display:none;background-color:#fff;border-bottom:1px solid var(--zui-gray-200)}@media(min-width: 45em){zui-table-row[header]:not(:defined){display:flex}}zui-table-row[header]:not(:defined) zui-table-cell{--zui-table-cell-padding: 0.53125rem 1.25rem;font-weight:600}zui-table-row[header]:not(:defined) *,zui-table-row[header]:not(:defined) *::before,zui-table-row[header]:not(:defined) *::after{box-sizing:inherit}zui-table-row:not([header]):not(:defined){font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:var(--zui-font-size, 0.875rem);font-weight:400;line-height:var(--zui-line-height, 1.6);box-sizing:border-box;-webkit-text-size-adjust:100%;border-bottom:3px solid var(--zui-gray-100)}@media(min-width: 45em){zui-table-row:not([header]):not(:defined){border-bottom-width:1px}}zui-table-row:not([header]):not(:defined) *,zui-table-row:not([header]):not(:defined) *::before,zui-table-row:not([header]):not(:defined) *::after{box-sizing:inherit}zui-table-row:not([header]):last-of-type:not(:defined){font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:var(--zui-font-size, 0.875rem);font-weight:400;line-height:var(--zui-line-height, 1.6);box-sizing:border-box;-webkit-text-size-adjust:100%;border-bottom:0}zui-table-row:not([header]):last-of-type:not(:defined) *,zui-table-row:not([header]):last-of-type:not(:defined) *::before,zui-table-row:not([header]):last-of-type:not(:defined) *::after{box-sizing:inherit}zui-table-row[summary]:not(:defined){font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:var(--zui-font-size, 0.875rem);font-weight:400;line-height:var(--zui-line-height, 1.6);box-sizing:border-box;-webkit-text-size-adjust:100%;background-color:var(--zui-table-summary-background-color, var(--zui-gray-600)) !important}zui-table-row[summary]:not(:defined) zui-table-cell{font-weight:600;color:var(--zui-table-summary-text-color, #fff)}zui-table-row[summary]:not(:defined) *,zui-table-row[summary]:not(:defined) *::before,zui-table-row[summary]:not(:defined) *::after{box-sizing:inherit}zui-table-cell:not(:defined){font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:var(--zui-font-size, 0.875rem);font-weight:400;line-height:var(--zui-line-height, 1.6);box-sizing:border-box;-webkit-text-size-adjust:100%;flex-grow:1;flex-basis:0;padding:var(--zui-table-cell-padding, 0.3125rem 0.9375rem)}@media(min-width: 45em){zui-table-cell:not(:defined){padding:var(--zui-table-cell-padding, 0.8125rem 1.25rem)}}zui-table-cell:not(:defined) *,zui-table-cell:not(:defined) *::before,zui-table-cell:not(:defined) *::after{box-sizing:inherit}zui-table-cell[action]:not(:defined){font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:var(--zui-font-size, 0.875rem);font-weight:400;line-height:var(--zui-line-height, 1.6);box-sizing:border-box;-webkit-text-size-adjust:100%;display:flex;align-items:center}@media(min-width: 45em){zui-table-cell[action]:not(:defined){--zui-table-cell-padding: 0.375rem 1.25rem}}zui-table-cell[action]:not(:defined) *,zui-table-cell[action]:not(:defined) *::before,zui-table-cell[action]:not(:defined) *::after{box-sizing:inherit}zui-table-footer:not(:defined){font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-size:var(--zui-font-size, 0.875rem);font-weight:400;line-height:var(--zui-line-height, 1.6);box-sizing:border-box;-webkit-text-size-adjust:100%;display:flex;justify-content:center;align-items:center;margin-top:var(--zui-table-footer-margin, 0.625rem)}zui-table-footer:not(:defined) zui-pager{width:100%}zui-table-footer:not(:defined) *,zui-table-footer:not(:defined) *::before,zui-table-footer:not(:defined) *::after{box-sizing:inherit}
package/dist/custom-elements.json CHANGED
@@ -12,7 +12,7 @@
12
12
  "name": "ZuiTableCellElement",
13
13
  "cssProperties": [
14
14
  {
15
- "description": "- Override cell padding",
15
+ "description": "Override cell padding",
16
16
  "name": "--zui-table-cell-padding",
17
17
  "default": "13px 20px"
18
18
  }
@@ -20,25 +20,36 @@
20
20
  "slots": [
21
21
  {
22
22
  "description": "Default slot; table cell content goes here",
23
- "name": "-"
23
+ "name": ""
24
24
  }
25
25
  ],
26
26
  "members": [
27
27
  {
28
28
  "kind": "field",
29
29
  "name": "action",
30
- "description": "Set to decrease table cell padding to accommodate action button(s)"
30
+ "type": {
31
+ "text": "boolean"
32
+ },
33
+ "default": "false",
34
+ "description": "Set to decrease table cell padding to accommodate action button(s)",
35
+ "attribute": "action",
36
+ "reflects": true
31
37
  }
32
38
  ],
33
39
  "attributes": [
34
40
  {
35
41
  "name": "action",
42
+ "type": {
43
+ "text": "boolean"
44
+ },
45
+ "default": "false",
36
46
  "description": "Set to decrease table cell padding to accommodate action button(s)",
37
47
  "fieldName": "action"
38
48
  }
39
49
  ],
40
50
  "superclass": {
41
- "name": "ZuiBaseElement"
51
+ "name": "ZuiBaseElement",
52
+ "package": "@zywave/zui-base"
42
53
  },
43
54
  "tagName": "zui-table-cell",
44
55
  "customElement": true
@@ -73,7 +84,7 @@
73
84
  "name": "ZuiTableFooterElement",
74
85
  "cssProperties": [
75
86
  {
76
- "description": "- Override the margin between the table and footer of the table",
87
+ "description": "Override the margin between the table and footer of the table",
77
88
  "name": "--zui-table-footer-margin",
78
89
  "default": "10px"
79
90
  }
@@ -81,12 +92,13 @@
81
92
  "slots": [
82
93
  {
83
94
  "description": "Default slot; table footer content goes here",
84
- "name": "-"
95
+ "name": ""
85
96
  }
86
97
  ],
87
98
  "members": [],
88
99
  "superclass": {
89
- "name": "ZuiBaseElement"
100
+ "name": "ZuiBaseElement",
101
+ "package": "@zywave/zui-base"
90
102
  },
91
103
  "tagName": "zui-table-footer",
92
104
  "customElement": true
@@ -121,17 +133,17 @@
121
133
  "name": "ZuiTableRowElement",
122
134
  "cssProperties": [
123
135
  {
124
- "description": "- Override the table columns template. See {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-columns} for more information on valid values.",
136
+ "description": "Override the table columns template. See {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-columns} for more information on valid values.",
125
137
  "name": "--zui-table-columns-template",
126
138
  "default": "repeat(auto-fit, minmax(0, 1fr))"
127
139
  },
128
140
  {
129
- "description": "- Override the table summary background color",
141
+ "description": "Override the table summary background color",
130
142
  "name": "--zui-table-summary-background-color",
131
143
  "default": "var(--zui-gray-600)"
132
144
  },
133
145
  {
134
- "description": "- Override the table summary text color",
146
+ "description": "Override the table summary text color",
135
147
  "name": "--zui-table-summary-text-color",
136
148
  "default": "#fff"
137
149
  }
@@ -139,31 +151,38 @@
139
151
  "slots": [
140
152
  {
141
153
  "description": "Default slot; `<zui-table-cell>`s are declared here",
142
- "name": "-"
154
+ "name": ""
143
155
  }
144
156
  ],
145
157
  "members": [
146
158
  {
147
159
  "kind": "field",
148
160
  "name": "header",
149
- "description": "Declare a table header; typically the first row in `<zui-table>`"
161
+ "type": {
162
+ "text": "boolean"
163
+ },
164
+ "default": "false",
165
+ "description": "Declare a table header; typically the first row in `<zui-table>`",
166
+ "attribute": "header",
167
+ "reflects": true
150
168
  },
151
169
  {
152
170
  "kind": "field",
153
171
  "name": "summary",
154
- "description": "Declare a table summary row; typically the last row in `<zui-table>` before `<zui-table-footer>`"
155
- },
156
- {
157
- "kind": "field",
158
- "name": "_slotEl",
159
172
  "type": {
160
- "text": "HTMLSlotElement | undefined"
173
+ "text": "boolean"
161
174
  },
162
- "privacy": "private"
175
+ "default": "false",
176
+ "description": "Declare a table summary row; typically the last row in `<zui-table>` before `<zui-table-footer>`",
177
+ "attribute": "summary",
178
+ "reflects": true
163
179
  },
164
180
  {
165
181
  "kind": "field",
166
182
  "name": "_slottedCells",
183
+ "type": {
184
+ "text": "Array<ZuiTableCellElement>"
185
+ },
167
186
  "privacy": "private"
168
187
  },
169
188
  {
@@ -174,17 +193,26 @@
174
193
  "attributes": [
175
194
  {
176
195
  "name": "header",
196
+ "type": {
197
+ "text": "boolean"
198
+ },
199
+ "default": "false",
177
200
  "description": "Declare a table header; typically the first row in `<zui-table>`",
178
201
  "fieldName": "header"
179
202
  },
180
203
  {
181
204
  "name": "summary",
205
+ "type": {
206
+ "text": "boolean"
207
+ },
208
+ "default": "false",
182
209
  "description": "Declare a table summary row; typically the last row in `<zui-table>` before `<zui-table-footer>`",
183
210
  "fieldName": "summary"
184
211
  }
185
212
  ],
186
213
  "superclass": {
187
- "name": "ZuiBaseElement"
214
+ "name": "ZuiBaseElement",
215
+ "package": "@zywave/zui-base"
188
216
  },
189
217
  "tagName": "zui-table-row",
190
218
  "customElement": true
@@ -220,20 +248,21 @@
220
248
  "slots": [
221
249
  {
222
250
  "description": "Default slot; table cell content goes here",
223
- "name": "-"
251
+ "name": ""
224
252
  },
225
253
  {
226
- "description": "- Total number of results from table goes here",
254
+ "description": "Total number of results from table goes here",
227
255
  "name": "counter"
228
256
  },
229
257
  {
230
- "description": "- Action(s) that affect the whole table goes here",
258
+ "description": "Action(s) that affect the whole table goes here",
231
259
  "name": "action"
232
260
  }
233
261
  ],
234
262
  "members": [],
235
263
  "superclass": {
236
- "name": "ZuiBaseElement"
264
+ "name": "ZuiBaseElement",
265
+ "package": "@zywave/zui-base"
237
266
  },
238
267
  "tagName": "zui-table-topbar",
239
268
  "customElement": true
@@ -268,27 +297,27 @@
268
297
  "name": "ZuiTableElement",
269
298
  "cssProperties": [
270
299
  {
271
- "description": "- Override cell padding",
300
+ "description": "Override cell padding",
272
301
  "name": "--zui-table-cell-padding",
273
302
  "default": "13px 20px"
274
303
  },
275
304
  {
276
- "description": "- Override the table columns template. See {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-columns} for more information on valid values.",
305
+ "description": "Override the table columns template. See {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-columns} for more information on valid values.",
277
306
  "name": "--zui-table-columns-template",
278
307
  "default": "repeat(auto-fit, minmax(0, 1fr))"
279
308
  },
280
309
  {
281
- "description": "- Override the table summary background color",
310
+ "description": "Override the table summary background color",
282
311
  "name": "--zui-table-summary-background-color",
283
312
  "default": "var(--zui-gray-600)"
284
313
  },
285
314
  {
286
- "description": "- Override the the table summary text color",
315
+ "description": "Override the the table summary text color",
287
316
  "name": "--zui-table-summary-text-color",
288
317
  "default": "#fff"
289
318
  },
290
319
  {
291
- "description": "- Override the margin between the table and footer of the table",
320
+ "description": "Override the margin between the table and footer of the table",
292
321
  "name": "--zui-table-footer-margin",
293
322
  "default": "10px"
294
323
  }
@@ -296,14 +325,14 @@
296
325
  "slots": [
297
326
  {
298
327
  "description": "Default slot; all table content will appear here, such as table rows",
299
- "name": "-"
328
+ "name": ""
300
329
  },
301
330
  {
302
- "description": "- Customize the no results message that is shown when the `no-results` attribute is set on `<zui-table>`: `<zui-table no-results>`",
331
+ "description": "Customize the no results message that is shown when the `no-results` attribute is set on `<zui-table>`: `<zui-table no-results>`",
303
332
  "name": "no-results-message"
304
333
  },
305
334
  {
306
- "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.",
335
+ "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.",
307
336
  "name": "footer"
308
337
  }
309
338
  ],
@@ -311,24 +340,60 @@
311
340
  {
312
341
  "kind": "field",
313
342
  "name": "banded",
314
- "description": "Set for alternating table row background colors"
343
+ "type": {
344
+ "text": "boolean"
345
+ },
346
+ "default": "false",
347
+ "description": "Set for alternating table row background colors",
348
+ "attribute": "banded",
349
+ "reflects": true
315
350
  },
316
351
  {
317
352
  "kind": "field",
318
353
  "name": "noResults",
319
- "description": "Set to show or hide no results message when there are no results; use in conjunction with the assigned slot \"no-results-message\" to include a no results message"
354
+ "type": {
355
+ "text": "boolean"
356
+ },
357
+ "default": "false",
358
+ "description": "Set to show or hide no results message when there are no results; use in conjunction with the assigned slot \"no-results-message\" to include a no results message",
359
+ "attribute": "no-results",
360
+ "reflects": true
320
361
  },
321
362
  {
322
363
  "kind": "field",
323
- "name": "_slotEl",
364
+ "name": "_rows",
324
365
  "type": {
325
- "text": "HTMLSlotElement"
366
+ "text": "Array<ZuiTableRowElement>"
326
367
  },
327
368
  "privacy": "private"
328
369
  },
329
370
  {
330
371
  "kind": "field",
331
372
  "name": "_footer",
373
+ "type": {
374
+ "text": "Array<ZuiTableFooterElement>"
375
+ },
376
+ "privacy": "private"
377
+ },
378
+ {
379
+ "kind": "field",
380
+ "name": "#internals",
381
+ "privacy": "private",
382
+ "type": {
383
+ "text": "ElementInternals | undefined"
384
+ }
385
+ },
386
+ {
387
+ "kind": "field",
388
+ "name": "#mobileBreakpoint",
389
+ "privacy": "private",
390
+ "type": {
391
+ "text": "MediaQueryList"
392
+ }
393
+ },
394
+ {
395
+ "kind": "field",
396
+ "name": "#mobileHeadersEvent",
332
397
  "privacy": "private"
333
398
  },
334
399
  {
@@ -338,22 +403,39 @@
338
403
  {
339
404
  "kind": "method",
340
405
  "name": "#reassignFooter"
406
+ },
407
+ {
408
+ "kind": "method",
409
+ "name": "#addRowHeadersToCells"
410
+ },
411
+ {
412
+ "kind": "method",
413
+ "name": "#removeRowHeadersFromCells"
341
414
  }
342
415
  ],
343
416
  "attributes": [
344
417
  {
345
418
  "name": "banded",
419
+ "type": {
420
+ "text": "boolean"
421
+ },
422
+ "default": "false",
346
423
  "description": "Set for alternating table row background colors",
347
424
  "fieldName": "banded"
348
425
  },
349
426
  {
350
427
  "name": "no-results",
428
+ "type": {
429
+ "text": "boolean"
430
+ },
431
+ "default": "false",
351
432
  "description": "Set to show or hide no results message when there are no results; use in conjunction with the assigned slot \"no-results-message\" to include a no results message",
352
433
  "fieldName": "noResults"
353
434
  }
354
435
  ],
355
436
  "superclass": {
356
- "name": "ZuiBaseElement"
437
+ "name": "ZuiBaseElement",
438
+ "package": "@zywave/zui-base"
357
439
  },
358
440
  "tagName": "zui-table",
359
441
  "customElement": true
package/dist/zui-table-cell-css.js CHANGED
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const style = css `:host{contain:none}:host([action]) div{--zui-table-cell-padding: 0.375rem 1.25rem;display:flex;align-items:center}div{height:100%;padding:var(--zui-table-cell-padding, 0.8125rem 1.25rem)}`;
2
+ export const style = css `:host{contain:none}@media(min-width: 45em){:host([action]) div{--zui-table-cell-padding: 0.375rem 1.25rem;display:flex;align-items:center}}div{padding:var(--zui-table-cell-padding, 0.3125rem 0.9375rem)}@media(min-width: 45em){div{padding:var(--zui-table-cell-padding, 0.8125rem 1.25rem)}}div.header{float:left;width:33.333%;font-weight:600}`;
3
3
  //# sourceMappingURL=zui-table-cell-css.js.map
package/dist/zui-table-cell-css.js.map CHANGED
@@ -1 +1 @@
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,6LAA6L,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const style = css`:host{contain:none}:host([action]) div{--zui-table-cell-padding: 0.375rem 1.25rem;display:flex;align-items:center}div{height:100%;padding:var(--zui-table-cell-padding, 0.8125rem 1.25rem)}`;\n"]}
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,sVAAsV,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const style = css`:host{contain:none}@media(min-width: 45em){:host([action]) div{--zui-table-cell-padding: 0.375rem 1.25rem;display:flex;align-items:center}}div{padding:var(--zui-table-cell-padding, 0.3125rem 0.9375rem)}@media(min-width: 45em){div{padding:var(--zui-table-cell-padding, 0.8125rem 1.25rem)}}div.header{float:left;width:33.333%;font-weight:600}`;\n"]}
package/dist/zui-table-cell.d.ts CHANGED
@@ -11,7 +11,7 @@ export declare class ZuiTableCellElement extends ZuiBaseElement {
11
11
  * Set to decrease table cell padding to accommodate action button(s)
12
12
  */
13
13
  action: boolean;
14
- static get styles(): (import("lit").CSSResult | import("lit").CSSResultArray)[];
14
+ static get styles(): import("lit").CSSResultGroup[];
15
15
  render(): import("lit-html").TemplateResult<1>;
16
16
  }
17
17
  declare global {
package/dist/zui-table-css.js CHANGED
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const style = css `:host{contain:none;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}`;
2
+ export const style = css `:host{contain:none;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;background-color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.29)}@media(min-width: 45em){:host([no-results]) .no-results{background-color:transparent;box-shadow:none}}::slotted(zui-table-row:not([header])){border-bottom:3px solid var(--zui-gray-100)}@media(min-width: 45em){::slotted(zui-table-row:not([header])){border-bottom-width:1px}}::slotted(zui-table-row:not([header]):last-of-type){border-bottom:0}.table{display:flex;width:100%;flex-direction:column;box-shadow:0 1px 3px rgba(0,0,0,.29);border-collapse:collapse;border-spacing:0}@media(min-width: 45em){.table{background-color:#fff}}`;
3
3
  //# sourceMappingURL=zui-table-css.js.map
package/dist/zui-table-css.js.map CHANGED
@@ -1 +1 @@
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,sjBAAsjB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const style = css`:host{contain:none;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"]}
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,+0BAA+0B,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const style = css`:host{contain:none;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;background-color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.29)}@media(min-width: 45em){:host([no-results]) .no-results{background-color:transparent;box-shadow:none}}::slotted(zui-table-row:not([header])){border-bottom:3px solid var(--zui-gray-100)}@media(min-width: 45em){::slotted(zui-table-row:not([header])){border-bottom-width:1px}}::slotted(zui-table-row:not([header]):last-of-type){border-bottom:0}.table{display:flex;width:100%;flex-direction:column;box-shadow:0 1px 3px rgba(0,0,0,.29);border-collapse:collapse;border-spacing:0}@media(min-width: 45em){.table{background-color:#fff}}`;\n"]}
package/dist/zui-table-footer.d.ts CHANGED
@@ -7,7 +7,7 @@ import { ZuiBaseElement } from '@zywave/zui-base';
7
7
  * @cssprop [--zui-table-footer-margin=10px] - Override the margin between the table and footer of the table
8
8
  */
9
9
  export declare class ZuiTableFooterElement extends ZuiBaseElement {
10
- static get styles(): (import("lit").CSSResult | import("lit").CSSResultArray)[];
10
+ static get styles(): import("lit").CSSResultGroup[];
11
11
  render(): import("lit-html").TemplateResult<1>;
12
12
  }
13
13
  declare global {
package/dist/zui-table-row-css.js CHANGED
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const style = css `:host{contain:none}: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:var(--zui-table-columns-template, repeat(auto-fit, 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)}`;
2
+ export const style = css `:host{contain:none}:host(:last-of-type:not([summary])) div,:host([summary]) div{margin-bottom:0}:host([header]){display:none;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}@media(min-width: 45em){:host([header]){display:block}}div{display:grid;grid-template-columns:auto;margin-bottom:0;padding:.625rem 0;background-color:#fff}@media(min-width: 45em){div{grid-template-columns:var(--zui-table-columns-template, repeat(auto-fit, minmax(0, 1fr)));padding:0;background-color:transparent}}:host([summary]){background-color:var(--zui-table-summary-background-color, var(--zui-gray-600)) !important}:host([summary]) div{margin-bottom:0;background-color:transparent}:host([summary]) ::slotted(zui-table-cell){font-weight:600;color:var(--zui-table-summary-text-color, #fff)}`;
3
3
  //# sourceMappingURL=zui-table-row-css.js.map
package/dist/zui-table-row-css.js.map CHANGED
@@ -1 +1 @@
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,ghBAAghB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const style = css`:host{contain:none}: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:var(--zui-table-columns-template, repeat(auto-fit, 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"]}
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,03BAA03B,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const style = css`:host{contain:none}:host(:last-of-type:not([summary])) div,:host([summary]) div{margin-bottom:0}:host([header]){display:none;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}@media(min-width: 45em){:host([header]){display:block}}div{display:grid;grid-template-columns:auto;margin-bottom:0;padding:.625rem 0;background-color:#fff}@media(min-width: 45em){div{grid-template-columns:var(--zui-table-columns-template, repeat(auto-fit, minmax(0, 1fr)));padding:0;background-color:transparent}}:host([summary]){background-color:var(--zui-table-summary-background-color, var(--zui-gray-600)) !important}:host([summary]) div{margin-bottom:0;background-color:transparent}: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 CHANGED
@@ -18,9 +18,8 @@ export declare class ZuiTableRowElement extends ZuiBaseElement {
18
18
  * Declare a table summary row; typically the last row in `<zui-table>` before `<zui-table-footer>`
19
19
  */
20
20
  summary: boolean;
21
- private _slotEl;
22
- private get _slottedCells();
23
- static get styles(): (import("lit").CSSResult | import("lit").CSSResultArray)[];
21
+ private _slottedCells;
22
+ static get styles(): import("lit").CSSResultGroup[];
24
23
  connectedCallback(): void;
25
24
  firstUpdated(): void;
26
25
  render(): import("lit-html").TemplateResult<1>;
package/dist/zui-table-row.js CHANGED
@@ -12,8 +12,7 @@ var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (
12
12
  var _ZuiTableRowElement_instances, _ZuiTableRowElement_setCellsRole;
13
13
  import { ZuiBaseElement } from '@zywave/zui-base';
14
14
  import { html } from 'lit';
15
- import { property, query } from 'lit/decorators.js';
16
- import { findAssignedElements } from '@zywave/zui-base/dist/utils/find-assigned-element.js';
15
+ import { property, queryAssignedElements } from 'lit/decorators.js';
17
16
  import { style } from './zui-table-row-css.js';
18
17
  /**
19
18
  * @element zui-table-row
@@ -37,9 +36,6 @@ export class ZuiTableRowElement extends ZuiBaseElement {
37
36
  */
38
37
  this.summary = false;
39
38
  }
40
- get _slottedCells() {
41
- return findAssignedElements(this._slotEl, 'zui-table-cell');
42
- }
43
39
  static get styles() {
44
40
  return [super.styles, style];
45
41
  }
@@ -61,15 +57,12 @@ _ZuiTableRowElement_instances = new WeakSet(), _ZuiTableRowElement_setCellsRole
61
57
  return;
62
58
  }
63
59
  if (this.header) {
64
- this._slottedCells.forEach((cell) => {
65
- cell.setAttribute('role', 'columnheader');
66
- });
60
+ this._slottedCells.map((cell) => cell.setAttribute('role', 'columnheader'));
67
61
  }
68
62
  else {
69
- this._slottedCells.forEach((cell) => {
70
- cell.setAttribute('role', 'cell');
71
- });
63
+ this._slottedCells.map((cell) => cell.setAttribute('role', 'cell'));
72
64
  }
65
+ this.requestUpdate();
73
66
  };
74
67
  __decorate([
75
68
  property({ type: Boolean, reflect: true })
@@ -78,7 +71,7 @@ __decorate([
78
71
  property({ type: Boolean, reflect: true })
79
72
  ], ZuiTableRowElement.prototype, "summary", void 0);
80
73
  __decorate([
81
- query('slot')
82
- ], ZuiTableRowElement.prototype, "_slotEl", void 0);
74
+ queryAssignedElements({ selector: 'zui-table-cell' })
75
+ ], ZuiTableRowElement.prototype, "_slottedCells", void 0);
83
76
  window.customElements.define('zui-table-row', ZuiTableRowElement);
84
77
  //# sourceMappingURL=zui-table-row.js.map
package/dist/zui-table-row.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"zui-table-row.js","sourceRoot":"","sources":["../src/zui-table-row.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAC3B,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,oBAAoB,EAAE,MAAM,sDAAsD,CAAC;AAC5F,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAE/C;;;;;;;;GAQG;AACH,MAAM,OAAO,kBAAmB,SAAQ,cAAc;IAAtD;;;QACE;;WAEG;QAEH,WAAM,GAAG,KAAK,CAAC;QAEf;;WAEG;QAEH,YAAO,GAAG,KAAK,CAAC;IA2ClB,CAAC;IAtCC,IAAY,aAAa;QACvB,OAAO,oBAAoB,CAAC,IAAI,CAAC,OAAO,EAAE,gBAAgB,CAAC,CAAC;IAC9D,CAAC;IAED,MAAM,KAAK,MAAM;QACf,OAAO,CAAC,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;IAC/B,CAAC;IAED,iBAAiB;QACf,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;IACnC,CAAC;IAED,YAAY;QACV,uBAAA,IAAI,uEAAc,MAAlB,IAAI,CAAgB,CAAC;IACvB,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAA;2BACY,uBAAA,IAAI,uEAAc,MAAlB,IAAI,CAAgB;WACpC,CAAC;IACV,CAAC;CAiBF;;IAdG,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE;QACvB,OAAO;KACR;IAED,IAAI,IAAI,CAAC,MAAM,EAAE;QACf,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;YAClC,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC;QAC5C,CAAC,CAAC,CAAC;KACJ;SAAM;QACL,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;YAClC,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;QACpC,CAAC,CAAC,CAAC;KACJ;AACH,CAAC;AAhDD;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;kDAC5B;AAMf;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;mDAC3B;AAGhB;IADC,KAAK,CAAC,MAAM,CAAC;mDAC+B;AA0C/C,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,CAAC","sourcesContent":["import { ZuiBaseElement } from '@zywave/zui-base';\nimport { html } from 'lit';\nimport { property, query } from 'lit/decorators.js';\nimport { findAssignedElements } from '@zywave/zui-base/dist/utils/find-assigned-element.js';\nimport { style } from './zui-table-row-css.js';\n\n/**\n * @element zui-table-row\n *\n * @slot - Default slot; `<zui-table-cell>`s are declared here\n *\n * @cssprop [--zui-table-columns-template=repeat(auto-fit, minmax(0, 1fr))] - Override the table columns template. See {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-columns} for more information on valid values.\n * @cssprop [--zui-table-summary-background-color=var(--zui-gray-600)] - Override the table summary background color\n * @cssprop [--zui-table-summary-text-color=#fff] - Override the table summary text color\n */\nexport class ZuiTableRowElement extends ZuiBaseElement {\n /**\n * Declare a table header; typically the first row in `<zui-table>`\n */\n @property({ type: Boolean, reflect: true })\n header = false;\n\n /**\n * Declare a table summary row; typically the last row in `<zui-table>` before `<zui-table-footer>`\n */\n @property({ type: Boolean, reflect: true })\n summary = false;\n\n @query('slot')\n private _slotEl: HTMLSlotElement | undefined;\n\n private get _slottedCells() {\n return findAssignedElements(this._slotEl, 'zui-table-cell');\n }\n\n static get styles() {\n return [super.styles, style];\n }\n\n connectedCallback() {\n super.connectedCallback();\n this.setAttribute('role', 'row');\n }\n\n firstUpdated() {\n this.#setCellsRole();\n }\n\n render() {\n return html`<div>\n <slot @slotchange=\"${this.#setCellsRole()}\"></slot>\n </div>`;\n }\n\n #setCellsRole() {\n if (!this._slottedCells) {\n return;\n }\n\n if (this.header) {\n this._slottedCells.forEach((cell) => {\n cell.setAttribute('role', 'columnheader');\n });\n } else {\n this._slottedCells.forEach((cell) => {\n cell.setAttribute('role', 'cell');\n });\n }\n }\n}\n\nwindow.customElements.define('zui-table-row', ZuiTableRowElement);\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'zui-table-row': ZuiTableRowElement;\n }\n}\n"]}
1
+ {"version":3,"file":"zui-table-row.js","sourceRoot":"","sources":["../src/zui-table-row.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAC3B,OAAO,EAAE,QAAQ,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AACpE,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAG/C;;;;;;;;GAQG;AACH,MAAM,OAAO,kBAAmB,SAAQ,cAAc;IAAtD;;;QACE;;WAEG;QAEH,WAAM,GAAG,KAAK,CAAC;QAEf;;WAEG;QAEH,YAAO,GAAG,KAAK,CAAC;IAqClB,CAAC;IAhCC,MAAM,KAAK,MAAM;QACf,OAAO,CAAC,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;IAC/B,CAAC;IAED,iBAAiB;QACf,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;IACnC,CAAC;IAED,YAAY;QACV,uBAAA,IAAI,uEAAc,MAAlB,IAAI,CAAgB,CAAC;IACvB,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAA;2BACY,uBAAA,IAAI,uEAAc,MAAlB,IAAI,CAAgB;WACpC,CAAC;IACV,CAAC;CAeF;;IAZG,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE;QACvB,OAAO;KACR;IAED,IAAI,IAAI,CAAC,MAAM,EAAE;QACf,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC,CAAC;KAC7E;SAAM;QACL,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;KACrE;IAED,IAAI,CAAC,aAAa,EAAE,CAAC;AACvB,CAAC;AA1CD;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;kDAC5B;AAMf;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;mDAC3B;AAGhB;IADC,qBAAqB,CAAC,EAAE,QAAQ,EAAE,gBAAgB,EAAE,CAAC;yDACJ;AAoCpD,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,CAAC","sourcesContent":["import { ZuiBaseElement } from '@zywave/zui-base';\nimport { html } from 'lit';\nimport { property, queryAssignedElements } from 'lit/decorators.js';\nimport { style } from './zui-table-row-css.js';\nimport type { ZuiTableCellElement } from './zui-table-cell.js';\n\n/**\n * @element zui-table-row\n *\n * @slot - Default slot; `<zui-table-cell>`s are declared here\n *\n * @cssprop [--zui-table-columns-template=repeat(auto-fit, minmax(0, 1fr))] - Override the table columns template. See {@link https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-columns} for more information on valid values.\n * @cssprop [--zui-table-summary-background-color=var(--zui-gray-600)] - Override the table summary background color\n * @cssprop [--zui-table-summary-text-color=#fff] - Override the table summary text color\n */\nexport class ZuiTableRowElement extends ZuiBaseElement {\n /**\n * Declare a table header; typically the first row in `<zui-table>`\n */\n @property({ type: Boolean, reflect: true })\n header = false;\n\n /**\n * Declare a table summary row; typically the last row in `<zui-table>` before `<zui-table-footer>`\n */\n @property({ type: Boolean, reflect: true })\n summary = false;\n\n @queryAssignedElements({ selector: 'zui-table-cell' })\n private _slottedCells: Array<ZuiTableCellElement>;\n\n static get styles() {\n return [super.styles, style];\n }\n\n connectedCallback() {\n super.connectedCallback();\n this.setAttribute('role', 'row');\n }\n\n firstUpdated() {\n this.#setCellsRole();\n }\n\n render() {\n return html`<div>\n <slot @slotchange=\"${this.#setCellsRole()}\"></slot>\n </div>`;\n }\n\n #setCellsRole() {\n if (!this._slottedCells) {\n return;\n }\n\n if (this.header) {\n this._slottedCells.map((cell) => cell.setAttribute('role', 'columnheader'));\n } else {\n this._slottedCells.map((cell) => cell.setAttribute('role', 'cell'));\n }\n\n this.requestUpdate();\n }\n}\n\nwindow.customElements.define('zui-table-row', ZuiTableRowElement);\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'zui-table-row': ZuiTableRowElement;\n }\n}\n"]}
package/dist/zui-table-topbar-css.js CHANGED
@@ -1,3 +1,3 @@
1
1
  import { css } from 'lit';
2
- export const style = css `:host{contain:none}.topbar{display:flex;width:100%;min-height:3.75rem;align-items:center;padding:.625rem 1.25rem;background-color:var(--zui-gray-25)}.content{display:flex;flex:1;align-items:center}.content ::slotted(zui-search){--zui-search-border-color: var(--zui-gray-50)}.counter{flex-shrink:0;margin-left:auto;padding-left:.625rem;font-size:.75rem;color:var(--zui-gray-400)}.action{margin-left:.625rem}.action ::slotted(zui-button:not(:first-of-type)){margin-left:.625rem}slot[name=action]{display:flex}`;
2
+ export const style = css `:host{contain:none}.topbar{display:flex;width:100%;min-height:3.75rem;align-items:center;padding:.625rem 1.25rem;background-color:var(--zui-gray-25);box-shadow:0 1px 3px rgba(0,0,0,.29)}@media(min-width: 45em){.topbar{box-shadow:none}}.content{display:flex;flex:1;align-items:center}.content ::slotted(zui-search){--zui-search-border-color: var(--zui-gray-50)}.counter{flex-shrink:0;margin-left:auto;padding-left:.625rem;font-size:.75rem;color:var(--zui-gray-400)}.action{margin-left:.625rem}.action ::slotted(zui-button:not(:first-of-type)){margin-left:.625rem}slot[name=action]{display:flex}`;
3
3
  //# sourceMappingURL=zui-table-topbar-css.js.map
package/dist/zui-table-topbar-css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"zui-table-topbar-css.js","sourceRoot":"","sources":["../src/zui-table-topbar-css.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,KAAK,GAAG,GAAG,CAAA,6fAA6f,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const style = css`:host{contain:none}.topbar{display:flex;width:100%;min-height:3.75rem;align-items:center;padding:.625rem 1.25rem;background-color:var(--zui-gray-25)}.content{display:flex;flex:1;align-items:center}.content ::slotted(zui-search){--zui-search-border-color: var(--zui-gray-50)}.counter{flex-shrink:0;margin-left:auto;padding-left:.625rem;font-size:.75rem;color:var(--zui-gray-400)}.action{margin-left:.625rem}.action ::slotted(zui-button:not(:first-of-type)){margin-left:.625rem}slot[name=action]{display:flex}`;\n"]}
1
+ {"version":3,"file":"zui-table-topbar-css.js","sourceRoot":"","sources":["../src/zui-table-topbar-css.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,KAAK,GAAG,GAAG,CAAA,mlBAAmlB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const style = css`:host{contain:none}.topbar{display:flex;width:100%;min-height:3.75rem;align-items:center;padding:.625rem 1.25rem;background-color:var(--zui-gray-25);box-shadow:0 1px 3px rgba(0,0,0,.29)}@media(min-width: 45em){.topbar{box-shadow:none}}.content{display:flex;flex:1;align-items:center}.content ::slotted(zui-search){--zui-search-border-color: var(--zui-gray-50)}.counter{flex-shrink:0;margin-left:auto;padding-left:.625rem;font-size:.75rem;color:var(--zui-gray-400)}.action{margin-left:.625rem}.action ::slotted(zui-button:not(:first-of-type)){margin-left:.625rem}slot[name=action]{display:flex}`;\n"]}
package/dist/zui-table-topbar.d.ts CHANGED
@@ -7,7 +7,7 @@ import { ZuiBaseElement } from '@zywave/zui-base';
7
7
  * @slot action - Action(s) that affect the whole table goes here
8
8
  */
9
9
  export declare class ZuiTableTopbarElement extends ZuiBaseElement {
10
- static get styles(): (import("lit").CSSResult | import("lit").CSSResultArray)[];
10
+ static get styles(): import("lit").CSSResultGroup[];
11
11
  render(): import("lit-html").TemplateResult<1>;
12
12
  }
13
13
  declare global {
package/dist/zui-table.d.ts CHANGED
@@ -22,10 +22,12 @@ export declare class ZuiTableElement extends ZuiBaseElement {
22
22
  * Set to show or hide no results message when there are no results; use in conjunction with the assigned slot "no-results-message" to include a no results message
23
23
  */
24
24
  noResults: boolean;
25
- private _slotEl;
26
- private get _footer();
27
- static get styles(): (import("lit").CSSResult | import("lit").CSSResultArray)[];
25
+ private _rows;
26
+ private _footer;
27
+ static get styles(): import("lit").CSSResultGroup[];
28
+ constructor();
28
29
  connectedCallback(): void;
30
+ disconnectedCallback(): void;
29
31
  firstUpdated(): void;
30
32
  render(): import("lit-html").TemplateResult<1>;
31
33
  }