@spectrum-web-components/table 0.0.2-table.2715 → 0.1.0

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 (146) hide show
  1. package/README.md +5 -5
  2. package/custom-elements.json +20 -0
  3. package/elements.dev.js +1 -0
  4. package/elements.dev.js.map +1 -1
  5. package/elements.js +1 -1
  6. package/elements.js.map +1 -1
  7. package/package.json +79 -17
  8. package/sp-table-body.dev.js +1 -0
  9. package/sp-table-body.dev.js.map +1 -1
  10. package/sp-table-body.js +1 -1
  11. package/sp-table-body.js.map +2 -2
  12. package/sp-table-cell.dev.js +1 -0
  13. package/sp-table-cell.dev.js.map +1 -1
  14. package/sp-table-cell.js +1 -1
  15. package/sp-table-cell.js.map +2 -2
  16. package/sp-table-checkbox-cell.dev.js +1 -0
  17. package/sp-table-checkbox-cell.dev.js.map +1 -1
  18. package/sp-table-checkbox-cell.js +1 -1
  19. package/sp-table-checkbox-cell.js.map +2 -2
  20. package/sp-table-head-cell.dev.js +1 -0
  21. package/sp-table-head-cell.dev.js.map +1 -1
  22. package/sp-table-head-cell.js +1 -1
  23. package/sp-table-head-cell.js.map +2 -2
  24. package/sp-table-head.dev.js +1 -0
  25. package/sp-table-head.dev.js.map +1 -1
  26. package/sp-table-head.js +1 -1
  27. package/sp-table-head.js.map +2 -2
  28. package/sp-table-row.dev.js +1 -0
  29. package/sp-table-row.dev.js.map +1 -1
  30. package/sp-table-row.js +1 -1
  31. package/sp-table-row.js.map +2 -2
  32. package/sp-table.dev.js +1 -0
  33. package/sp-table.dev.js.map +1 -1
  34. package/sp-table.js +1 -1
  35. package/sp-table.js.map +2 -2
  36. package/src/Table.d.ts +1 -0
  37. package/src/Table.dev.js +74 -46
  38. package/src/Table.dev.js.map +3 -3
  39. package/src/Table.js +8 -8
  40. package/src/Table.js.map +3 -3
  41. package/src/TableBody.d.ts +2 -0
  42. package/src/TableBody.dev.js +21 -1
  43. package/src/TableBody.dev.js.map +2 -2
  44. package/src/TableBody.js +2 -2
  45. package/src/TableBody.js.map +3 -3
  46. package/src/TableCell.dev.js +1 -0
  47. package/src/TableCell.dev.js.map +1 -1
  48. package/src/TableCell.js +1 -1
  49. package/src/TableCell.js.map +2 -2
  50. package/src/TableCheckboxCell.dev.js +1 -0
  51. package/src/TableCheckboxCell.dev.js.map +1 -1
  52. package/src/TableCheckboxCell.js +2 -2
  53. package/src/TableCheckboxCell.js.map +2 -2
  54. package/src/TableHead.dev.js +1 -0
  55. package/src/TableHead.dev.js.map +1 -1
  56. package/src/TableHead.js +1 -1
  57. package/src/TableHead.js.map +2 -2
  58. package/src/TableHeadCell.dev.js +11 -8
  59. package/src/TableHeadCell.dev.js.map +2 -2
  60. package/src/TableHeadCell.js +2 -2
  61. package/src/TableHeadCell.js.map +3 -3
  62. package/src/TableRow.dev.js +8 -3
  63. package/src/TableRow.dev.js.map +2 -2
  64. package/src/TableRow.js +2 -2
  65. package/src/TableRow.js.map +3 -3
  66. package/src/index.d.ts +6 -0
  67. package/src/index.dev.js +7 -0
  68. package/src/index.dev.js.map +2 -2
  69. package/src/index.js +1 -1
  70. package/src/index.js.map +2 -2
  71. package/src/spectrum-table-body.css.dev.js +1 -0
  72. package/src/spectrum-table-body.css.dev.js.map +1 -1
  73. package/src/spectrum-table-body.css.js +1 -1
  74. package/src/spectrum-table-body.css.js.map +2 -2
  75. package/src/spectrum-table-cell.css.dev.js +1 -0
  76. package/src/spectrum-table-cell.css.dev.js.map +1 -1
  77. package/src/spectrum-table-cell.css.js +1 -1
  78. package/src/spectrum-table-cell.css.js.map +2 -2
  79. package/src/spectrum-table-checkbox-cell.css.dev.js +1 -0
  80. package/src/spectrum-table-checkbox-cell.css.dev.js.map +1 -1
  81. package/src/spectrum-table-checkbox-cell.css.js +1 -1
  82. package/src/spectrum-table-checkbox-cell.css.js.map +2 -2
  83. package/src/spectrum-table-head-cell.css.dev.js +1 -0
  84. package/src/spectrum-table-head-cell.css.dev.js.map +1 -1
  85. package/src/spectrum-table-head-cell.css.js +1 -1
  86. package/src/spectrum-table-head-cell.css.js.map +2 -2
  87. package/src/spectrum-table-head.css.dev.js +1 -0
  88. package/src/spectrum-table-head.css.dev.js.map +1 -1
  89. package/src/spectrum-table-head.css.js +1 -1
  90. package/src/spectrum-table-head.css.js.map +2 -2
  91. package/src/spectrum-table-row.css.dev.js +1 -0
  92. package/src/spectrum-table-row.css.dev.js.map +1 -1
  93. package/src/spectrum-table-row.css.js +1 -1
  94. package/src/spectrum-table-row.css.js.map +2 -2
  95. package/src/spectrum-table.css.dev.js +1 -0
  96. package/src/spectrum-table.css.dev.js.map +1 -1
  97. package/src/spectrum-table.css.js +1 -1
  98. package/src/spectrum-table.css.js.map +2 -2
  99. package/src/table-body.css.dev.js +2 -1
  100. package/src/table-body.css.dev.js.map +2 -2
  101. package/src/table-body.css.js +2 -2
  102. package/src/table-body.css.js.map +3 -3
  103. package/src/table-cell.css.dev.js +1 -0
  104. package/src/table-cell.css.dev.js.map +1 -1
  105. package/src/table-cell.css.js +1 -1
  106. package/src/table-cell.css.js.map +2 -2
  107. package/src/table-checkbox-cell.css.dev.js +1 -0
  108. package/src/table-checkbox-cell.css.dev.js.map +1 -1
  109. package/src/table-checkbox-cell.css.js +1 -1
  110. package/src/table-checkbox-cell.css.js.map +2 -2
  111. package/src/table-head-cell.css.dev.js +1 -0
  112. package/src/table-head-cell.css.dev.js.map +1 -1
  113. package/src/table-head-cell.css.js +1 -1
  114. package/src/table-head-cell.css.js.map +2 -2
  115. package/src/table-head.css.dev.js +1 -0
  116. package/src/table-head.css.dev.js.map +1 -1
  117. package/src/table-head.css.js +1 -1
  118. package/src/table-head.css.js.map +2 -2
  119. package/src/table-row.css.dev.js +1 -0
  120. package/src/table-row.css.dev.js.map +1 -1
  121. package/src/table-row.css.js +1 -1
  122. package/src/table-row.css.js.map +2 -2
  123. package/src/table.css.dev.js +2 -1
  124. package/src/table.css.dev.js.map +2 -2
  125. package/src/table.css.js +2 -2
  126. package/src/table.css.js.map +3 -3
  127. package/stories/index.js +24 -5
  128. package/stories/index.js.map +2 -2
  129. package/stories/table-elements.stories.js +75 -9
  130. package/stories/table-elements.stories.js.map +2 -2
  131. package/stories/table-virtualized.stories.js +198 -34
  132. package/stories/table-virtualized.stories.js.map +2 -2
  133. package/test/benchmark/basic-test.js +6 -2
  134. package/test/benchmark/basic-test.js.map +1 -1
  135. package/test/table-elements.test-vrt.js +4 -1
  136. package/test/table-elements.test-vrt.js.map +1 -1
  137. package/test/table-selects.test.js +199 -3
  138. package/test/table-selects.test.js.map +2 -2
  139. package/test/table-virtualized.test-vrt.js +4 -1
  140. package/test/table-virtualized.test-vrt.js.map +1 -1
  141. package/test/table.test.js +124 -8
  142. package/test/table.test.js.map +2 -2
  143. package/test/virtualized-table-selects.test.js +395 -25
  144. package/test/virtualized-table-selects.test.js.map +2 -2
  145. package/test/virtualized-table.test.js +237 -23
  146. package/test/virtualized-table.test.js.map +2 -2
package/src/table.css.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["table.css.ts"],
4
- "sourcesContent": ["/*\nCopyright 2022 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{border-collapse:separate;border-spacing:0}:host([size=s]){--spectrum-table-compact-quiet-border-radius:var(\n--spectrum-table-s-compact-quiet-border-radius,var(--spectrum-global-dimension-static-size-0)\n);--spectrum-table-compact-header-border-radius:var(\n--spectrum-table-s-compact-header-border-radius,var(--spectrum-global-dimension-static-size-0)\n);--spectrum-table-compact-cell-border-radius-key-focus:var(\n--spectrum-table-s-compact-cell-border-radius-key-focus,var(--spectrum-alias-border-radius-regular)\n);--spectrum-table-compact-divider-border-size:var(\n--spectrum-table-s-compact-divider-border-size,var(--spectrum-alias-border-size-thin)\n);--spectrum-table-compact-header-text-size:var(\n--spectrum-table-s-compact-header-text-size,var(--spectrum-global-dimension-font-size-50)\n);--spectrum-table-compact-header-text-font-weight:var(\n--spectrum-table-s-compact-header-text-font-weight,var(--spectrum-alias-detail-text-font-weight-regular)\n);--spectrum-table-compact-header-text-letter-spacing:var(\n--spectrum-table-s-compact-header-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium)\n);--spectrum-table-compact-header-text-line-height:var(\n--spectrum-table-s-compact-header-text-line-height,var(--spectrum-alias-heading-text-line-height)\n);--spectrum-table-compact-header-sort-icon-gap:var(\n--spectrum-table-s-compact-header-sort-icon-gap,var(--spectrum-global-dimension-size-125)\n);--spectrum-table-compact-header-min-height:var(\n--spectrum-table-s-compact-header-min-height,var(--spectrum-global-dimension-size-400)\n);--spectrum-table-compact-header-padding-top:var(\n--spectrum-table-s-compact-header-padding-top,var(--spectrum-global-dimension-static-size-125)\n);--spectrum-table-compact-header-padding-bottom:var(\n--spectrum-table-s-compact-header-padding-bottom,var(--spectrum-global-dimension-static-size-125)\n);--spectrum-table-compact-header-padding-left:var(\n--spectrum-table-s-compact-header-padding-left,var(--spectrum-global-dimension-static-size-200)\n);--spectrum-table-compact-header-padding-right:var(\n--spectrum-table-s-compact-header-padding-right,var(--spectrum-global-dimension-static-size-200)\n);--spectrum-table-compact-cell-text-size:var(\n--spectrum-table-s-compact-cell-text-size,var(--spectrum-global-dimension-font-size-75)\n);--spectrum-table-compact-cell-text-font-weight:var(\n--spectrum-table-s-compact-cell-text-font-weight,var(--spectrum-alias-body-text-font-weight)\n);--spectrum-table-compact-cell-text-line-height:var(\n--spectrum-table-s-compact-cell-text-line-height,var(--spectrum-alias-component-text-line-height)\n);--spectrum-table-compact-cell-checkbox-padding-right:var(\n--spectrum-table-s-compact-cell-checkbox-padding-right,var(--spectrum-global-dimension-size-100)\n);--spectrum-table-compact-cell-checkbox-vertical-alignment:var(\n--spectrum-table-s-compact-cell-checkbox-vertical-alignment,middle\n);--spectrum-table-compact-cell-min-height:var(\n--spectrum-table-s-compact-cell-min-height,var(--spectrum-global-dimension-size-300)\n);--spectrum-table-compact-cell-padding-top:var(\n--spectrum-table-s-compact-cell-padding-top,var(--spectrum-global-dimension-size-50)\n);--spectrum-table-compact-cell-padding-bottom:var(\n--spectrum-table-s-compact-cell-padding-bottom,var(--spectrum-global-dimension-size-50)\n);--spectrum-table-compact-cell-padding-left:var(\n--spectrum-table-s-compact-cell-padding-left,var(--spectrum-global-dimension-static-size-200)\n);--spectrum-table-compact-cell-padding-right:var(\n--spectrum-table-s-compact-cell-padding-right,var(--spectrum-global-dimension-static-size-200)\n);--spectrum-table-compact-cell-vertical-alignment:var(\n--spectrum-table-s-compact-cell-vertical-alignment,top\n);--spectrum-table-compact-border-radius:var(\n--spectrum-table-s-compact-border-radius,var(--spectrum-alias-border-radius-regular)\n);--spectrum-table-compact-border-size:var(\n--spectrum-table-s-compact-border-size,var(--spectrum-alias-border-size-thin)\n);--spectrum-table-regular-quiet-border-radius:var(\n--spectrum-table-s-regular-quiet-border-radius,var(--spectrum-global-dimension-static-size-0)\n);--spectrum-table-regular-header-border-radius:var(\n--spectrum-table-s-regular-header-border-radius,var(--spectrum-global-dimension-static-size-0)\n);--spectrum-table-regular-cell-border-radius-key-focus:var(\n--spectrum-table-s-regular-cell-border-radius-key-focus,var(--spectrum-alias-border-radius-regular)\n);--spectrum-table-regular-divider-border-size:var(\n--spectrum-table-s-regular-divider-border-size,var(--spectrum-alias-border-size-thin)\n);--spectrum-table-regular-header-text-size:var(\n--spectrum-table-s-regular-header-text-size,var(--spectrum-global-dimension-font-size-50)\n);--spectrum-table-regular-header-text-font-weight:var(\n--spectrum-table-s-regular-header-text-font-weight,var(--spectrum-alias-detail-text-font-weight-regular)\n);--spectrum-table-regular-header-text-letter-spacing:var(\n--spectrum-table-s-regular-header-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium)\n);--spectrum-table-regular-header-text-line-height:var(\n--spectrum-table-s-regular-header-text-line-height,var(--spectrum-alias-heading-text-line-height)\n);--spectrum-table-regular-header-sort-icon-gap:var(\n--spectrum-table-s-regular-header-sort-icon-gap,var(--spectrum-global-dimension-size-125)\n);--spectrum-table-regular-header-min-height:var(\n--spectrum-table-s-regular-header-min-height,var(--spectrum-global-dimension-size-400)\n);--spectrum-table-regular-header-padding-top:var(\n--spectrum-table-s-regular-header-padding-top,var(--spectrum-global-dimension-static-size-125)\n);--spectrum-table-regular-header-padding-bottom:var(\n--spectrum-table-s-regular-header-padding-bottom,var(--spectrum-global-dimension-static-size-125)\n);--spectrum-table-regular-header-padding-left:var(\n--spectrum-table-s-regular-header-padding-left,var(--spectrum-global-dimension-static-size-200)\n);--spectrum-table-regular-header-padding-right:var(\n--spectrum-table-s-regular-header-padding-right,var(--spectrum-global-dimension-static-size-200)\n);--spectrum-table-regular-cell-text-size:var(\n--spectrum-table-s-regular-cell-text-size,var(--spectrum-global-dimension-font-size-75)\n);--spectrum-table-regular-cell-text-font-weight:var(\n--spectrum-table-s-regular-cell-text-font-weight,var(--spectrum-alias-body-text-font-weight)\n);--spectrum-table-regular-cell-text-line-height:var(\n--spectrum-table-s-regular-cell-text-line-height,var(--spectrum-alias-component-text-line-height)\n);--spectrum-table-regular-cell-checkbox-padding-right:var(\n--spectrum-table-s-regular-cell-checkbox-padding-right,var(--spectrum-global-dimension-size-100)\n);--spectrum-table-regular-cell-checkbox-vertical-alignment:var(\n--spectrum-table-s-regular-cell-checkbox-vertical-alignment,middle\n);--spectrum-table-regular-cell-min-height:var(\n--spectrum-table-s-regular-cell-min-height,var(--spectrum-global-dimension-size-400)\n);--spectrum-table-regular-cell-padding-top:var(\n--spectrum-table-s-regular-cell-padding-top,var(--spectrum-global-dimension-size-85)\n);--spectrum-table-regular-cell-padding-bottom:var(\n--spectrum-table-s-regular-cell-padding-bottom,var(--spectrum-global-dimension-size-85)\n);--spectrum-table-regular-cell-padding-left:var(\n--spectrum-table-s-regular-cell-padding-left,var(--spectrum-global-dimension-static-size-200)\n);--spectrum-table-regular-cell-padding-right:var(\n--spectrum-table-s-regular-cell-padding-right,var(--spectrum-global-dimension-static-size-200)\n);--spectrum-table-regular-cell-vertical-alignment:var(\n--spectrum-table-s-regular-cell-vertical-alignment,top\n);--spectrum-table-regular-border-radius:var(\n--spectrum-table-s-regular-border-radius,var(--spectrum-alias-border-radius-regular)\n);--spectrum-table-regular-border-size:var(\n--spectrum-table-s-regular-border-size,var(--spectrum-alias-border-size-thin)\n);--spectrum-table-spacious-quiet-border-radius:var(\n--spectrum-table-s-spacious-quiet-border-radius,var(--spectrum-global-dimension-static-size-0)\n);--spectrum-table-spacious-header-border-radius:var(\n--spectrum-table-s-spacious-header-border-radius,var(--spectrum-global-dimension-static-size-0)\n);--spectrum-table-spacious-cell-border-radius-key-focus:var(\n--spectrum-table-s-spacious-cell-border-radius-key-focus,var(--spectrum-alias-border-radius-regular)\n);--spectrum-table-spacious-divider-border-size:var(\n--spectrum-table-s-spacious-divider-border-size,var(--spectrum-alias-border-size-thin)\n);--spectrum-table-spacious-header-text-size:var(\n--spectrum-table-s-spacious-header-text-size,var(--spectrum-global-dimension-font-size-50)\n);--spectrum-table-spacious-header-text-font-weight:var(\n--spectrum-table-s-spacious-header-text-font-weight,var(--spectrum-alias-detail-text-font-weight-regular)\n);--spectrum-table-spacious-header-text-letter-spacing:var(\n--spectrum-table-s-spacious-header-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium)\n);--spectrum-table-spacious-header-text-line-height:var(\n--spectrum-table-s-spacious-header-text-line-height,var(--spectrum-alias-heading-text-line-height)\n);--spectrum-table-spacious-header-sort-icon-gap:var(\n--spectrum-table-s-spacious-header-sort-icon-gap,var(--spectrum-global-dimension-size-125)\n);--spectrum-table-spacious-header-min-height:var(\n--spectrum-table-s-spacious-header-min-height,var(--spectrum-global-dimension-size-400)\n);--spectrum-table-spacious-header-padding-top:var(\n--spectrum-table-s-spacious-header-padding-top,var(--spectrum-global-dimension-static-size-125)\n);--spectrum-table-spacious-header-padding-bottom:var(\n--spectrum-table-s-spacious-header-padding-bottom,var(--spectrum-global-dimension-static-size-125)\n);--spectrum-table-spacious-header-padding-left:var(\n--spectrum-table-s-spacious-header-padding-left,var(--spectrum-global-dimension-static-size-200)\n);--spectrum-table-spacious-header-padding-right:var(\n--spectrum-table-s-spacious-header-padding-right,var(--spectrum-global-dimension-static-size-200)\n);--spectrum-table-spacious-cell-text-size:var(\n--spectrum-table-s-spacious-cell-text-size,var(--spectrum-global-dimension-font-size-75)\n);--spectrum-table-spacious-cell-text-font-weight:var(\n--spectrum-table-s-spacious-cell-text-font-weight,var(--spectrum-alias-body-text-font-weight)\n);--spectrum-table-spacious-cell-text-line-height:var(\n--spectrum-table-s-spacious-cell-text-line-height,var(--spectrum-alias-component-text-line-height)\n);--spectrum-table-spacious-cell-checkbox-padding-right:var(\n--spectrum-table-s-spacious-cell-checkbox-padding-right,var(--spectrum-global-dimension-size-100)\n);--spectrum-table-spacious-cell-checkbox-vertical-alignment:var(\n--spectrum-table-s-spacious-cell-checkbox-vertical-alignment,middle\n);--spectrum-table-spacious-cell-min-height:var(\n--spectrum-table-s-spacious-cell-min-height,var(--spectrum-global-dimension-size-500)\n);--spectrum-table-spacious-cell-padding-top:var(\n--spectrum-table-s-spacious-cell-padding-top,var(--spectrum-global-dimension-size-125)\n);--spectrum-table-spacious-cell-padding-bottom:var(\n--spectrum-table-s-spacious-cell-padding-bottom,var(--spectrum-global-dimension-size-125)\n);--spectrum-table-spacious-cell-padding-left:var(\n--spectrum-table-s-spacious-cell-padding-left,var(--spectrum-global-dimension-static-size-200)\n);--spectrum-table-spacious-cell-padding-right:var(\n--spectrum-table-s-spacious-cell-padding-right,var(--spectrum-global-dimension-static-size-200)\n);--spectrum-table-spacious-cell-vertical-alignment:var(\n--spectrum-table-s-spacious-cell-vertical-alignment,top\n);--spectrum-table-spacious-border-radius:var(\n--spectrum-table-s-spacious-border-radius,var(--spectrum-alias-border-radius-regular)\n);--spectrum-table-spacious-border-size:var(\n--spectrum-table-s-spacious-border-size,var(--spectrum-alias-border-size-thin)\n)}:host([size=m]){--spectrum-table-compact-quiet-border-radius:var(\n--spectrum-table-m-compact-quiet-border-radius,var(--spectrum-global-dimension-static-size-0)\n);--spectrum-table-compact-header-border-radius:var(\n--spectrum-table-m-compact-header-border-radius,var(--spectrum-global-dimension-static-size-0)\n);--spectrum-table-compact-cell-border-radius-key-focus:var(\n--spectrum-table-m-compact-cell-border-radius-key-focus,var(--spectrum-alias-border-radius-regular)\n);--spectrum-table-compact-divider-border-size:var(\n--spectrum-table-m-compact-divider-border-size,var(--spectrum-alias-border-size-thin)\n);--spectrum-table-compact-header-text-size:var(\n--spectrum-table-m-compact-header-text-size,var(--spectrum-global-dimension-font-size-50)\n);--spectrum-table-compact-header-text-font-weight:var(\n--spectrum-table-m-compact-header-text-font-weight,var(--spectrum-alias-detail-text-font-weight-regular)\n);--spectrum-table-compact-header-text-letter-spacing:var(\n--spectrum-table-m-compact-header-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium)\n);--spectrum-table-compact-header-text-line-height:var(\n--spectrum-table-m-compact-header-text-line-height,var(--spectrum-alias-heading-text-line-height)\n);--spectrum-table-compact-header-sort-icon-gap:var(\n--spectrum-table-m-compact-header-sort-icon-gap,var(--spectrum-global-dimension-size-125)\n);--spectrum-table-compact-header-min-height:var(\n--spectrum-table-m-compact-header-min-height,var(--spectrum-global-dimension-size-400)\n);--spectrum-table-compact-header-padding-top:var(\n--spectrum-table-m-compact-header-padding-top,var(--spectrum-global-dimension-static-size-125)\n);--spectrum-table-compact-header-padding-bottom:var(\n--spectrum-table-m-compact-header-padding-bottom,var(--spectrum-global-dimension-static-size-125)\n);--spectrum-table-compact-header-padding-left:var(\n--spectrum-table-m-compact-header-padding-left,var(--spectrum-global-dimension-static-size-200)\n);--spectrum-table-compact-header-padding-right:var(\n--spectrum-table-m-compact-header-padding-right,var(--spectrum-global-dimension-static-size-200)\n);--spectrum-table-compact-cell-text-size:var(\n--spectrum-table-m-compact-cell-text-size,var(--spectrum-global-dimension-font-size-100)\n);--spectrum-table-compact-cell-text-font-weight:var(\n--spectrum-table-m-compact-cell-text-font-weight,var(--spectrum-alias-body-text-font-weight)\n);--spectrum-table-compact-cell-text-line-height:var(\n--spectrum-table-m-compact-cell-text-line-height,var(--spectrum-alias-component-text-line-height)\n);--spectrum-table-compact-cell-checkbox-padding-right:var(\n--spectrum-table-m-compact-cell-checkbox-padding-right,var(--spectrum-global-dimension-size-100)\n);--spectrum-table-compact-cell-checkbox-vertical-alignment:var(\n--spectrum-table-m-compact-cell-checkbox-vertical-alignment,middle\n);--spectrum-table-compact-cell-min-height:var(\n--spectrum-table-m-compact-cell-min-height,var(--spectrum-global-dimension-size-400)\n);--spectrum-table-compact-cell-padding-top:var(\n--spectrum-table-m-compact-cell-padding-top,var(--spectrum-global-dimension-size-85)\n);--spectrum-table-compact-cell-padding-bottom:var(\n--spectrum-table-m-compact-cell-padding-bottom,var(--spectrum-global-dimension-size-85)\n);--spectrum-table-compact-cell-padding-left:var(\n--spectrum-table-m-compact-cell-padding-left,var(--spectrum-global-dimension-static-size-200)\n);--spectrum-table-compact-cell-padding-right:var(\n--spectrum-table-m-compact-cell-padding-right,var(--spectrum-global-dimension-static-size-200)\n);--spectrum-table-compact-cell-vertical-alignment:var(\n--spectrum-table-m-compact-cell-vertical-alignment,top\n);--spectrum-table-compact-border-radius:var(\n--spectrum-table-m-compact-border-radius,var(--spectrum-alias-border-radius-regular)\n);--spectrum-table-compact-border-size:var(\n--spectrum-table-m-compact-border-size,var(--spectrum-alias-border-size-thin)\n);--spectrum-table-regular-quiet-border-radius:var(\n--spectrum-table-m-regular-quiet-border-radius,var(--spectrum-global-dimension-static-size-0)\n);--spectrum-table-regular-header-border-radius:var(\n--spectrum-table-m-regular-header-border-radius,var(--spectrum-global-dimension-static-size-0)\n);--spectrum-table-regular-cell-border-radius-key-focus:var(\n--spectrum-table-m-regular-cell-border-radius-key-focus,var(--spectrum-alias-border-radius-regular)\n);--spectrum-table-regular-divider-border-size:var(\n--spectrum-table-m-regular-divider-border-size,var(--spectrum-alias-border-size-thin)\n);--spectrum-table-regular-header-text-size:var(\n--spectrum-table-m-regular-header-text-size,var(--spectrum-global-dimension-font-size-50)\n);--spectrum-table-regular-header-text-font-weight:var(\n--spectrum-table-m-regular-header-text-font-weight,var(--spectrum-alias-detail-text-font-weight-regular)\n);--spectrum-table-regular-header-text-letter-spacing:var(\n--spectrum-table-m-regular-header-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium)\n);--spectrum-table-regular-header-text-line-height:var(\n--spectrum-table-m-regular-header-text-line-height,var(--spectrum-alias-heading-text-line-height)\n);--spectrum-table-regular-header-sort-icon-gap:var(\n--spectrum-table-m-regular-header-sort-icon-gap,var(--spectrum-global-dimension-size-125)\n);--spectrum-table-regular-header-min-height:var(\n--spectrum-table-m-regular-header-min-height,var(--spectrum-global-dimension-size-400)\n);--spectrum-table-regular-header-padding-top:var(\n--spectrum-table-m-regular-header-padding-top,var(--spectrum-global-dimension-static-size-125)\n);--spectrum-table-regular-header-padding-bottom:var(\n--spectrum-table-m-regular-header-padding-bottom,var(--spectrum-global-dimension-static-size-125)\n);--spectrum-table-regular-header-padding-left:var(\n--spectrum-table-m-regular-header-padding-left,var(--spectrum-global-dimension-static-size-200)\n);--spectrum-table-regular-header-padding-right:var(\n--spectrum-table-m-regular-header-padding-right,var(--spectrum-global-dimension-static-size-200)\n);--spectrum-table-regular-cell-text-size:var(\n--spectrum-table-m-regular-cell-text-size,var(--spectrum-global-dimension-font-size-100)\n);--spectrum-table-regular-cell-text-font-weight:var(\n--spectrum-table-m-regular-cell-text-font-weight,var(--spectrum-alias-body-text-font-weight)\n);--spectrum-table-regular-cell-text-line-height:var(\n--spectrum-table-m-regular-cell-text-line-height,var(--spectrum-alias-component-text-line-height)\n);--spectrum-table-regular-cell-checkbox-padding-right:var(\n--spectrum-table-m-regular-cell-checkbox-padding-right,var(--spectrum-global-dimension-size-100)\n);--spectrum-table-regular-cell-checkbox-vertical-alignment:var(\n--spectrum-table-m-regular-cell-checkbox-vertical-alignment,middle\n);--spectrum-table-regular-cell-min-height:var(\n--spectrum-table-m-regular-cell-min-height,var(--spectrum-global-dimension-size-500)\n);--spectrum-table-regular-cell-padding-top:var(\n--spectrum-table-m-regular-cell-padding-top,var(--spectrum-global-dimension-size-130)\n);--spectrum-table-regular-cell-padding-bottom:var(\n--spectrum-table-m-regular-cell-padding-bottom,var(--spectrum-global-dimension-size-130)\n);--spectrum-table-regular-cell-padding-left:var(\n--spectrum-table-m-regular-cell-padding-left,var(--spectrum-global-dimension-static-size-200)\n);--spectrum-table-regular-cell-padding-right:var(\n--spectrum-table-m-regular-cell-padding-right,var(--spectrum-global-dimension-static-size-200)\n);--spectrum-table-regular-cell-vertical-alignment:var(\n--spectrum-table-m-regular-cell-vertical-alignment,top\n);--spectrum-table-regular-border-radius:var(\n--spectrum-table-m-regular-border-radius,var(--spectrum-alias-border-radius-regular)\n);--spectrum-table-regular-border-size:var(\n--spectrum-table-m-regular-border-size,var(--spectrum-alias-border-size-thin)\n);--spectrum-table-spacious-quiet-border-radius:var(\n--spectrum-table-m-spacious-quiet-border-radius,var(--spectrum-global-dimension-static-size-0)\n);--spectrum-table-spacious-header-border-radius:var(\n--spectrum-table-m-spacious-header-border-radius,var(--spectrum-global-dimension-static-size-0)\n);--spectrum-table-spacious-cell-border-radius-key-focus:var(\n--spectrum-table-m-spacious-cell-border-radius-key-focus,var(--spectrum-alias-border-radius-regular)\n);--spectrum-table-spacious-divider-border-size:var(\n--spectrum-table-m-spacious-divider-border-size,var(--spectrum-alias-border-size-thin)\n);--spectrum-table-spacious-header-text-size:var(\n--spectrum-table-m-spacious-header-text-size,var(--spectrum-global-dimension-font-size-50)\n);--spectrum-table-spacious-header-text-font-weight:var(\n--spectrum-table-m-spacious-header-text-font-weight,var(--spectrum-alias-detail-text-font-weight-regular)\n);--spectrum-table-spacious-header-text-letter-spacing:var(\n--spectrum-table-m-spacious-header-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium)\n);--spectrum-table-spacious-header-text-line-height:var(\n--spectrum-table-m-spacious-header-text-line-height,var(--spectrum-alias-heading-text-line-height)\n);--spectrum-table-spacious-header-sort-icon-gap:var(\n--spectrum-table-m-spacious-header-sort-icon-gap,var(--spectrum-global-dimension-size-125)\n);--spectrum-table-spacious-header-min-height:var(\n--spectrum-table-m-spacious-header-min-height,var(--spectrum-global-dimension-size-400)\n);--spectrum-table-spacious-header-padding-top:var(\n--spectrum-table-m-spacious-header-padding-top,var(--spectrum-global-dimension-static-size-125)\n);--spectrum-table-spacious-header-padding-bottom:var(\n--spectrum-table-m-spacious-header-padding-bottom,var(--spectrum-global-dimension-static-size-125)\n);--spectrum-table-spacious-header-padding-left:var(\n--spectrum-table-m-spacious-header-padding-left,var(--spectrum-global-dimension-static-size-200)\n);--spectrum-table-spacious-header-padding-right:var(\n--spectrum-table-m-spacious-header-padding-right,var(--spectrum-global-dimension-static-size-200)\n);--spectrum-table-spacious-cell-text-size:var(\n--spectrum-table-m-spacious-cell-text-size,var(--spectrum-global-dimension-font-size-100)\n);--spectrum-table-spacious-cell-text-font-weight:var(\n--spectrum-table-m-spacious-cell-text-font-weight,var(--spectrum-alias-body-text-font-weight)\n);--spectrum-table-spacious-cell-text-line-height:var(\n--spectrum-table-m-spacious-cell-text-line-height,var(--spectrum-alias-component-text-line-height)\n);--spectrum-table-spacious-cell-checkbox-padding-right:var(\n--spectrum-table-m-spacious-cell-checkbox-padding-right,var(--spectrum-global-dimension-size-100)\n);--spectrum-table-spacious-cell-checkbox-vertical-alignment:var(\n--spectrum-table-m-spacious-cell-checkbox-vertical-alignment,middle\n);--spectrum-table-spacious-cell-min-height:var(\n--spectrum-table-m-spacious-cell-min-height,var(--spectrum-global-dimension-size-600)\n);--spectrum-table-spacious-cell-padding-top:var(\n--spectrum-table-m-spacious-cell-padding-top,var(--spectrum-global-dimension-size-185)\n);--spectrum-table-spacious-cell-padding-bottom:var(\n--spectrum-table-m-spacious-cell-padding-bottom,var(--spectrum-global-dimension-size-185)\n);--spectrum-table-spacious-cell-padding-left:var(\n--spectrum-table-m-spacious-cell-padding-left,var(--spectrum-global-dimension-static-size-200)\n);--spectrum-table-spacious-cell-padding-right:var(\n--spectrum-table-m-spacious-cell-padding-right,var(--spectrum-global-dimension-static-size-200)\n);--spectrum-table-spacious-cell-vertical-alignment:var(\n--spectrum-table-m-spacious-cell-vertical-alignment,top\n);--spectrum-table-spacious-border-radius:var(\n--spectrum-table-m-spacious-border-radius,var(--spectrum-alias-border-radius-regular)\n);--spectrum-table-spacious-border-size:var(\n--spectrum-table-m-spacious-border-size,var(--spectrum-alias-border-size-thin)\n)}.spectrum-Table-cell--alignCenter{text-align:center}:host([dir=ltr]) .spectrum-Table-cell--alignRight{text-align:right}:host([dir=rtl]) .spectrum-Table-cell--alignRight{text-align:left}:host([dir=ltr]) .spectrum-Table-body.is-drop-target:before,:host([dir=ltr]) .spectrum-Table-row.is-drop-target:before,:host([dir=ltr][density=compact]) .spectrum-Table-body.is-drop-target:before,:host([dir=ltr][density=compact]) .spectrum-Table-row.is-drop-target:before,:host([dir=ltr][density=spacious]) .spectrum-Table-body.is-drop-target:before,:host([dir=ltr][density=spacious]) .spectrum-Table-row.is-drop-target:before{left:0}:host([dir=rtl]) .spectrum-Table-body.is-drop-target:before,:host([dir=rtl]) .spectrum-Table-row.is-drop-target:before,:host([dir=rtl][density=compact]) .spectrum-Table-body.is-drop-target:before,:host([dir=rtl][density=compact]) .spectrum-Table-row.is-drop-target:before,:host([dir=rtl][density=spacious]) .spectrum-Table-body.is-drop-target:before,:host([dir=rtl][density=spacious]) .spectrum-Table-row.is-drop-target:before{right:0}:host([dir=ltr]) .spectrum-Table-body.is-drop-target:before,:host([dir=ltr]) .spectrum-Table-row.is-drop-target:before,:host([dir=ltr][density=compact]) .spectrum-Table-body.is-drop-target:before,:host([dir=ltr][density=compact]) .spectrum-Table-row.is-drop-target:before,:host([dir=ltr][density=spacious]) .spectrum-Table-body.is-drop-target:before,:host([dir=ltr][density=spacious]) .spectrum-Table-row.is-drop-target:before{right:0}:host([dir=rtl]) .spectrum-Table-body.is-drop-target:before,:host([dir=rtl]) .spectrum-Table-row.is-drop-target:before,:host([dir=rtl][density=compact]) .spectrum-Table-body.is-drop-target:before,:host([dir=rtl][density=compact]) .spectrum-Table-row.is-drop-target:before,:host([dir=rtl][density=spacious]) .spectrum-Table-body.is-drop-target:before,:host([dir=rtl][density=spacious]) .spectrum-Table-row.is-drop-target:before{left:0}.spectrum-Table-body.is-drop-target:before,.spectrum-Table-row.is-drop-target:before,:host([density=compact]) .spectrum-Table-body.is-drop-target:before,:host([density=compact]) .spectrum-Table-row.is-drop-target:before,:host([density=spacious]) .spectrum-Table-body.is-drop-target:before,:host([density=spacious]) .spectrum-Table-row.is-drop-target:before{bottom:0;content:\"\";position:absolute;top:0;z-index:1}.spectrum-Table-body{border-radius:var(--spectrum-table-regular-border-radius);border-width:var(--spectrum-table-regular-border-size);overflow:auto;position:relative;vertical-align:var(--spectrum-table-regular-cell-vertical-alignment)}:host(:not(.spectrum-Table--quiet)) tbody.spectrum-Table-body{border-radius:var(--spectrum-table-regular-border-radius);border-width:var(\n--spectrum-table-regular-border-size\n)}:host([dir=ltr]:not(.spectrum-Table--quiet)) tbody.spectrum-Table-body .spectrum-Table-row:first-child .spectrum-Table-cell:first-child{border-top-left-radius:var(\n--spectrum-table-regular-border-radius\n)}:host([dir=rtl]:not(.spectrum-Table--quiet)) tbody.spectrum-Table-body .spectrum-Table-row:first-child .spectrum-Table-cell:first-child{border-top-right-radius:var(\n--spectrum-table-regular-border-radius\n)}:host([dir=ltr]:not(.spectrum-Table--quiet)) tbody.spectrum-Table-body .spectrum-Table-row:first-child .spectrum-Table-cell:last-child{border-top-right-radius:var(\n--spectrum-table-regular-border-radius\n)}:host([dir=rtl]:not(.spectrum-Table--quiet)) tbody.spectrum-Table-body .spectrum-Table-row:first-child .spectrum-Table-cell:last-child{border-top-left-radius:var(\n--spectrum-table-regular-border-radius\n)}:host([dir=ltr]:not(.spectrum-Table--quiet)) tbody.spectrum-Table-body .spectrum-Table-row:last-child .spectrum-Table-cell:first-child{border-bottom-left-radius:var(\n--spectrum-table-regular-border-radius\n)}:host([dir=rtl]:not(.spectrum-Table--quiet)) tbody.spectrum-Table-body .spectrum-Table-row:last-child .spectrum-Table-cell:first-child{border-bottom-right-radius:var(\n--spectrum-table-regular-border-radius\n)}:host([dir=ltr]:not(.spectrum-Table--quiet)) tbody.spectrum-Table-body .spectrum-Table-row:last-child .spectrum-Table-cell:last-child{border-bottom-right-radius:var(\n--spectrum-table-regular-border-radius\n)}:host([dir=rtl]:not(.spectrum-Table--quiet)) tbody.spectrum-Table-body .spectrum-Table-row:last-child .spectrum-Table-cell:last-child{border-bottom-left-radius:var(\n--spectrum-table-regular-border-radius\n)}:host([dir=ltr]) .spectrum-Table-cell{padding-left:var(\n--spectrum-table-regular-cell-padding-left\n);padding-right:var(--spectrum-table-regular-cell-padding-right)}:host([dir=rtl]) .spectrum-Table-cell{padding-left:var(--spectrum-table-regular-cell-padding-right);padding-right:var(\n--spectrum-table-regular-cell-padding-left\n)}.spectrum-Table-cell{box-sizing:border-box;font-size:var(--spectrum-table-regular-cell-text-size);font-weight:var(--spectrum-table-regular-cell-text-font-weight);line-height:var(--spectrum-table-regular-cell-text-line-height);min-height:calc(var(--spectrum-table-regular-cell-min-height) - var(--spectrum-table-regular-cell-padding-top) - var(--spectrum-table-regular-cell-padding-bottom));padding-bottom:var(--spectrum-table-regular-cell-padding-bottom);padding-top:var(--spectrum-table-regular-cell-padding-top);position:relative}.spectrum-Table-cell.focus-visible,.spectrum-Table-cell.is-focused{outline:none}.spectrum-Table-cell.is-focused,.spectrum-Table-cell:focus-visible{outline:none}:host([dir=ltr]) .spectrum-Table-cell.focus-visible:before,:host([dir=ltr]) .spectrum-Table-cell.is-focused:before{right:0}:host([dir=ltr]) .spectrum-Table-cell.is-focused:before,:host([dir=ltr]) .spectrum-Table-cell:focus-visible:before{right:0}:host([dir=rtl]) .spectrum-Table-cell.focus-visible:before,:host([dir=rtl]) .spectrum-Table-cell.is-focused:before{left:0}:host([dir=rtl]) .spectrum-Table-cell.is-focused:before,:host([dir=rtl]) .spectrum-Table-cell:focus-visible:before{left:0}:host([dir=ltr]) .spectrum-Table-cell.focus-visible:before,:host([dir=ltr]) .spectrum-Table-cell.is-focused:before{left:0}:host([dir=ltr]) .spectrum-Table-cell.is-focused:before,:host([dir=ltr]) .spectrum-Table-cell:focus-visible:before{left:0}:host([dir=rtl]) .spectrum-Table-cell.focus-visible:before,:host([dir=rtl]) .spectrum-Table-cell.is-focused:before{right:0}:host([dir=rtl]) .spectrum-Table-cell.is-focused:before,:host([dir=rtl]) .spectrum-Table-cell:focus-visible:before{right:0}.spectrum-Table-cell.focus-visible:before,.spectrum-Table-cell.is-focused:before{border-radius:calc(var(--spectrum-table-regular-cell-border-radius-key-focus) - 1px);bottom:0;content:\"\";position:absolute;top:0;z-index:1}.spectrum-Table-cell.is-focused:before,.spectrum-Table-cell:focus-visible:before{border-radius:calc(var(--spectrum-table-regular-cell-border-radius-key-focus) - 1px);bottom:0;content:\"\";position:absolute;top:0;z-index:1}:host([dir=ltr]) .spectrum-Table-cell--divider{border-right-width:var(\n--spectrum-table-regular-divider-border-size\n)}:host([dir=rtl]) .spectrum-Table-cell--divider{border-left-width:var(\n--spectrum-table-regular-divider-border-size\n)}.spectrum-Table-row{cursor:pointer;position:relative;transition:background-color var(--spectrum-global-animation-duration-100,.13s) ease-in-out}.spectrum-Table-row:focus{outline:0}:host>.spectrum-Table-body>.spectrum-Table-row:last-of-type{border-bottom-style:none}.spectrum-Table--quiet .spectrum-Table-body{border-radius:var(\n--spectrum-table-regular-quiet-border-radius\n)}.spectrum-Table--quiet .spectrum-Table-body.is-drop-target:before,.spectrum-Table--quiet .spectrum-Table-row.is-drop-target:before{border-radius:var(\n--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50)\n)}:host([dir=ltr]) .spectrum-Table-checkboxCell{padding-right:var(\n--spectrum-table-regular-cell-checkbox-padding-right\n)}:host([dir=rtl]) .spectrum-Table-checkboxCell{padding-left:var(\n--spectrum-table-regular-cell-checkbox-padding-right\n)}.spectrum-Table-checkboxCell{padding-bottom:0;padding-top:0;vertical-align:var(\n--spectrum-table-regular-cell-checkbox-vertical-alignment\n)}.spectrum-Table-checkbox{vertical-align:super}:host([density=compact]) .spectrum-Table-cell--alignCenter{text-align:center}:host([dir=ltr][density=compact]) .spectrum-Table-cell--alignRight{text-align:right}:host([dir=rtl][density=compact]) .spectrum-Table-cell--alignRight{text-align:left}:host([dir=ltr][density=compact]) .spectrum-Table-body.is-drop-target:before,:host([dir=ltr][density=compact]) .spectrum-Table-row.is-drop-target:before,:host([dir=ltr][density=compact][density=compact]) .spectrum-Table-body.is-drop-target:before,:host([dir=ltr][density=compact][density=compact]) .spectrum-Table-row.is-drop-target:before,:host([dir=ltr][density=compact][density=spacious]) .spectrum-Table-body.is-drop-target:before,:host([dir=ltr][density=compact][density=spacious]) .spectrum-Table-row.is-drop-target:before{left:0}:host([dir=rtl][density=compact]) .spectrum-Table-body.is-drop-target:before,:host([dir=rtl][density=compact]) .spectrum-Table-row.is-drop-target:before,:host([dir=rtl][density=compact][density=compact]) .spectrum-Table-body.is-drop-target:before,:host([dir=rtl][density=compact][density=compact]) .spectrum-Table-row.is-drop-target:before,:host([dir=rtl][density=compact][density=spacious]) .spectrum-Table-body.is-drop-target:before,:host([dir=rtl][density=compact][density=spacious]) .spectrum-Table-row.is-drop-target:before{right:0}:host([dir=ltr][density=compact]) .spectrum-Table-body.is-drop-target:before,:host([dir=ltr][density=compact]) .spectrum-Table-row.is-drop-target:before,:host([dir=ltr][density=compact][density=compact]) .spectrum-Table-body.is-drop-target:before,:host([dir=ltr][density=compact][density=compact]) .spectrum-Table-row.is-drop-target:before,:host([dir=ltr][density=compact][density=spacious]) .spectrum-Table-body.is-drop-target:before,:host([dir=ltr][density=compact][density=spacious]) .spectrum-Table-row.is-drop-target:before{right:0}:host([dir=rtl][density=compact]) .spectrum-Table-body.is-drop-target:before,:host([dir=rtl][density=compact]) .spectrum-Table-row.is-drop-target:before,:host([dir=rtl][density=compact][density=compact]) .spectrum-Table-body.is-drop-target:before,:host([dir=rtl][density=compact][density=compact]) .spectrum-Table-row.is-drop-target:before,:host([dir=rtl][density=compact][density=spacious]) .spectrum-Table-body.is-drop-target:before,:host([dir=rtl][density=compact][density=spacious]) .spectrum-Table-row.is-drop-target:before{left:0}:host([density=compact]) .spectrum-Table-body.is-drop-target:before,:host([density=compact]) .spectrum-Table-row.is-drop-target:before,:host([density=compact][density=compact]) .spectrum-Table-body.is-drop-target:before,:host([density=compact][density=compact]) .spectrum-Table-row.is-drop-target:before,:host([density=compact][density=spacious]) .spectrum-Table-body.is-drop-target:before,:host([density=compact][density=spacious]) .spectrum-Table-row.is-drop-target:before{bottom:0;content:\"\";position:absolute;top:0;z-index:1}:host([density=compact]) .spectrum-Table-body{border-radius:var(--spectrum-table-compact-border-radius);border-width:var(--spectrum-table-compact-border-size);overflow:auto;position:relative;vertical-align:var(--spectrum-table-compact-cell-vertical-alignment)}:host([density=compact]) .spectrum-Table:not(.spectrum-Table--quiet) tbody.spectrum-Table-body{border-radius:var(--spectrum-table-compact-border-radius);border-width:var(\n--spectrum-table-compact-border-size\n)}:host([dir=ltr][density=compact]) .spectrum-Table:not(.spectrum-Table--quiet) tbody.spectrum-Table-body .spectrum-Table-row:first-child .spectrum-Table-cell:first-child{border-top-left-radius:var(\n--spectrum-table-compact-border-radius\n)}:host([dir=rtl][density=compact]) .spectrum-Table:not(.spectrum-Table--quiet) tbody.spectrum-Table-body .spectrum-Table-row:first-child .spectrum-Table-cell:first-child{border-top-right-radius:var(\n--spectrum-table-compact-border-radius\n)}:host([dir=ltr][density=compact]) .spectrum-Table:not(.spectrum-Table--quiet) tbody.spectrum-Table-body .spectrum-Table-row:first-child .spectrum-Table-cell:last-child{border-top-right-radius:var(\n--spectrum-table-compact-border-radius\n)}:host([dir=rtl][density=compact]) .spectrum-Table:not(.spectrum-Table--quiet) tbody.spectrum-Table-body .spectrum-Table-row:first-child .spectrum-Table-cell:last-child{border-top-left-radius:var(\n--spectrum-table-compact-border-radius\n)}:host([dir=ltr][density=compact]) .spectrum-Table:not(.spectrum-Table--quiet) tbody.spectrum-Table-body .spectrum-Table-row:last-child .spectrum-Table-cell:first-child{border-bottom-left-radius:var(\n--spectrum-table-compact-border-radius\n)}:host([dir=rtl][density=compact]) .spectrum-Table:not(.spectrum-Table--quiet) tbody.spectrum-Table-body .spectrum-Table-row:last-child .spectrum-Table-cell:first-child{border-bottom-right-radius:var(\n--spectrum-table-compact-border-radius\n)}:host([dir=ltr][density=compact]) .spectrum-Table:not(.spectrum-Table--quiet) tbody.spectrum-Table-body .spectrum-Table-row:last-child .spectrum-Table-cell:last-child{border-bottom-right-radius:var(\n--spectrum-table-compact-border-radius\n)}:host([dir=rtl][density=compact]) .spectrum-Table:not(.spectrum-Table--quiet) tbody.spectrum-Table-body .spectrum-Table-row:last-child .spectrum-Table-cell:last-child{border-bottom-left-radius:var(\n--spectrum-table-compact-border-radius\n)}:host([dir=ltr][density=compact]) .spectrum-Table-cell{padding-left:var(\n--spectrum-table-compact-cell-padding-left\n);padding-right:var(--spectrum-table-compact-cell-padding-right)}:host([dir=rtl][density=compact]) .spectrum-Table-cell{padding-left:var(--spectrum-table-compact-cell-padding-right);padding-right:var(\n--spectrum-table-compact-cell-padding-left\n)}:host([density=compact]) .spectrum-Table-cell{box-sizing:border-box;font-size:var(--spectrum-table-compact-cell-text-size);font-weight:var(--spectrum-table-compact-cell-text-font-weight);line-height:var(--spectrum-table-compact-cell-text-line-height);min-height:calc(var(--spectrum-table-compact-cell-min-height) - var(--spectrum-table-compact-cell-padding-top) - var(--spectrum-table-compact-cell-padding-bottom));padding-bottom:var(--spectrum-table-compact-cell-padding-bottom);padding-top:var(--spectrum-table-compact-cell-padding-top)}:host([density=compact]) .spectrum-Table-cell{position:relative}:host([density=compact]) .spectrum-Table-cell.focus-visible,:host([density=compact]) .spectrum-Table-cell.is-focused{outline:none}:host([density=compact]) .spectrum-Table-cell.is-focused,:host([density=compact]) .spectrum-Table-cell:focus-visible{outline:none}:host([dir=ltr][density=compact]) .spectrum-Table-cell.focus-visible:before,:host([dir=ltr][density=compact]) .spectrum-Table-cell.is-focused:before{right:0}:host([dir=ltr][density=compact]) .spectrum-Table-cell.is-focused:before,:host([dir=ltr][density=compact]) .spectrum-Table-cell:focus-visible:before{right:0}:host([dir=rtl][density=compact]) .spectrum-Table-cell.focus-visible:before,:host([dir=rtl][density=compact]) .spectrum-Table-cell.is-focused:before{left:0}:host([dir=rtl][density=compact]) .spectrum-Table-cell.is-focused:before,:host([dir=rtl][density=compact]) .spectrum-Table-cell:focus-visible:before{left:0}:host([dir=ltr][density=compact]) .spectrum-Table-cell.focus-visible:before,:host([dir=ltr][density=compact]) .spectrum-Table-cell.is-focused:before{left:0}:host([dir=ltr][density=compact]) .spectrum-Table-cell.is-focused:before,:host([dir=ltr][density=compact]) .spectrum-Table-cell:focus-visible:before{left:0}:host([dir=rtl][density=compact]) .spectrum-Table-cell.focus-visible:before,:host([dir=rtl][density=compact]) .spectrum-Table-cell.is-focused:before{right:0}:host([dir=rtl][density=compact]) .spectrum-Table-cell.is-focused:before,:host([dir=rtl][density=compact]) .spectrum-Table-cell:focus-visible:before{right:0}:host([density=compact]) .spectrum-Table-cell.focus-visible:before,:host([density=compact]) .spectrum-Table-cell.is-focused:before{border-radius:calc(var(--spectrum-table-compact-cell-border-radius-key-focus) - 1px);bottom:0;content:\"\";position:absolute;top:0;z-index:1}:host([density=compact]) .spectrum-Table-cell.is-focused:before,:host([density=compact]) .spectrum-Table-cell:focus-visible:before{border-radius:calc(var(--spectrum-table-compact-cell-border-radius-key-focus) - 1px);bottom:0;content:\"\";position:absolute;top:0;z-index:1}:host([dir=ltr][density=compact]) .spectrum-Table-cell--divider{border-right-width:var(\n--spectrum-table-compact-divider-border-size\n)}:host([dir=rtl][density=compact]) .spectrum-Table-cell--divider{border-left-width:var(\n--spectrum-table-compact-divider-border-size\n)}:host([density=compact]) .spectrum-Table-row{cursor:pointer;position:relative;transition:background-color var(--spectrum-global-animation-duration-100,.13s) ease-in-out}:host([density=compact]) .spectrum-Table-row:focus{outline:0}:host([density=compact]) .spectrum-Table>.spectrum-Table-body>.spectrum-Table-row:last-of-type{border-bottom-style:none}:host([density=compact]) .spectrum-Table--quiet .spectrum-Table-body{border-radius:var(\n--spectrum-table-compact-quiet-border-radius\n)}:host([density=compact]) .spectrum-Table--quiet .spectrum-Table-body.is-drop-target:before,:host([density=compact]) .spectrum-Table--quiet .spectrum-Table-row.is-drop-target:before{border-radius:var(\n--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50)\n)}:host([dir=ltr][density=compact]) .spectrum-Table-checkboxCell{padding-right:var(\n--spectrum-table-compact-cell-checkbox-padding-right\n)}:host([dir=rtl][density=compact]) .spectrum-Table-checkboxCell{padding-left:var(\n--spectrum-table-compact-cell-checkbox-padding-right\n)}:host([density=compact]) .spectrum-Table-checkboxCell{padding-bottom:0;padding-top:0;vertical-align:var(\n--spectrum-table-compact-cell-checkbox-vertical-alignment\n)}:host([density=compact]) .spectrum-Table-checkbox{vertical-align:super}:host([density=spacious]) .spectrum-Table-cell--alignCenter{text-align:center}:host([dir=ltr][density=spacious]) .spectrum-Table-cell--alignRight{text-align:right}:host([dir=rtl][density=spacious]) .spectrum-Table-cell--alignRight{text-align:left}:host([dir=ltr][density=spacious]) .spectrum-Table-body.is-drop-target:before,:host([dir=ltr][density=spacious]) .spectrum-Table-row.is-drop-target:before,:host([dir=ltr][density=spacious][density=compact]) .spectrum-Table-body.is-drop-target:before,:host([dir=ltr][density=spacious][density=compact]) .spectrum-Table-row.is-drop-target:before,:host([dir=ltr][density=spacious][density=spacious]) .spectrum-Table-body.is-drop-target:before,:host([dir=ltr][density=spacious][density=spacious]) .spectrum-Table-row.is-drop-target:before{left:0}:host([dir=rtl][density=spacious]) .spectrum-Table-body.is-drop-target:before,:host([dir=rtl][density=spacious]) .spectrum-Table-row.is-drop-target:before,:host([dir=rtl][density=spacious][density=compact]) .spectrum-Table-body.is-drop-target:before,:host([dir=rtl][density=spacious][density=compact]) .spectrum-Table-row.is-drop-target:before,:host([dir=rtl][density=spacious][density=spacious]) .spectrum-Table-body.is-drop-target:before,:host([dir=rtl][density=spacious][density=spacious]) .spectrum-Table-row.is-drop-target:before{right:0}:host([dir=ltr][density=spacious]) .spectrum-Table-body.is-drop-target:before,:host([dir=ltr][density=spacious]) .spectrum-Table-row.is-drop-target:before,:host([dir=ltr][density=spacious][density=compact]) .spectrum-Table-body.is-drop-target:before,:host([dir=ltr][density=spacious][density=compact]) .spectrum-Table-row.is-drop-target:before,:host([dir=ltr][density=spacious][density=spacious]) .spectrum-Table-body.is-drop-target:before,:host([dir=ltr][density=spacious][density=spacious]) .spectrum-Table-row.is-drop-target:before{right:0}:host([dir=rtl][density=spacious]) .spectrum-Table-body.is-drop-target:before,:host([dir=rtl][density=spacious]) .spectrum-Table-row.is-drop-target:before,:host([dir=rtl][density=spacious][density=compact]) .spectrum-Table-body.is-drop-target:before,:host([dir=rtl][density=spacious][density=compact]) .spectrum-Table-row.is-drop-target:before,:host([dir=rtl][density=spacious][density=spacious]) .spectrum-Table-body.is-drop-target:before,:host([dir=rtl][density=spacious][density=spacious]) .spectrum-Table-row.is-drop-target:before{left:0}:host([density=spacious]) .spectrum-Table-body.is-drop-target:before,:host([density=spacious]) .spectrum-Table-row.is-drop-target:before,:host([density=spacious][density=compact]) .spectrum-Table-body.is-drop-target:before,:host([density=spacious][density=compact]) .spectrum-Table-row.is-drop-target:before,:host([density=spacious][density=spacious]) .spectrum-Table-body.is-drop-target:before,:host([density=spacious][density=spacious]) .spectrum-Table-row.is-drop-target:before{bottom:0;content:\"\";position:absolute;top:0;z-index:1}:host([density=spacious]) .spectrum-Table-body{border-radius:var(--spectrum-table-spacious-border-radius);border-width:var(--spectrum-table-spacious-border-size);overflow:auto;position:relative;vertical-align:var(--spectrum-table-spacious-cell-vertical-alignment)}:host([density=spacious]) .spectrum-Table:not(.spectrum-Table--quiet) tbody.spectrum-Table-body{border-radius:var(--spectrum-table-spacious-border-radius);border-width:var(\n--spectrum-table-spacious-border-size\n)}:host([dir=ltr][density=spacious]) .spectrum-Table:not(.spectrum-Table--quiet) tbody.spectrum-Table-body .spectrum-Table-row:first-child .spectrum-Table-cell:first-child{border-top-left-radius:var(\n--spectrum-table-spacious-border-radius\n)}:host([dir=rtl][density=spacious]) .spectrum-Table:not(.spectrum-Table--quiet) tbody.spectrum-Table-body .spectrum-Table-row:first-child .spectrum-Table-cell:first-child{border-top-right-radius:var(\n--spectrum-table-spacious-border-radius\n)}:host([dir=ltr][density=spacious]) .spectrum-Table:not(.spectrum-Table--quiet) tbody.spectrum-Table-body .spectrum-Table-row:first-child .spectrum-Table-cell:last-child{border-top-right-radius:var(\n--spectrum-table-spacious-border-radius\n)}:host([dir=rtl][density=spacious]) .spectrum-Table:not(.spectrum-Table--quiet) tbody.spectrum-Table-body .spectrum-Table-row:first-child .spectrum-Table-cell:last-child{border-top-left-radius:var(\n--spectrum-table-spacious-border-radius\n)}:host([dir=ltr][density=spacious]) .spectrum-Table:not(.spectrum-Table--quiet) tbody.spectrum-Table-body .spectrum-Table-row:last-child .spectrum-Table-cell:first-child{border-bottom-left-radius:var(\n--spectrum-table-spacious-border-radius\n)}:host([dir=rtl][density=spacious]) .spectrum-Table:not(.spectrum-Table--quiet) tbody.spectrum-Table-body .spectrum-Table-row:last-child .spectrum-Table-cell:first-child{border-bottom-right-radius:var(\n--spectrum-table-spacious-border-radius\n)}:host([dir=ltr][density=spacious]) .spectrum-Table:not(.spectrum-Table--quiet) tbody.spectrum-Table-body .spectrum-Table-row:last-child .spectrum-Table-cell:last-child{border-bottom-right-radius:var(\n--spectrum-table-spacious-border-radius\n)}:host([dir=rtl][density=spacious]) .spectrum-Table:not(.spectrum-Table--quiet) tbody.spectrum-Table-body .spectrum-Table-row:last-child .spectrum-Table-cell:last-child{border-bottom-left-radius:var(\n--spectrum-table-spacious-border-radius\n)}:host([dir=ltr][density=spacious]) .spectrum-Table-cell{padding-left:var(\n--spectrum-table-spacious-cell-padding-left\n);padding-right:var(--spectrum-table-spacious-cell-padding-right)}:host([dir=rtl][density=spacious]) .spectrum-Table-cell{padding-left:var(--spectrum-table-spacious-cell-padding-right);padding-right:var(\n--spectrum-table-spacious-cell-padding-left\n)}:host([density=spacious]) .spectrum-Table-cell{box-sizing:border-box;font-size:var(--spectrum-table-spacious-cell-text-size);font-weight:var(--spectrum-table-spacious-cell-text-font-weight);line-height:var(--spectrum-table-spacious-cell-text-line-height);min-height:calc(var(--spectrum-table-spacious-cell-min-height) - var(--spectrum-table-spacious-cell-padding-top) - var(--spectrum-table-spacious-cell-padding-bottom));padding-bottom:var(--spectrum-table-spacious-cell-padding-bottom);padding-top:var(--spectrum-table-spacious-cell-padding-top)}:host([density=spacious]) .spectrum-Table-cell{position:relative}:host([density=spacious]) .spectrum-Table-cell.focus-visible,:host([density=spacious]) .spectrum-Table-cell.is-focused{outline:none}:host([density=spacious]) .spectrum-Table-cell.is-focused,:host([density=spacious]) .spectrum-Table-cell:focus-visible{outline:none}:host([dir=ltr][density=spacious]) .spectrum-Table-cell.focus-visible:before,:host([dir=ltr][density=spacious]) .spectrum-Table-cell.is-focused:before{right:0}:host([dir=ltr][density=spacious]) .spectrum-Table-cell.is-focused:before,:host([dir=ltr][density=spacious]) .spectrum-Table-cell:focus-visible:before{right:0}:host([dir=rtl][density=spacious]) .spectrum-Table-cell.focus-visible:before,:host([dir=rtl][density=spacious]) .spectrum-Table-cell.is-focused:before{left:0}:host([dir=rtl][density=spacious]) .spectrum-Table-cell.is-focused:before,:host([dir=rtl][density=spacious]) .spectrum-Table-cell:focus-visible:before{left:0}:host([dir=ltr][density=spacious]) .spectrum-Table-cell.focus-visible:before,:host([dir=ltr][density=spacious]) .spectrum-Table-cell.is-focused:before{left:0}:host([dir=ltr][density=spacious]) .spectrum-Table-cell.is-focused:before,:host([dir=ltr][density=spacious]) .spectrum-Table-cell:focus-visible:before{left:0}:host([dir=rtl][density=spacious]) .spectrum-Table-cell.focus-visible:before,:host([dir=rtl][density=spacious]) .spectrum-Table-cell.is-focused:before{right:0}:host([dir=rtl][density=spacious]) .spectrum-Table-cell.is-focused:before,:host([dir=rtl][density=spacious]) .spectrum-Table-cell:focus-visible:before{right:0}:host([density=spacious]) .spectrum-Table-cell.focus-visible:before,:host([density=spacious]) .spectrum-Table-cell.is-focused:before{border-radius:calc(var(--spectrum-table-spacious-cell-border-radius-key-focus) - 1px);bottom:0;content:\"\";position:absolute;top:0;z-index:1}:host([density=spacious]) .spectrum-Table-cell.is-focused:before,:host([density=spacious]) .spectrum-Table-cell:focus-visible:before{border-radius:calc(var(--spectrum-table-spacious-cell-border-radius-key-focus) - 1px);bottom:0;content:\"\";position:absolute;top:0;z-index:1}:host([dir=ltr][density=spacious]) .spectrum-Table-cell--divider{border-right-width:var(\n--spectrum-table-spacious-divider-border-size\n)}:host([dir=rtl][density=spacious]) .spectrum-Table-cell--divider{border-left-width:var(\n--spectrum-table-spacious-divider-border-size\n)}:host([density=spacious]) .spectrum-Table-row{cursor:pointer;position:relative;transition:background-color var(--spectrum-global-animation-duration-100,.13s) ease-in-out}:host([density=spacious]) .spectrum-Table-row:focus{outline:0}:host([density=spacious]) .spectrum-Table>.spectrum-Table-body>.spectrum-Table-row:last-of-type{border-bottom-style:none}:host([density=spacious]) .spectrum-Table--quiet .spectrum-Table-body{border-radius:var(\n--spectrum-table-spacious-quiet-border-radius\n)}:host([density=spacious]) .spectrum-Table--quiet .spectrum-Table-body.is-drop-target:before,:host([density=spacious]) .spectrum-Table--quiet .spectrum-Table-row.is-drop-target:before{border-radius:var(\n--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50)\n)}:host([dir=ltr][density=spacious]) .spectrum-Table-checkboxCell{padding-right:var(\n--spectrum-table-spacious-cell-checkbox-padding-right\n)}:host([dir=rtl][density=spacious]) .spectrum-Table-checkboxCell{padding-left:var(\n--spectrum-table-spacious-cell-checkbox-padding-right\n)}:host([density=spacious]) .spectrum-Table-checkboxCell{padding-bottom:0;padding-top:0;vertical-align:var(\n--spectrum-table-spacious-cell-checkbox-vertical-alignment\n)}:host([density=spacious]) .spectrum-Table-checkbox{vertical-align:super}.spectrum-Table-cell.focus-visible:before,.spectrum-Table-cell.is-focused:before{box-shadow:inset 0 0 0 2px var(\n--spectrum-table-m-regular-cell-border-color-key-focus,var(--spectrum-alias-border-color-key-focus)\n)}.spectrum-Table-cell.is-focused:before,.spectrum-Table-cell:focus-visible:before{box-shadow:inset 0 0 0 2px var(\n--spectrum-table-m-regular-cell-border-color-key-focus,var(--spectrum-alias-border-color-key-focus)\n)}.spectrum-Table-body{background-color:var(\n--spectrum-table-m-regular-background-color,var(--spectrum-global-color-gray-50)\n);border-color:var(\n--spectrum-table-m-regular-border-color,var(--spectrum-alias-border-color-mid)\n);border-style:solid}.spectrum-Table-body.is-drop-target{border-color:var(\n--spectrum-alias-border-color-key-focus,var(--spectrum-global-color-blue-400)\n);box-shadow:0 0 0 1px var(\n--spectrum-alias-border-color-key-focus,var(--spectrum-global-color-blue-400)\n)}.spectrum-Table-body.is-drop-target:before{background-color:var(\n--spectrum-alias-highlight-selected\n)}:host([dir=ltr]) tbody.spectrum-Table-body .spectrum-Table-row .spectrum-Table-cell:first-child{border-left:1px solid var(\n--spectrum-table-m-regular-border-color,var(--spectrum-alias-border-color-mid)\n)}:host([dir=rtl]) tbody.spectrum-Table-body .spectrum-Table-row .spectrum-Table-cell:first-child{border-right:1px solid var(\n--spectrum-table-m-regular-border-color,var(--spectrum-alias-border-color-mid)\n)}:host([dir=ltr]) tbody.spectrum-Table-body .spectrum-Table-row .spectrum-Table-cell:last-child{border-right:1px solid var(\n--spectrum-table-m-regular-border-color,var(--spectrum-alias-border-color-mid)\n)}:host([dir=rtl]) tbody.spectrum-Table-body .spectrum-Table-row .spectrum-Table-cell:last-child{border-left:1px solid var(\n--spectrum-table-m-regular-border-color,var(--spectrum-alias-border-color-mid)\n)}.spectrum-Table-row{background-color:var(\n--spectrum-table-m-regular-row-background-color,var(--spectrum-alias-background-color-transparent)\n);border-bottom:1px solid var(\n--spectrum-table-m-regular-border-color,var(--spectrum-alias-border-color-mid)\n)}.spectrum-Table-row:hover{background-color:var(\n--spectrum-table-m-regular-row-background-color-hover,var(--spectrum-alias-highlight-hover)\n)}.spectrum-Table-row.focus-visible,.spectrum-Table-row.is-focused{background-color:var(\n--spectrum-table-m-regular-row-background-color-hover,var(--spectrum-alias-highlight-hover)\n)}.spectrum-Table-row.is-focused,.spectrum-Table-row:focus-visible{background-color:var(\n--spectrum-table-m-regular-row-background-color-hover,var(--spectrum-alias-highlight-hover)\n)}.spectrum-Table-row:active{background-color:var(\n--spectrum-table-m-regular-row-background-color-down,var(--spectrum-alias-highlight-down)\n)}.spectrum-Table-row.is-selected{background-color:var(\n--spectrum-table-m-regular-row-background-color-selected,var(--spectrum-alias-highlight-selected)\n)}.spectrum-Table-row.is-selected:hover{background-color:var(\n--spectrum-table-m-regular-row-background-color-selected-hover,var(--spectrum-alias-highlight-selected-hover)\n)}.spectrum-Table-row.is-selected.focus-visible,.spectrum-Table-row.is-selected.is-focused{background-color:var(\n--spectrum-table-m-regular-row-background-color-selected-key-focus,var(--spectrum-alias-highlight-selected-hover)\n)}.spectrum-Table-row.is-selected.is-focused,.spectrum-Table-row.is-selected:focus-visible{background-color:var(\n--spectrum-table-m-regular-row-background-color-selected-key-focus,var(--spectrum-alias-highlight-selected-hover)\n)}.spectrum-Table-row.is-drop-target:before{background-color:var(--spectrum-alias-highlight-selected);box-shadow:inset 0 0 0 2px var(\n--spectrum-alias-border-color-key-focus,var(--spectrum-global-color-blue-400)\n)}.spectrum-Table-cell{background-color:var(\n--spectrum-table-m-regular-cell-background-color,var(--spectrum-alias-background-color-transparent)\n);color:var(\n--spectrum-table-m-regular-cell-text-color,var(--spectrum-alias-text-color)\n)}:host([dir=ltr]) .spectrum-Table-cell--divider{border-right-style:solid}:host([dir=rtl]) .spectrum-Table-cell--divider{border-left-style:solid}:host([dir=ltr]) .spectrum-Table-cell--divider{border-right-color:var(\n--spectrum-table-m-regular-divider-border-color,var(--spectrum-alias-border-color-mid)\n)}:host([dir=rtl]) .spectrum-Table-cell--divider{border-left-color:var(\n--spectrum-table-m-regular-divider-border-color,var(--spectrum-alias-border-color-mid)\n)}.spectrum-Table--quiet .spectrum-Table-body{background-color:var(\n--spectrum-table-m-regular-quiet-cell-background-color,var(--spectrum-alias-background-color-transparent)\n);border-width:1px 0}.spectrum-Table--quiet .spectrum-Table-body.is-drop-target{border-color:transparent;box-shadow:none}.spectrum-Table--quiet .spectrum-Table-body.is-drop-target:before{box-shadow:inset 0 0 0 2px var(\n--spectrum-alias-border-color-key-focus,var(--spectrum-global-color-blue-400)\n)}.spectrum-Table--quiet .spectrum-Table-row{background-color:var(\n--spectrum-table-m-regular-quiet-row-background-color,var(--spectrum-alias-background-color-transparent)\n)}.spectrum-Table--quiet .spectrum-Table-row:hover{background-color:var(\n--spectrum-table-m-regular-quiet-row-background-color-hover,var(--spectrum-alias-highlight-hover)\n)}.spectrum-Table--quiet .spectrum-Table-row.focus-visible,.spectrum-Table--quiet .spectrum-Table-row.is-focused{background-color:var(\n--spectrum-table-m-regular-quiet-row-background-color-hover,var(--spectrum-alias-highlight-hover)\n)}.spectrum-Table--quiet .spectrum-Table-row.is-focused,.spectrum-Table--quiet .spectrum-Table-row:focus-visible{background-color:var(\n--spectrum-table-m-regular-quiet-row-background-color-hover,var(--spectrum-alias-highlight-hover)\n)}.spectrum-Table--quiet .spectrum-Table-row:active{background-color:var(\n--spectrum-table-m-regular-quiet-row-background-color-down,var(--spectrum-alias-highlight-down)\n)}.spectrum-Table--quiet .spectrum-Table-row.is-selected{background-color:var(\n--spectrum-table-m-regular-quiet-row-background-color-selected,var(--spectrum-alias-highlight-selected)\n)}.spectrum-Table--quiet .spectrum-Table-row.is-selected:hover{background-color:var(\n--spectrum-table-m-regular-quiet-row-background-color-selected-hover,var(--spectrum-alias-highlight-selected-hover)\n)}.spectrum-Table--quiet .spectrum-Table-row.is-selected.focus-visible,.spectrum-Table--quiet .spectrum-Table-row.is-selected.is-focused{background-color:var(\n--spectrum-table-m-regular-quiet-row-background-color-selected-key-focus,var(--spectrum-alias-highlight-selected-hover)\n)}.spectrum-Table--quiet .spectrum-Table-row.is-selected.is-focused,.spectrum-Table--quiet .spectrum-Table-row.is-selected:focus-visible{background-color:var(\n--spectrum-table-m-regular-quiet-row-background-color-selected-key-focus,var(--spectrum-alias-highlight-selected-hover)\n)}:host([dir=ltr]) .spectrum-Table--quiet tbody.spectrum-Table-body .spectrum-Table-row .spectrum-Table-cell:first-child,:host([dir=ltr]) .spectrum-Table--quiet tbody.spectrum-Table-body .spectrum-Table-row .spectrum-Table-cell:last-child{border-left:none}:host([dir=rtl]) .spectrum-Table--quiet tbody.spectrum-Table-body .spectrum-Table-row .spectrum-Table-cell:first-child,:host([dir=rtl]) .spectrum-Table--quiet tbody.spectrum-Table-body .spectrum-Table-row .spectrum-Table-cell:last-child{border-right:none}:host([dir=ltr]) .spectrum-Table--quiet tbody.spectrum-Table-body .spectrum-Table-row .spectrum-Table-cell:first-child,:host([dir=ltr]) .spectrum-Table--quiet tbody.spectrum-Table-body .spectrum-Table-row .spectrum-Table-cell:last-child{border-right:none}:host([dir=rtl]) .spectrum-Table--quiet tbody.spectrum-Table-body .spectrum-Table-row .spectrum-Table-cell:first-child,:host([dir=rtl]) .spectrum-Table--quiet tbody.spectrum-Table-body .spectrum-Table-row .spectrum-Table-cell:last-child{border-left:none}:host{display:flex;flex-direction:column}:host([scroller]) sp-table-body{min-height:max-content;overflow:visible}\n`;\nexport default styles;"],
5
- "mappings": "AAWA,oDACA,KAAM,GAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA6ff,cAAe",
6
- "names": []
4
+ "sourcesContent": ["/*\nCopyright 2022 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host{border-collapse:separate;border-spacing:0}:host([size=s]){--spectrum-table-compact-quiet-border-radius:var(\n--spectrum-table-s-compact-quiet-border-radius,var(--spectrum-global-dimension-static-size-0)\n);--spectrum-table-compact-header-border-radius:var(\n--spectrum-table-s-compact-header-border-radius,var(--spectrum-global-dimension-static-size-0)\n);--spectrum-table-compact-cell-border-radius-key-focus:var(\n--spectrum-table-s-compact-cell-border-radius-key-focus,var(--spectrum-alias-border-radius-regular)\n);--spectrum-table-compact-divider-border-size:var(\n--spectrum-table-s-compact-divider-border-size,var(--spectrum-alias-border-size-thin)\n);--spectrum-table-compact-header-text-size:var(\n--spectrum-table-s-compact-header-text-size,var(--spectrum-global-dimension-font-size-50)\n);--spectrum-table-compact-header-text-font-weight:var(\n--spectrum-table-s-compact-header-text-font-weight,var(--spectrum-alias-detail-text-font-weight-regular)\n);--spectrum-table-compact-header-text-letter-spacing:var(\n--spectrum-table-s-compact-header-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium)\n);--spectrum-table-compact-header-text-line-height:var(\n--spectrum-table-s-compact-header-text-line-height,var(--spectrum-alias-heading-text-line-height)\n);--spectrum-table-compact-header-sort-icon-gap:var(\n--spectrum-table-s-compact-header-sort-icon-gap,var(--spectrum-global-dimension-size-125)\n);--spectrum-table-compact-header-min-height:var(\n--spectrum-table-s-compact-header-min-height,var(--spectrum-global-dimension-size-400)\n);--spectrum-table-compact-header-padding-top:var(\n--spectrum-table-s-compact-header-padding-top,var(--spectrum-global-dimension-static-size-125)\n);--spectrum-table-compact-header-padding-bottom:var(\n--spectrum-table-s-compact-header-padding-bottom,var(--spectrum-global-dimension-static-size-125)\n);--spectrum-table-compact-header-padding-left:var(\n--spectrum-table-s-compact-header-padding-left,var(--spectrum-global-dimension-static-size-200)\n);--spectrum-table-compact-header-padding-right:var(\n--spectrum-table-s-compact-header-padding-right,var(--spectrum-global-dimension-static-size-200)\n);--spectrum-table-compact-cell-text-size:var(\n--spectrum-table-s-compact-cell-text-size,var(--spectrum-global-dimension-font-size-75)\n);--spectrum-table-compact-cell-text-font-weight:var(\n--spectrum-table-s-compact-cell-text-font-weight,var(--spectrum-alias-body-text-font-weight)\n);--spectrum-table-compact-cell-text-line-height:var(\n--spectrum-table-s-compact-cell-text-line-height,var(--spectrum-alias-component-text-line-height)\n);--spectrum-table-compact-cell-checkbox-padding-right:var(\n--spectrum-table-s-compact-cell-checkbox-padding-right,var(--spectrum-global-dimension-size-100)\n);--spectrum-table-compact-cell-checkbox-vertical-alignment:var(\n--spectrum-table-s-compact-cell-checkbox-vertical-alignment,middle\n);--spectrum-table-compact-cell-min-height:var(\n--spectrum-table-s-compact-cell-min-height,var(--spectrum-global-dimension-size-300)\n);--spectrum-table-compact-cell-padding-top:var(\n--spectrum-table-s-compact-cell-padding-top,var(--spectrum-global-dimension-size-50)\n);--spectrum-table-compact-cell-padding-bottom:var(\n--spectrum-table-s-compact-cell-padding-bottom,var(--spectrum-global-dimension-size-50)\n);--spectrum-table-compact-cell-padding-left:var(\n--spectrum-table-s-compact-cell-padding-left,var(--spectrum-global-dimension-static-size-200)\n);--spectrum-table-compact-cell-padding-right:var(\n--spectrum-table-s-compact-cell-padding-right,var(--spectrum-global-dimension-static-size-200)\n);--spectrum-table-compact-cell-vertical-alignment:var(\n--spectrum-table-s-compact-cell-vertical-alignment,top\n);--spectrum-table-compact-border-radius:var(\n--spectrum-table-s-compact-border-radius,var(--spectrum-alias-border-radius-regular)\n);--spectrum-table-compact-border-size:var(\n--spectrum-table-s-compact-border-size,var(--spectrum-alias-border-size-thin)\n);--spectrum-table-regular-quiet-border-radius:var(\n--spectrum-table-s-regular-quiet-border-radius,var(--spectrum-global-dimension-static-size-0)\n);--spectrum-table-regular-header-border-radius:var(\n--spectrum-table-s-regular-header-border-radius,var(--spectrum-global-dimension-static-size-0)\n);--spectrum-table-regular-cell-border-radius-key-focus:var(\n--spectrum-table-s-regular-cell-border-radius-key-focus,var(--spectrum-alias-border-radius-regular)\n);--spectrum-table-regular-divider-border-size:var(\n--spectrum-table-s-regular-divider-border-size,var(--spectrum-alias-border-size-thin)\n);--spectrum-table-regular-header-text-size:var(\n--spectrum-table-s-regular-header-text-size,var(--spectrum-global-dimension-font-size-50)\n);--spectrum-table-regular-header-text-font-weight:var(\n--spectrum-table-s-regular-header-text-font-weight,var(--spectrum-alias-detail-text-font-weight-regular)\n);--spectrum-table-regular-header-text-letter-spacing:var(\n--spectrum-table-s-regular-header-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium)\n);--spectrum-table-regular-header-text-line-height:var(\n--spectrum-table-s-regular-header-text-line-height,var(--spectrum-alias-heading-text-line-height)\n);--spectrum-table-regular-header-sort-icon-gap:var(\n--spectrum-table-s-regular-header-sort-icon-gap,var(--spectrum-global-dimension-size-125)\n);--spectrum-table-regular-header-min-height:var(\n--spectrum-table-s-regular-header-min-height,var(--spectrum-global-dimension-size-400)\n);--spectrum-table-regular-header-padding-top:var(\n--spectrum-table-s-regular-header-padding-top,var(--spectrum-global-dimension-static-size-125)\n);--spectrum-table-regular-header-padding-bottom:var(\n--spectrum-table-s-regular-header-padding-bottom,var(--spectrum-global-dimension-static-size-125)\n);--spectrum-table-regular-header-padding-left:var(\n--spectrum-table-s-regular-header-padding-left,var(--spectrum-global-dimension-static-size-200)\n);--spectrum-table-regular-header-padding-right:var(\n--spectrum-table-s-regular-header-padding-right,var(--spectrum-global-dimension-static-size-200)\n);--spectrum-table-regular-cell-text-size:var(\n--spectrum-table-s-regular-cell-text-size,var(--spectrum-global-dimension-font-size-75)\n);--spectrum-table-regular-cell-text-font-weight:var(\n--spectrum-table-s-regular-cell-text-font-weight,var(--spectrum-alias-body-text-font-weight)\n);--spectrum-table-regular-cell-text-line-height:var(\n--spectrum-table-s-regular-cell-text-line-height,var(--spectrum-alias-component-text-line-height)\n);--spectrum-table-regular-cell-checkbox-padding-right:var(\n--spectrum-table-s-regular-cell-checkbox-padding-right,var(--spectrum-global-dimension-size-100)\n);--spectrum-table-regular-cell-checkbox-vertical-alignment:var(\n--spectrum-table-s-regular-cell-checkbox-vertical-alignment,middle\n);--spectrum-table-regular-cell-min-height:var(\n--spectrum-table-s-regular-cell-min-height,var(--spectrum-global-dimension-size-400)\n);--spectrum-table-regular-cell-padding-top:var(\n--spectrum-table-s-regular-cell-padding-top,var(--spectrum-global-dimension-size-85)\n);--spectrum-table-regular-cell-padding-bottom:var(\n--spectrum-table-s-regular-cell-padding-bottom,var(--spectrum-global-dimension-size-85)\n);--spectrum-table-regular-cell-padding-left:var(\n--spectrum-table-s-regular-cell-padding-left,var(--spectrum-global-dimension-static-size-200)\n);--spectrum-table-regular-cell-padding-right:var(\n--spectrum-table-s-regular-cell-padding-right,var(--spectrum-global-dimension-static-size-200)\n);--spectrum-table-regular-cell-vertical-alignment:var(\n--spectrum-table-s-regular-cell-vertical-alignment,top\n);--spectrum-table-regular-border-radius:var(\n--spectrum-table-s-regular-border-radius,var(--spectrum-alias-border-radius-regular)\n);--spectrum-table-regular-border-size:var(\n--spectrum-table-s-regular-border-size,var(--spectrum-alias-border-size-thin)\n);--spectrum-table-spacious-quiet-border-radius:var(\n--spectrum-table-s-spacious-quiet-border-radius,var(--spectrum-global-dimension-static-size-0)\n);--spectrum-table-spacious-header-border-radius:var(\n--spectrum-table-s-spacious-header-border-radius,var(--spectrum-global-dimension-static-size-0)\n);--spectrum-table-spacious-cell-border-radius-key-focus:var(\n--spectrum-table-s-spacious-cell-border-radius-key-focus,var(--spectrum-alias-border-radius-regular)\n);--spectrum-table-spacious-divider-border-size:var(\n--spectrum-table-s-spacious-divider-border-size,var(--spectrum-alias-border-size-thin)\n);--spectrum-table-spacious-header-text-size:var(\n--spectrum-table-s-spacious-header-text-size,var(--spectrum-global-dimension-font-size-50)\n);--spectrum-table-spacious-header-text-font-weight:var(\n--spectrum-table-s-spacious-header-text-font-weight,var(--spectrum-alias-detail-text-font-weight-regular)\n);--spectrum-table-spacious-header-text-letter-spacing:var(\n--spectrum-table-s-spacious-header-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium)\n);--spectrum-table-spacious-header-text-line-height:var(\n--spectrum-table-s-spacious-header-text-line-height,var(--spectrum-alias-heading-text-line-height)\n);--spectrum-table-spacious-header-sort-icon-gap:var(\n--spectrum-table-s-spacious-header-sort-icon-gap,var(--spectrum-global-dimension-size-125)\n);--spectrum-table-spacious-header-min-height:var(\n--spectrum-table-s-spacious-header-min-height,var(--spectrum-global-dimension-size-400)\n);--spectrum-table-spacious-header-padding-top:var(\n--spectrum-table-s-spacious-header-padding-top,var(--spectrum-global-dimension-static-size-125)\n);--spectrum-table-spacious-header-padding-bottom:var(\n--spectrum-table-s-spacious-header-padding-bottom,var(--spectrum-global-dimension-static-size-125)\n);--spectrum-table-spacious-header-padding-left:var(\n--spectrum-table-s-spacious-header-padding-left,var(--spectrum-global-dimension-static-size-200)\n);--spectrum-table-spacious-header-padding-right:var(\n--spectrum-table-s-spacious-header-padding-right,var(--spectrum-global-dimension-static-size-200)\n);--spectrum-table-spacious-cell-text-size:var(\n--spectrum-table-s-spacious-cell-text-size,var(--spectrum-global-dimension-font-size-75)\n);--spectrum-table-spacious-cell-text-font-weight:var(\n--spectrum-table-s-spacious-cell-text-font-weight,var(--spectrum-alias-body-text-font-weight)\n);--spectrum-table-spacious-cell-text-line-height:var(\n--spectrum-table-s-spacious-cell-text-line-height,var(--spectrum-alias-component-text-line-height)\n);--spectrum-table-spacious-cell-checkbox-padding-right:var(\n--spectrum-table-s-spacious-cell-checkbox-padding-right,var(--spectrum-global-dimension-size-100)\n);--spectrum-table-spacious-cell-checkbox-vertical-alignment:var(\n--spectrum-table-s-spacious-cell-checkbox-vertical-alignment,middle\n);--spectrum-table-spacious-cell-min-height:var(\n--spectrum-table-s-spacious-cell-min-height,var(--spectrum-global-dimension-size-500)\n);--spectrum-table-spacious-cell-padding-top:var(\n--spectrum-table-s-spacious-cell-padding-top,var(--spectrum-global-dimension-size-125)\n);--spectrum-table-spacious-cell-padding-bottom:var(\n--spectrum-table-s-spacious-cell-padding-bottom,var(--spectrum-global-dimension-size-125)\n);--spectrum-table-spacious-cell-padding-left:var(\n--spectrum-table-s-spacious-cell-padding-left,var(--spectrum-global-dimension-static-size-200)\n);--spectrum-table-spacious-cell-padding-right:var(\n--spectrum-table-s-spacious-cell-padding-right,var(--spectrum-global-dimension-static-size-200)\n);--spectrum-table-spacious-cell-vertical-alignment:var(\n--spectrum-table-s-spacious-cell-vertical-alignment,top\n);--spectrum-table-spacious-border-radius:var(\n--spectrum-table-s-spacious-border-radius,var(--spectrum-alias-border-radius-regular)\n);--spectrum-table-spacious-border-size:var(\n--spectrum-table-s-spacious-border-size,var(--spectrum-alias-border-size-thin)\n)}:host([size=m]){--spectrum-table-compact-quiet-border-radius:var(\n--spectrum-table-m-compact-quiet-border-radius,var(--spectrum-global-dimension-static-size-0)\n);--spectrum-table-compact-header-border-radius:var(\n--spectrum-table-m-compact-header-border-radius,var(--spectrum-global-dimension-static-size-0)\n);--spectrum-table-compact-cell-border-radius-key-focus:var(\n--spectrum-table-m-compact-cell-border-radius-key-focus,var(--spectrum-alias-border-radius-regular)\n);--spectrum-table-compact-divider-border-size:var(\n--spectrum-table-m-compact-divider-border-size,var(--spectrum-alias-border-size-thin)\n);--spectrum-table-compact-header-text-size:var(\n--spectrum-table-m-compact-header-text-size,var(--spectrum-global-dimension-font-size-50)\n);--spectrum-table-compact-header-text-font-weight:var(\n--spectrum-table-m-compact-header-text-font-weight,var(--spectrum-alias-detail-text-font-weight-regular)\n);--spectrum-table-compact-header-text-letter-spacing:var(\n--spectrum-table-m-compact-header-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium)\n);--spectrum-table-compact-header-text-line-height:var(\n--spectrum-table-m-compact-header-text-line-height,var(--spectrum-alias-heading-text-line-height)\n);--spectrum-table-compact-header-sort-icon-gap:var(\n--spectrum-table-m-compact-header-sort-icon-gap,var(--spectrum-global-dimension-size-125)\n);--spectrum-table-compact-header-min-height:var(\n--spectrum-table-m-compact-header-min-height,var(--spectrum-global-dimension-size-400)\n);--spectrum-table-compact-header-padding-top:var(\n--spectrum-table-m-compact-header-padding-top,var(--spectrum-global-dimension-static-size-125)\n);--spectrum-table-compact-header-padding-bottom:var(\n--spectrum-table-m-compact-header-padding-bottom,var(--spectrum-global-dimension-static-size-125)\n);--spectrum-table-compact-header-padding-left:var(\n--spectrum-table-m-compact-header-padding-left,var(--spectrum-global-dimension-static-size-200)\n);--spectrum-table-compact-header-padding-right:var(\n--spectrum-table-m-compact-header-padding-right,var(--spectrum-global-dimension-static-size-200)\n);--spectrum-table-compact-cell-text-size:var(\n--spectrum-table-m-compact-cell-text-size,var(--spectrum-global-dimension-font-size-100)\n);--spectrum-table-compact-cell-text-font-weight:var(\n--spectrum-table-m-compact-cell-text-font-weight,var(--spectrum-alias-body-text-font-weight)\n);--spectrum-table-compact-cell-text-line-height:var(\n--spectrum-table-m-compact-cell-text-line-height,var(--spectrum-alias-component-text-line-height)\n);--spectrum-table-compact-cell-checkbox-padding-right:var(\n--spectrum-table-m-compact-cell-checkbox-padding-right,var(--spectrum-global-dimension-size-100)\n);--spectrum-table-compact-cell-checkbox-vertical-alignment:var(\n--spectrum-table-m-compact-cell-checkbox-vertical-alignment,middle\n);--spectrum-table-compact-cell-min-height:var(\n--spectrum-table-m-compact-cell-min-height,var(--spectrum-global-dimension-size-400)\n);--spectrum-table-compact-cell-padding-top:var(\n--spectrum-table-m-compact-cell-padding-top,var(--spectrum-global-dimension-size-85)\n);--spectrum-table-compact-cell-padding-bottom:var(\n--spectrum-table-m-compact-cell-padding-bottom,var(--spectrum-global-dimension-size-85)\n);--spectrum-table-compact-cell-padding-left:var(\n--spectrum-table-m-compact-cell-padding-left,var(--spectrum-global-dimension-static-size-200)\n);--spectrum-table-compact-cell-padding-right:var(\n--spectrum-table-m-compact-cell-padding-right,var(--spectrum-global-dimension-static-size-200)\n);--spectrum-table-compact-cell-vertical-alignment:var(\n--spectrum-table-m-compact-cell-vertical-alignment,top\n);--spectrum-table-compact-border-radius:var(\n--spectrum-table-m-compact-border-radius,var(--spectrum-alias-border-radius-regular)\n);--spectrum-table-compact-border-size:var(\n--spectrum-table-m-compact-border-size,var(--spectrum-alias-border-size-thin)\n);--spectrum-table-regular-quiet-border-radius:var(\n--spectrum-table-m-regular-quiet-border-radius,var(--spectrum-global-dimension-static-size-0)\n);--spectrum-table-regular-header-border-radius:var(\n--spectrum-table-m-regular-header-border-radius,var(--spectrum-global-dimension-static-size-0)\n);--spectrum-table-regular-cell-border-radius-key-focus:var(\n--spectrum-table-m-regular-cell-border-radius-key-focus,var(--spectrum-alias-border-radius-regular)\n);--spectrum-table-regular-divider-border-size:var(\n--spectrum-table-m-regular-divider-border-size,var(--spectrum-alias-border-size-thin)\n);--spectrum-table-regular-header-text-size:var(\n--spectrum-table-m-regular-header-text-size,var(--spectrum-global-dimension-font-size-50)\n);--spectrum-table-regular-header-text-font-weight:var(\n--spectrum-table-m-regular-header-text-font-weight,var(--spectrum-alias-detail-text-font-weight-regular)\n);--spectrum-table-regular-header-text-letter-spacing:var(\n--spectrum-table-m-regular-header-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium)\n);--spectrum-table-regular-header-text-line-height:var(\n--spectrum-table-m-regular-header-text-line-height,var(--spectrum-alias-heading-text-line-height)\n);--spectrum-table-regular-header-sort-icon-gap:var(\n--spectrum-table-m-regular-header-sort-icon-gap,var(--spectrum-global-dimension-size-125)\n);--spectrum-table-regular-header-min-height:var(\n--spectrum-table-m-regular-header-min-height,var(--spectrum-global-dimension-size-400)\n);--spectrum-table-regular-header-padding-top:var(\n--spectrum-table-m-regular-header-padding-top,var(--spectrum-global-dimension-static-size-125)\n);--spectrum-table-regular-header-padding-bottom:var(\n--spectrum-table-m-regular-header-padding-bottom,var(--spectrum-global-dimension-static-size-125)\n);--spectrum-table-regular-header-padding-left:var(\n--spectrum-table-m-regular-header-padding-left,var(--spectrum-global-dimension-static-size-200)\n);--spectrum-table-regular-header-padding-right:var(\n--spectrum-table-m-regular-header-padding-right,var(--spectrum-global-dimension-static-size-200)\n);--spectrum-table-regular-cell-text-size:var(\n--spectrum-table-m-regular-cell-text-size,var(--spectrum-global-dimension-font-size-100)\n);--spectrum-table-regular-cell-text-font-weight:var(\n--spectrum-table-m-regular-cell-text-font-weight,var(--spectrum-alias-body-text-font-weight)\n);--spectrum-table-regular-cell-text-line-height:var(\n--spectrum-table-m-regular-cell-text-line-height,var(--spectrum-alias-component-text-line-height)\n);--spectrum-table-regular-cell-checkbox-padding-right:var(\n--spectrum-table-m-regular-cell-checkbox-padding-right,var(--spectrum-global-dimension-size-100)\n);--spectrum-table-regular-cell-checkbox-vertical-alignment:var(\n--spectrum-table-m-regular-cell-checkbox-vertical-alignment,middle\n);--spectrum-table-regular-cell-min-height:var(\n--spectrum-table-m-regular-cell-min-height,var(--spectrum-global-dimension-size-500)\n);--spectrum-table-regular-cell-padding-top:var(\n--spectrum-table-m-regular-cell-padding-top,var(--spectrum-global-dimension-size-130)\n);--spectrum-table-regular-cell-padding-bottom:var(\n--spectrum-table-m-regular-cell-padding-bottom,var(--spectrum-global-dimension-size-130)\n);--spectrum-table-regular-cell-padding-left:var(\n--spectrum-table-m-regular-cell-padding-left,var(--spectrum-global-dimension-static-size-200)\n);--spectrum-table-regular-cell-padding-right:var(\n--spectrum-table-m-regular-cell-padding-right,var(--spectrum-global-dimension-static-size-200)\n);--spectrum-table-regular-cell-vertical-alignment:var(\n--spectrum-table-m-regular-cell-vertical-alignment,top\n);--spectrum-table-regular-border-radius:var(\n--spectrum-table-m-regular-border-radius,var(--spectrum-alias-border-radius-regular)\n);--spectrum-table-regular-border-size:var(\n--spectrum-table-m-regular-border-size,var(--spectrum-alias-border-size-thin)\n);--spectrum-table-spacious-quiet-border-radius:var(\n--spectrum-table-m-spacious-quiet-border-radius,var(--spectrum-global-dimension-static-size-0)\n);--spectrum-table-spacious-header-border-radius:var(\n--spectrum-table-m-spacious-header-border-radius,var(--spectrum-global-dimension-static-size-0)\n);--spectrum-table-spacious-cell-border-radius-key-focus:var(\n--spectrum-table-m-spacious-cell-border-radius-key-focus,var(--spectrum-alias-border-radius-regular)\n);--spectrum-table-spacious-divider-border-size:var(\n--spectrum-table-m-spacious-divider-border-size,var(--spectrum-alias-border-size-thin)\n);--spectrum-table-spacious-header-text-size:var(\n--spectrum-table-m-spacious-header-text-size,var(--spectrum-global-dimension-font-size-50)\n);--spectrum-table-spacious-header-text-font-weight:var(\n--spectrum-table-m-spacious-header-text-font-weight,var(--spectrum-alias-detail-text-font-weight-regular)\n);--spectrum-table-spacious-header-text-letter-spacing:var(\n--spectrum-table-m-spacious-header-text-letter-spacing,var(--spectrum-global-font-letter-spacing-medium)\n);--spectrum-table-spacious-header-text-line-height:var(\n--spectrum-table-m-spacious-header-text-line-height,var(--spectrum-alias-heading-text-line-height)\n);--spectrum-table-spacious-header-sort-icon-gap:var(\n--spectrum-table-m-spacious-header-sort-icon-gap,var(--spectrum-global-dimension-size-125)\n);--spectrum-table-spacious-header-min-height:var(\n--spectrum-table-m-spacious-header-min-height,var(--spectrum-global-dimension-size-400)\n);--spectrum-table-spacious-header-padding-top:var(\n--spectrum-table-m-spacious-header-padding-top,var(--spectrum-global-dimension-static-size-125)\n);--spectrum-table-spacious-header-padding-bottom:var(\n--spectrum-table-m-spacious-header-padding-bottom,var(--spectrum-global-dimension-static-size-125)\n);--spectrum-table-spacious-header-padding-left:var(\n--spectrum-table-m-spacious-header-padding-left,var(--spectrum-global-dimension-static-size-200)\n);--spectrum-table-spacious-header-padding-right:var(\n--spectrum-table-m-spacious-header-padding-right,var(--spectrum-global-dimension-static-size-200)\n);--spectrum-table-spacious-cell-text-size:var(\n--spectrum-table-m-spacious-cell-text-size,var(--spectrum-global-dimension-font-size-100)\n);--spectrum-table-spacious-cell-text-font-weight:var(\n--spectrum-table-m-spacious-cell-text-font-weight,var(--spectrum-alias-body-text-font-weight)\n);--spectrum-table-spacious-cell-text-line-height:var(\n--spectrum-table-m-spacious-cell-text-line-height,var(--spectrum-alias-component-text-line-height)\n);--spectrum-table-spacious-cell-checkbox-padding-right:var(\n--spectrum-table-m-spacious-cell-checkbox-padding-right,var(--spectrum-global-dimension-size-100)\n);--spectrum-table-spacious-cell-checkbox-vertical-alignment:var(\n--spectrum-table-m-spacious-cell-checkbox-vertical-alignment,middle\n);--spectrum-table-spacious-cell-min-height:var(\n--spectrum-table-m-spacious-cell-min-height,var(--spectrum-global-dimension-size-600)\n);--spectrum-table-spacious-cell-padding-top:var(\n--spectrum-table-m-spacious-cell-padding-top,var(--spectrum-global-dimension-size-185)\n);--spectrum-table-spacious-cell-padding-bottom:var(\n--spectrum-table-m-spacious-cell-padding-bottom,var(--spectrum-global-dimension-size-185)\n);--spectrum-table-spacious-cell-padding-left:var(\n--spectrum-table-m-spacious-cell-padding-left,var(--spectrum-global-dimension-static-size-200)\n);--spectrum-table-spacious-cell-padding-right:var(\n--spectrum-table-m-spacious-cell-padding-right,var(--spectrum-global-dimension-static-size-200)\n);--spectrum-table-spacious-cell-vertical-alignment:var(\n--spectrum-table-m-spacious-cell-vertical-alignment,top\n);--spectrum-table-spacious-border-radius:var(\n--spectrum-table-m-spacious-border-radius,var(--spectrum-alias-border-radius-regular)\n);--spectrum-table-spacious-border-size:var(\n--spectrum-table-m-spacious-border-size,var(--spectrum-alias-border-size-thin)\n)}.spectrum-Table-cell--alignCenter{text-align:center}:host([dir=ltr]) .spectrum-Table-cell--alignRight{text-align:right}:host([dir=rtl]) .spectrum-Table-cell--alignRight{text-align:left}:host([dir=ltr]) .spectrum-Table-body.is-drop-target:before,:host([dir=ltr]) .spectrum-Table-row.is-drop-target:before,:host([dir=ltr][density=compact]) .spectrum-Table-body.is-drop-target:before,:host([dir=ltr][density=compact]) .spectrum-Table-row.is-drop-target:before,:host([dir=ltr][density=spacious]) .spectrum-Table-body.is-drop-target:before,:host([dir=ltr][density=spacious]) .spectrum-Table-row.is-drop-target:before{left:0}:host([dir=rtl]) .spectrum-Table-body.is-drop-target:before,:host([dir=rtl]) .spectrum-Table-row.is-drop-target:before,:host([dir=rtl][density=compact]) .spectrum-Table-body.is-drop-target:before,:host([dir=rtl][density=compact]) .spectrum-Table-row.is-drop-target:before,:host([dir=rtl][density=spacious]) .spectrum-Table-body.is-drop-target:before,:host([dir=rtl][density=spacious]) .spectrum-Table-row.is-drop-target:before{right:0}:host([dir=ltr]) .spectrum-Table-body.is-drop-target:before,:host([dir=ltr]) .spectrum-Table-row.is-drop-target:before,:host([dir=ltr][density=compact]) .spectrum-Table-body.is-drop-target:before,:host([dir=ltr][density=compact]) .spectrum-Table-row.is-drop-target:before,:host([dir=ltr][density=spacious]) .spectrum-Table-body.is-drop-target:before,:host([dir=ltr][density=spacious]) .spectrum-Table-row.is-drop-target:before{right:0}:host([dir=rtl]) .spectrum-Table-body.is-drop-target:before,:host([dir=rtl]) .spectrum-Table-row.is-drop-target:before,:host([dir=rtl][density=compact]) .spectrum-Table-body.is-drop-target:before,:host([dir=rtl][density=compact]) .spectrum-Table-row.is-drop-target:before,:host([dir=rtl][density=spacious]) .spectrum-Table-body.is-drop-target:before,:host([dir=rtl][density=spacious]) .spectrum-Table-row.is-drop-target:before{left:0}.spectrum-Table-body.is-drop-target:before,.spectrum-Table-row.is-drop-target:before,:host([density=compact]) .spectrum-Table-body.is-drop-target:before,:host([density=compact]) .spectrum-Table-row.is-drop-target:before,:host([density=spacious]) .spectrum-Table-body.is-drop-target:before,:host([density=spacious]) .spectrum-Table-row.is-drop-target:before{bottom:0;content:\"\";position:absolute;top:0;z-index:1}.spectrum-Table-body{border-radius:var(--spectrum-table-regular-border-radius);border-width:var(--spectrum-table-regular-border-size);overflow:auto;position:relative;vertical-align:var(--spectrum-table-regular-cell-vertical-alignment)}:host(:not(.spectrum-Table--quiet)) tbody.spectrum-Table-body{border-radius:var(--spectrum-table-regular-border-radius);border-width:var(\n--spectrum-table-regular-border-size\n)}:host([dir=ltr]:not(.spectrum-Table--quiet)) tbody.spectrum-Table-body .spectrum-Table-row:first-child .spectrum-Table-cell:first-child{border-top-left-radius:var(\n--spectrum-table-regular-border-radius\n)}:host([dir=rtl]:not(.spectrum-Table--quiet)) tbody.spectrum-Table-body .spectrum-Table-row:first-child .spectrum-Table-cell:first-child{border-top-right-radius:var(\n--spectrum-table-regular-border-radius\n)}:host([dir=ltr]:not(.spectrum-Table--quiet)) tbody.spectrum-Table-body .spectrum-Table-row:first-child .spectrum-Table-cell:last-child{border-top-right-radius:var(\n--spectrum-table-regular-border-radius\n)}:host([dir=rtl]:not(.spectrum-Table--quiet)) tbody.spectrum-Table-body .spectrum-Table-row:first-child .spectrum-Table-cell:last-child{border-top-left-radius:var(\n--spectrum-table-regular-border-radius\n)}:host([dir=ltr]:not(.spectrum-Table--quiet)) tbody.spectrum-Table-body .spectrum-Table-row:last-child .spectrum-Table-cell:first-child{border-bottom-left-radius:var(\n--spectrum-table-regular-border-radius\n)}:host([dir=rtl]:not(.spectrum-Table--quiet)) tbody.spectrum-Table-body .spectrum-Table-row:last-child .spectrum-Table-cell:first-child{border-bottom-right-radius:var(\n--spectrum-table-regular-border-radius\n)}:host([dir=ltr]:not(.spectrum-Table--quiet)) tbody.spectrum-Table-body .spectrum-Table-row:last-child .spectrum-Table-cell:last-child{border-bottom-right-radius:var(\n--spectrum-table-regular-border-radius\n)}:host([dir=rtl]:not(.spectrum-Table--quiet)) tbody.spectrum-Table-body .spectrum-Table-row:last-child .spectrum-Table-cell:last-child{border-bottom-left-radius:var(\n--spectrum-table-regular-border-radius\n)}:host([dir=ltr]) .spectrum-Table-cell{padding-left:var(\n--spectrum-table-regular-cell-padding-left\n);padding-right:var(--spectrum-table-regular-cell-padding-right)}:host([dir=rtl]) .spectrum-Table-cell{padding-left:var(--spectrum-table-regular-cell-padding-right);padding-right:var(\n--spectrum-table-regular-cell-padding-left\n)}.spectrum-Table-cell{box-sizing:border-box;font-size:var(--spectrum-table-regular-cell-text-size);font-weight:var(--spectrum-table-regular-cell-text-font-weight);line-height:var(--spectrum-table-regular-cell-text-line-height);min-height:calc(var(--spectrum-table-regular-cell-min-height) - var(--spectrum-table-regular-cell-padding-top) - var(--spectrum-table-regular-cell-padding-bottom));padding-bottom:var(--spectrum-table-regular-cell-padding-bottom);padding-top:var(--spectrum-table-regular-cell-padding-top);position:relative}.spectrum-Table-cell.focus-visible,.spectrum-Table-cell.is-focused{outline:none}.spectrum-Table-cell.is-focused,.spectrum-Table-cell:focus-visible{outline:none}:host([dir=ltr]) .spectrum-Table-cell.focus-visible:before,:host([dir=ltr]) .spectrum-Table-cell.is-focused:before{right:0}:host([dir=ltr]) .spectrum-Table-cell.is-focused:before,:host([dir=ltr]) .spectrum-Table-cell:focus-visible:before{right:0}:host([dir=rtl]) .spectrum-Table-cell.focus-visible:before,:host([dir=rtl]) .spectrum-Table-cell.is-focused:before{left:0}:host([dir=rtl]) .spectrum-Table-cell.is-focused:before,:host([dir=rtl]) .spectrum-Table-cell:focus-visible:before{left:0}:host([dir=ltr]) .spectrum-Table-cell.focus-visible:before,:host([dir=ltr]) .spectrum-Table-cell.is-focused:before{left:0}:host([dir=ltr]) .spectrum-Table-cell.is-focused:before,:host([dir=ltr]) .spectrum-Table-cell:focus-visible:before{left:0}:host([dir=rtl]) .spectrum-Table-cell.focus-visible:before,:host([dir=rtl]) .spectrum-Table-cell.is-focused:before{right:0}:host([dir=rtl]) .spectrum-Table-cell.is-focused:before,:host([dir=rtl]) .spectrum-Table-cell:focus-visible:before{right:0}.spectrum-Table-cell.focus-visible:before,.spectrum-Table-cell.is-focused:before{border-radius:calc(var(--spectrum-table-regular-cell-border-radius-key-focus) - 1px);bottom:0;content:\"\";position:absolute;top:0;z-index:1}.spectrum-Table-cell.is-focused:before,.spectrum-Table-cell:focus-visible:before{border-radius:calc(var(--spectrum-table-regular-cell-border-radius-key-focus) - 1px);bottom:0;content:\"\";position:absolute;top:0;z-index:1}:host([dir=ltr]) .spectrum-Table-cell--divider{border-right-width:var(\n--spectrum-table-regular-divider-border-size\n)}:host([dir=rtl]) .spectrum-Table-cell--divider{border-left-width:var(\n--spectrum-table-regular-divider-border-size\n)}.spectrum-Table-row{cursor:pointer;position:relative;transition:background-color var(--spectrum-global-animation-duration-100,.13s) ease-in-out}.spectrum-Table-row:focus{outline:0}:host>.spectrum-Table-body>.spectrum-Table-row:last-of-type{border-bottom-style:none}.spectrum-Table--quiet .spectrum-Table-body{border-radius:var(\n--spectrum-table-regular-quiet-border-radius\n)}.spectrum-Table--quiet .spectrum-Table-body.is-drop-target:before,.spectrum-Table--quiet .spectrum-Table-row.is-drop-target:before{border-radius:var(\n--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50)\n)}:host([dir=ltr]) .spectrum-Table-checkboxCell{padding-right:var(\n--spectrum-table-regular-cell-checkbox-padding-right\n)}:host([dir=rtl]) .spectrum-Table-checkboxCell{padding-left:var(\n--spectrum-table-regular-cell-checkbox-padding-right\n)}.spectrum-Table-checkboxCell{padding-bottom:0;padding-top:0;vertical-align:var(\n--spectrum-table-regular-cell-checkbox-vertical-alignment\n)}.spectrum-Table-checkbox{vertical-align:super}:host([density=compact]) .spectrum-Table-cell--alignCenter{text-align:center}:host([dir=ltr][density=compact]) .spectrum-Table-cell--alignRight{text-align:right}:host([dir=rtl][density=compact]) .spectrum-Table-cell--alignRight{text-align:left}:host([dir=ltr][density=compact]) .spectrum-Table-body.is-drop-target:before,:host([dir=ltr][density=compact]) .spectrum-Table-row.is-drop-target:before,:host([dir=ltr][density=compact][density=compact]) .spectrum-Table-body.is-drop-target:before,:host([dir=ltr][density=compact][density=compact]) .spectrum-Table-row.is-drop-target:before,:host([dir=ltr][density=compact][density=spacious]) .spectrum-Table-body.is-drop-target:before,:host([dir=ltr][density=compact][density=spacious]) .spectrum-Table-row.is-drop-target:before{left:0}:host([dir=rtl][density=compact]) .spectrum-Table-body.is-drop-target:before,:host([dir=rtl][density=compact]) .spectrum-Table-row.is-drop-target:before,:host([dir=rtl][density=compact][density=compact]) .spectrum-Table-body.is-drop-target:before,:host([dir=rtl][density=compact][density=compact]) .spectrum-Table-row.is-drop-target:before,:host([dir=rtl][density=compact][density=spacious]) .spectrum-Table-body.is-drop-target:before,:host([dir=rtl][density=compact][density=spacious]) .spectrum-Table-row.is-drop-target:before{right:0}:host([dir=ltr][density=compact]) .spectrum-Table-body.is-drop-target:before,:host([dir=ltr][density=compact]) .spectrum-Table-row.is-drop-target:before,:host([dir=ltr][density=compact][density=compact]) .spectrum-Table-body.is-drop-target:before,:host([dir=ltr][density=compact][density=compact]) .spectrum-Table-row.is-drop-target:before,:host([dir=ltr][density=compact][density=spacious]) .spectrum-Table-body.is-drop-target:before,:host([dir=ltr][density=compact][density=spacious]) .spectrum-Table-row.is-drop-target:before{right:0}:host([dir=rtl][density=compact]) .spectrum-Table-body.is-drop-target:before,:host([dir=rtl][density=compact]) .spectrum-Table-row.is-drop-target:before,:host([dir=rtl][density=compact][density=compact]) .spectrum-Table-body.is-drop-target:before,:host([dir=rtl][density=compact][density=compact]) .spectrum-Table-row.is-drop-target:before,:host([dir=rtl][density=compact][density=spacious]) .spectrum-Table-body.is-drop-target:before,:host([dir=rtl][density=compact][density=spacious]) .spectrum-Table-row.is-drop-target:before{left:0}:host([density=compact]) .spectrum-Table-body.is-drop-target:before,:host([density=compact]) .spectrum-Table-row.is-drop-target:before,:host([density=compact][density=compact]) .spectrum-Table-body.is-drop-target:before,:host([density=compact][density=compact]) .spectrum-Table-row.is-drop-target:before,:host([density=compact][density=spacious]) .spectrum-Table-body.is-drop-target:before,:host([density=compact][density=spacious]) .spectrum-Table-row.is-drop-target:before{bottom:0;content:\"\";position:absolute;top:0;z-index:1}:host([density=compact]) .spectrum-Table-body{border-radius:var(--spectrum-table-compact-border-radius);border-width:var(--spectrum-table-compact-border-size);overflow:auto;position:relative;vertical-align:var(--spectrum-table-compact-cell-vertical-alignment)}:host([density=compact]) .spectrum-Table:not(.spectrum-Table--quiet) tbody.spectrum-Table-body{border-radius:var(--spectrum-table-compact-border-radius);border-width:var(\n--spectrum-table-compact-border-size\n)}:host([dir=ltr][density=compact]) .spectrum-Table:not(.spectrum-Table--quiet) tbody.spectrum-Table-body .spectrum-Table-row:first-child .spectrum-Table-cell:first-child{border-top-left-radius:var(\n--spectrum-table-compact-border-radius\n)}:host([dir=rtl][density=compact]) .spectrum-Table:not(.spectrum-Table--quiet) tbody.spectrum-Table-body .spectrum-Table-row:first-child .spectrum-Table-cell:first-child{border-top-right-radius:var(\n--spectrum-table-compact-border-radius\n)}:host([dir=ltr][density=compact]) .spectrum-Table:not(.spectrum-Table--quiet) tbody.spectrum-Table-body .spectrum-Table-row:first-child .spectrum-Table-cell:last-child{border-top-right-radius:var(\n--spectrum-table-compact-border-radius\n)}:host([dir=rtl][density=compact]) .spectrum-Table:not(.spectrum-Table--quiet) tbody.spectrum-Table-body .spectrum-Table-row:first-child .spectrum-Table-cell:last-child{border-top-left-radius:var(\n--spectrum-table-compact-border-radius\n)}:host([dir=ltr][density=compact]) .spectrum-Table:not(.spectrum-Table--quiet) tbody.spectrum-Table-body .spectrum-Table-row:last-child .spectrum-Table-cell:first-child{border-bottom-left-radius:var(\n--spectrum-table-compact-border-radius\n)}:host([dir=rtl][density=compact]) .spectrum-Table:not(.spectrum-Table--quiet) tbody.spectrum-Table-body .spectrum-Table-row:last-child .spectrum-Table-cell:first-child{border-bottom-right-radius:var(\n--spectrum-table-compact-border-radius\n)}:host([dir=ltr][density=compact]) .spectrum-Table:not(.spectrum-Table--quiet) tbody.spectrum-Table-body .spectrum-Table-row:last-child .spectrum-Table-cell:last-child{border-bottom-right-radius:var(\n--spectrum-table-compact-border-radius\n)}:host([dir=rtl][density=compact]) .spectrum-Table:not(.spectrum-Table--quiet) tbody.spectrum-Table-body .spectrum-Table-row:last-child .spectrum-Table-cell:last-child{border-bottom-left-radius:var(\n--spectrum-table-compact-border-radius\n)}:host([dir=ltr][density=compact]) .spectrum-Table-cell{padding-left:var(\n--spectrum-table-compact-cell-padding-left\n);padding-right:var(--spectrum-table-compact-cell-padding-right)}:host([dir=rtl][density=compact]) .spectrum-Table-cell{padding-left:var(--spectrum-table-compact-cell-padding-right);padding-right:var(\n--spectrum-table-compact-cell-padding-left\n)}:host([density=compact]) .spectrum-Table-cell{box-sizing:border-box;font-size:var(--spectrum-table-compact-cell-text-size);font-weight:var(--spectrum-table-compact-cell-text-font-weight);line-height:var(--spectrum-table-compact-cell-text-line-height);min-height:calc(var(--spectrum-table-compact-cell-min-height) - var(--spectrum-table-compact-cell-padding-top) - var(--spectrum-table-compact-cell-padding-bottom));padding-bottom:var(--spectrum-table-compact-cell-padding-bottom);padding-top:var(--spectrum-table-compact-cell-padding-top)}:host([density=compact]) .spectrum-Table-cell{position:relative}:host([density=compact]) .spectrum-Table-cell.focus-visible,:host([density=compact]) .spectrum-Table-cell.is-focused{outline:none}:host([density=compact]) .spectrum-Table-cell.is-focused,:host([density=compact]) .spectrum-Table-cell:focus-visible{outline:none}:host([dir=ltr][density=compact]) .spectrum-Table-cell.focus-visible:before,:host([dir=ltr][density=compact]) .spectrum-Table-cell.is-focused:before{right:0}:host([dir=ltr][density=compact]) .spectrum-Table-cell.is-focused:before,:host([dir=ltr][density=compact]) .spectrum-Table-cell:focus-visible:before{right:0}:host([dir=rtl][density=compact]) .spectrum-Table-cell.focus-visible:before,:host([dir=rtl][density=compact]) .spectrum-Table-cell.is-focused:before{left:0}:host([dir=rtl][density=compact]) .spectrum-Table-cell.is-focused:before,:host([dir=rtl][density=compact]) .spectrum-Table-cell:focus-visible:before{left:0}:host([dir=ltr][density=compact]) .spectrum-Table-cell.focus-visible:before,:host([dir=ltr][density=compact]) .spectrum-Table-cell.is-focused:before{left:0}:host([dir=ltr][density=compact]) .spectrum-Table-cell.is-focused:before,:host([dir=ltr][density=compact]) .spectrum-Table-cell:focus-visible:before{left:0}:host([dir=rtl][density=compact]) .spectrum-Table-cell.focus-visible:before,:host([dir=rtl][density=compact]) .spectrum-Table-cell.is-focused:before{right:0}:host([dir=rtl][density=compact]) .spectrum-Table-cell.is-focused:before,:host([dir=rtl][density=compact]) .spectrum-Table-cell:focus-visible:before{right:0}:host([density=compact]) .spectrum-Table-cell.focus-visible:before,:host([density=compact]) .spectrum-Table-cell.is-focused:before{border-radius:calc(var(--spectrum-table-compact-cell-border-radius-key-focus) - 1px);bottom:0;content:\"\";position:absolute;top:0;z-index:1}:host([density=compact]) .spectrum-Table-cell.is-focused:before,:host([density=compact]) .spectrum-Table-cell:focus-visible:before{border-radius:calc(var(--spectrum-table-compact-cell-border-radius-key-focus) - 1px);bottom:0;content:\"\";position:absolute;top:0;z-index:1}:host([dir=ltr][density=compact]) .spectrum-Table-cell--divider{border-right-width:var(\n--spectrum-table-compact-divider-border-size\n)}:host([dir=rtl][density=compact]) .spectrum-Table-cell--divider{border-left-width:var(\n--spectrum-table-compact-divider-border-size\n)}:host([density=compact]) .spectrum-Table-row{cursor:pointer;position:relative;transition:background-color var(--spectrum-global-animation-duration-100,.13s) ease-in-out}:host([density=compact]) .spectrum-Table-row:focus{outline:0}:host([density=compact]) .spectrum-Table>.spectrum-Table-body>.spectrum-Table-row:last-of-type{border-bottom-style:none}:host([density=compact]) .spectrum-Table--quiet .spectrum-Table-body{border-radius:var(\n--spectrum-table-compact-quiet-border-radius\n)}:host([density=compact]) .spectrum-Table--quiet .spectrum-Table-body.is-drop-target:before,:host([density=compact]) .spectrum-Table--quiet .spectrum-Table-row.is-drop-target:before{border-radius:var(\n--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50)\n)}:host([dir=ltr][density=compact]) .spectrum-Table-checkboxCell{padding-right:var(\n--spectrum-table-compact-cell-checkbox-padding-right\n)}:host([dir=rtl][density=compact]) .spectrum-Table-checkboxCell{padding-left:var(\n--spectrum-table-compact-cell-checkbox-padding-right\n)}:host([density=compact]) .spectrum-Table-checkboxCell{padding-bottom:0;padding-top:0;vertical-align:var(\n--spectrum-table-compact-cell-checkbox-vertical-alignment\n)}:host([density=compact]) .spectrum-Table-checkbox{vertical-align:super}:host([density=spacious]) .spectrum-Table-cell--alignCenter{text-align:center}:host([dir=ltr][density=spacious]) .spectrum-Table-cell--alignRight{text-align:right}:host([dir=rtl][density=spacious]) .spectrum-Table-cell--alignRight{text-align:left}:host([dir=ltr][density=spacious]) .spectrum-Table-body.is-drop-target:before,:host([dir=ltr][density=spacious]) .spectrum-Table-row.is-drop-target:before,:host([dir=ltr][density=spacious][density=compact]) .spectrum-Table-body.is-drop-target:before,:host([dir=ltr][density=spacious][density=compact]) .spectrum-Table-row.is-drop-target:before,:host([dir=ltr][density=spacious][density=spacious]) .spectrum-Table-body.is-drop-target:before,:host([dir=ltr][density=spacious][density=spacious]) .spectrum-Table-row.is-drop-target:before{left:0}:host([dir=rtl][density=spacious]) .spectrum-Table-body.is-drop-target:before,:host([dir=rtl][density=spacious]) .spectrum-Table-row.is-drop-target:before,:host([dir=rtl][density=spacious][density=compact]) .spectrum-Table-body.is-drop-target:before,:host([dir=rtl][density=spacious][density=compact]) .spectrum-Table-row.is-drop-target:before,:host([dir=rtl][density=spacious][density=spacious]) .spectrum-Table-body.is-drop-target:before,:host([dir=rtl][density=spacious][density=spacious]) .spectrum-Table-row.is-drop-target:before{right:0}:host([dir=ltr][density=spacious]) .spectrum-Table-body.is-drop-target:before,:host([dir=ltr][density=spacious]) .spectrum-Table-row.is-drop-target:before,:host([dir=ltr][density=spacious][density=compact]) .spectrum-Table-body.is-drop-target:before,:host([dir=ltr][density=spacious][density=compact]) .spectrum-Table-row.is-drop-target:before,:host([dir=ltr][density=spacious][density=spacious]) .spectrum-Table-body.is-drop-target:before,:host([dir=ltr][density=spacious][density=spacious]) .spectrum-Table-row.is-drop-target:before{right:0}:host([dir=rtl][density=spacious]) .spectrum-Table-body.is-drop-target:before,:host([dir=rtl][density=spacious]) .spectrum-Table-row.is-drop-target:before,:host([dir=rtl][density=spacious][density=compact]) .spectrum-Table-body.is-drop-target:before,:host([dir=rtl][density=spacious][density=compact]) .spectrum-Table-row.is-drop-target:before,:host([dir=rtl][density=spacious][density=spacious]) .spectrum-Table-body.is-drop-target:before,:host([dir=rtl][density=spacious][density=spacious]) .spectrum-Table-row.is-drop-target:before{left:0}:host([density=spacious]) .spectrum-Table-body.is-drop-target:before,:host([density=spacious]) .spectrum-Table-row.is-drop-target:before,:host([density=spacious][density=compact]) .spectrum-Table-body.is-drop-target:before,:host([density=spacious][density=compact]) .spectrum-Table-row.is-drop-target:before,:host([density=spacious][density=spacious]) .spectrum-Table-body.is-drop-target:before,:host([density=spacious][density=spacious]) .spectrum-Table-row.is-drop-target:before{bottom:0;content:\"\";position:absolute;top:0;z-index:1}:host([density=spacious]) .spectrum-Table-body{border-radius:var(--spectrum-table-spacious-border-radius);border-width:var(--spectrum-table-spacious-border-size);overflow:auto;position:relative;vertical-align:var(--spectrum-table-spacious-cell-vertical-alignment)}:host([density=spacious]) .spectrum-Table:not(.spectrum-Table--quiet) tbody.spectrum-Table-body{border-radius:var(--spectrum-table-spacious-border-radius);border-width:var(\n--spectrum-table-spacious-border-size\n)}:host([dir=ltr][density=spacious]) .spectrum-Table:not(.spectrum-Table--quiet) tbody.spectrum-Table-body .spectrum-Table-row:first-child .spectrum-Table-cell:first-child{border-top-left-radius:var(\n--spectrum-table-spacious-border-radius\n)}:host([dir=rtl][density=spacious]) .spectrum-Table:not(.spectrum-Table--quiet) tbody.spectrum-Table-body .spectrum-Table-row:first-child .spectrum-Table-cell:first-child{border-top-right-radius:var(\n--spectrum-table-spacious-border-radius\n)}:host([dir=ltr][density=spacious]) .spectrum-Table:not(.spectrum-Table--quiet) tbody.spectrum-Table-body .spectrum-Table-row:first-child .spectrum-Table-cell:last-child{border-top-right-radius:var(\n--spectrum-table-spacious-border-radius\n)}:host([dir=rtl][density=spacious]) .spectrum-Table:not(.spectrum-Table--quiet) tbody.spectrum-Table-body .spectrum-Table-row:first-child .spectrum-Table-cell:last-child{border-top-left-radius:var(\n--spectrum-table-spacious-border-radius\n)}:host([dir=ltr][density=spacious]) .spectrum-Table:not(.spectrum-Table--quiet) tbody.spectrum-Table-body .spectrum-Table-row:last-child .spectrum-Table-cell:first-child{border-bottom-left-radius:var(\n--spectrum-table-spacious-border-radius\n)}:host([dir=rtl][density=spacious]) .spectrum-Table:not(.spectrum-Table--quiet) tbody.spectrum-Table-body .spectrum-Table-row:last-child .spectrum-Table-cell:first-child{border-bottom-right-radius:var(\n--spectrum-table-spacious-border-radius\n)}:host([dir=ltr][density=spacious]) .spectrum-Table:not(.spectrum-Table--quiet) tbody.spectrum-Table-body .spectrum-Table-row:last-child .spectrum-Table-cell:last-child{border-bottom-right-radius:var(\n--spectrum-table-spacious-border-radius\n)}:host([dir=rtl][density=spacious]) .spectrum-Table:not(.spectrum-Table--quiet) tbody.spectrum-Table-body .spectrum-Table-row:last-child .spectrum-Table-cell:last-child{border-bottom-left-radius:var(\n--spectrum-table-spacious-border-radius\n)}:host([dir=ltr][density=spacious]) .spectrum-Table-cell{padding-left:var(\n--spectrum-table-spacious-cell-padding-left\n);padding-right:var(--spectrum-table-spacious-cell-padding-right)}:host([dir=rtl][density=spacious]) .spectrum-Table-cell{padding-left:var(--spectrum-table-spacious-cell-padding-right);padding-right:var(\n--spectrum-table-spacious-cell-padding-left\n)}:host([density=spacious]) .spectrum-Table-cell{box-sizing:border-box;font-size:var(--spectrum-table-spacious-cell-text-size);font-weight:var(--spectrum-table-spacious-cell-text-font-weight);line-height:var(--spectrum-table-spacious-cell-text-line-height);min-height:calc(var(--spectrum-table-spacious-cell-min-height) - var(--spectrum-table-spacious-cell-padding-top) - var(--spectrum-table-spacious-cell-padding-bottom));padding-bottom:var(--spectrum-table-spacious-cell-padding-bottom);padding-top:var(--spectrum-table-spacious-cell-padding-top)}:host([density=spacious]) .spectrum-Table-cell{position:relative}:host([density=spacious]) .spectrum-Table-cell.focus-visible,:host([density=spacious]) .spectrum-Table-cell.is-focused{outline:none}:host([density=spacious]) .spectrum-Table-cell.is-focused,:host([density=spacious]) .spectrum-Table-cell:focus-visible{outline:none}:host([dir=ltr][density=spacious]) .spectrum-Table-cell.focus-visible:before,:host([dir=ltr][density=spacious]) .spectrum-Table-cell.is-focused:before{right:0}:host([dir=ltr][density=spacious]) .spectrum-Table-cell.is-focused:before,:host([dir=ltr][density=spacious]) .spectrum-Table-cell:focus-visible:before{right:0}:host([dir=rtl][density=spacious]) .spectrum-Table-cell.focus-visible:before,:host([dir=rtl][density=spacious]) .spectrum-Table-cell.is-focused:before{left:0}:host([dir=rtl][density=spacious]) .spectrum-Table-cell.is-focused:before,:host([dir=rtl][density=spacious]) .spectrum-Table-cell:focus-visible:before{left:0}:host([dir=ltr][density=spacious]) .spectrum-Table-cell.focus-visible:before,:host([dir=ltr][density=spacious]) .spectrum-Table-cell.is-focused:before{left:0}:host([dir=ltr][density=spacious]) .spectrum-Table-cell.is-focused:before,:host([dir=ltr][density=spacious]) .spectrum-Table-cell:focus-visible:before{left:0}:host([dir=rtl][density=spacious]) .spectrum-Table-cell.focus-visible:before,:host([dir=rtl][density=spacious]) .spectrum-Table-cell.is-focused:before{right:0}:host([dir=rtl][density=spacious]) .spectrum-Table-cell.is-focused:before,:host([dir=rtl][density=spacious]) .spectrum-Table-cell:focus-visible:before{right:0}:host([density=spacious]) .spectrum-Table-cell.focus-visible:before,:host([density=spacious]) .spectrum-Table-cell.is-focused:before{border-radius:calc(var(--spectrum-table-spacious-cell-border-radius-key-focus) - 1px);bottom:0;content:\"\";position:absolute;top:0;z-index:1}:host([density=spacious]) .spectrum-Table-cell.is-focused:before,:host([density=spacious]) .spectrum-Table-cell:focus-visible:before{border-radius:calc(var(--spectrum-table-spacious-cell-border-radius-key-focus) - 1px);bottom:0;content:\"\";position:absolute;top:0;z-index:1}:host([dir=ltr][density=spacious]) .spectrum-Table-cell--divider{border-right-width:var(\n--spectrum-table-spacious-divider-border-size\n)}:host([dir=rtl][density=spacious]) .spectrum-Table-cell--divider{border-left-width:var(\n--spectrum-table-spacious-divider-border-size\n)}:host([density=spacious]) .spectrum-Table-row{cursor:pointer;position:relative;transition:background-color var(--spectrum-global-animation-duration-100,.13s) ease-in-out}:host([density=spacious]) .spectrum-Table-row:focus{outline:0}:host([density=spacious]) .spectrum-Table>.spectrum-Table-body>.spectrum-Table-row:last-of-type{border-bottom-style:none}:host([density=spacious]) .spectrum-Table--quiet .spectrum-Table-body{border-radius:var(\n--spectrum-table-spacious-quiet-border-radius\n)}:host([density=spacious]) .spectrum-Table--quiet .spectrum-Table-body.is-drop-target:before,:host([density=spacious]) .spectrum-Table--quiet .spectrum-Table-row.is-drop-target:before{border-radius:var(\n--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50)\n)}:host([dir=ltr][density=spacious]) .spectrum-Table-checkboxCell{padding-right:var(\n--spectrum-table-spacious-cell-checkbox-padding-right\n)}:host([dir=rtl][density=spacious]) .spectrum-Table-checkboxCell{padding-left:var(\n--spectrum-table-spacious-cell-checkbox-padding-right\n)}:host([density=spacious]) .spectrum-Table-checkboxCell{padding-bottom:0;padding-top:0;vertical-align:var(\n--spectrum-table-spacious-cell-checkbox-vertical-alignment\n)}:host([density=spacious]) .spectrum-Table-checkbox{vertical-align:super}.spectrum-Table-cell.focus-visible:before,.spectrum-Table-cell.is-focused:before{box-shadow:inset 0 0 0 2px var(\n--spectrum-table-m-regular-cell-border-color-key-focus,var(--spectrum-alias-border-color-key-focus)\n)}.spectrum-Table-cell.is-focused:before,.spectrum-Table-cell:focus-visible:before{box-shadow:inset 0 0 0 2px var(\n--spectrum-table-m-regular-cell-border-color-key-focus,var(--spectrum-alias-border-color-key-focus)\n)}.spectrum-Table-body{background-color:var(\n--spectrum-table-m-regular-background-color,var(--spectrum-global-color-gray-50)\n);border-color:var(\n--spectrum-table-m-regular-border-color,var(--spectrum-alias-border-color-mid)\n);border-style:solid}.spectrum-Table-body.is-drop-target{border-color:var(\n--spectrum-alias-border-color-key-focus,var(--spectrum-global-color-blue-400)\n);box-shadow:0 0 0 1px var(\n--spectrum-alias-border-color-key-focus,var(--spectrum-global-color-blue-400)\n)}.spectrum-Table-body.is-drop-target:before{background-color:var(\n--spectrum-alias-highlight-selected\n)}:host([dir=ltr]) tbody.spectrum-Table-body .spectrum-Table-row .spectrum-Table-cell:first-child{border-left:1px solid var(\n--spectrum-table-m-regular-border-color,var(--spectrum-alias-border-color-mid)\n)}:host([dir=rtl]) tbody.spectrum-Table-body .spectrum-Table-row .spectrum-Table-cell:first-child{border-right:1px solid var(\n--spectrum-table-m-regular-border-color,var(--spectrum-alias-border-color-mid)\n)}:host([dir=ltr]) tbody.spectrum-Table-body .spectrum-Table-row .spectrum-Table-cell:last-child{border-right:1px solid var(\n--spectrum-table-m-regular-border-color,var(--spectrum-alias-border-color-mid)\n)}:host([dir=rtl]) tbody.spectrum-Table-body .spectrum-Table-row .spectrum-Table-cell:last-child{border-left:1px solid var(\n--spectrum-table-m-regular-border-color,var(--spectrum-alias-border-color-mid)\n)}.spectrum-Table-row{background-color:var(\n--spectrum-table-m-regular-row-background-color,var(--spectrum-alias-background-color-transparent)\n);border-bottom:1px solid var(\n--spectrum-table-m-regular-border-color,var(--spectrum-alias-border-color-mid)\n)}.spectrum-Table-row:hover{background-color:var(\n--spectrum-table-m-regular-row-background-color-hover,var(--spectrum-alias-highlight-hover)\n)}.spectrum-Table-row.focus-visible,.spectrum-Table-row.is-focused{background-color:var(\n--spectrum-table-m-regular-row-background-color-hover,var(--spectrum-alias-highlight-hover)\n)}.spectrum-Table-row.is-focused,.spectrum-Table-row:focus-visible{background-color:var(\n--spectrum-table-m-regular-row-background-color-hover,var(--spectrum-alias-highlight-hover)\n)}.spectrum-Table-row:active{background-color:var(\n--spectrum-table-m-regular-row-background-color-down,var(--spectrum-alias-highlight-down)\n)}.spectrum-Table-row.is-selected{background-color:var(\n--spectrum-table-m-regular-row-background-color-selected,var(--spectrum-alias-highlight-selected)\n)}.spectrum-Table-row.is-selected:hover{background-color:var(\n--spectrum-table-m-regular-row-background-color-selected-hover,var(--spectrum-alias-highlight-selected-hover)\n)}.spectrum-Table-row.is-selected.focus-visible,.spectrum-Table-row.is-selected.is-focused{background-color:var(\n--spectrum-table-m-regular-row-background-color-selected-key-focus,var(--spectrum-alias-highlight-selected-hover)\n)}.spectrum-Table-row.is-selected.is-focused,.spectrum-Table-row.is-selected:focus-visible{background-color:var(\n--spectrum-table-m-regular-row-background-color-selected-key-focus,var(--spectrum-alias-highlight-selected-hover)\n)}.spectrum-Table-row.is-drop-target:before{background-color:var(--spectrum-alias-highlight-selected);box-shadow:inset 0 0 0 2px var(\n--spectrum-alias-border-color-key-focus,var(--spectrum-global-color-blue-400)\n)}.spectrum-Table-cell{background-color:var(\n--spectrum-table-m-regular-cell-background-color,var(--spectrum-alias-background-color-transparent)\n);color:var(\n--spectrum-table-m-regular-cell-text-color,var(--spectrum-alias-text-color)\n)}:host([dir=ltr]) .spectrum-Table-cell--divider{border-right-style:solid}:host([dir=rtl]) .spectrum-Table-cell--divider{border-left-style:solid}:host([dir=ltr]) .spectrum-Table-cell--divider{border-right-color:var(\n--spectrum-table-m-regular-divider-border-color,var(--spectrum-alias-border-color-mid)\n)}:host([dir=rtl]) .spectrum-Table-cell--divider{border-left-color:var(\n--spectrum-table-m-regular-divider-border-color,var(--spectrum-alias-border-color-mid)\n)}.spectrum-Table--quiet .spectrum-Table-body{background-color:var(\n--spectrum-table-m-regular-quiet-cell-background-color,var(--spectrum-alias-background-color-transparent)\n);border-width:1px 0}.spectrum-Table--quiet .spectrum-Table-body.is-drop-target{border-color:transparent;box-shadow:none}.spectrum-Table--quiet .spectrum-Table-body.is-drop-target:before{box-shadow:inset 0 0 0 2px var(\n--spectrum-alias-border-color-key-focus,var(--spectrum-global-color-blue-400)\n)}.spectrum-Table--quiet .spectrum-Table-row{background-color:var(\n--spectrum-table-m-regular-quiet-row-background-color,var(--spectrum-alias-background-color-transparent)\n)}.spectrum-Table--quiet .spectrum-Table-row:hover{background-color:var(\n--spectrum-table-m-regular-quiet-row-background-color-hover,var(--spectrum-alias-highlight-hover)\n)}.spectrum-Table--quiet .spectrum-Table-row.focus-visible,.spectrum-Table--quiet .spectrum-Table-row.is-focused{background-color:var(\n--spectrum-table-m-regular-quiet-row-background-color-hover,var(--spectrum-alias-highlight-hover)\n)}.spectrum-Table--quiet .spectrum-Table-row.is-focused,.spectrum-Table--quiet .spectrum-Table-row:focus-visible{background-color:var(\n--spectrum-table-m-regular-quiet-row-background-color-hover,var(--spectrum-alias-highlight-hover)\n)}.spectrum-Table--quiet .spectrum-Table-row:active{background-color:var(\n--spectrum-table-m-regular-quiet-row-background-color-down,var(--spectrum-alias-highlight-down)\n)}.spectrum-Table--quiet .spectrum-Table-row.is-selected{background-color:var(\n--spectrum-table-m-regular-quiet-row-background-color-selected,var(--spectrum-alias-highlight-selected)\n)}.spectrum-Table--quiet .spectrum-Table-row.is-selected:hover{background-color:var(\n--spectrum-table-m-regular-quiet-row-background-color-selected-hover,var(--spectrum-alias-highlight-selected-hover)\n)}.spectrum-Table--quiet .spectrum-Table-row.is-selected.focus-visible,.spectrum-Table--quiet .spectrum-Table-row.is-selected.is-focused{background-color:var(\n--spectrum-table-m-regular-quiet-row-background-color-selected-key-focus,var(--spectrum-alias-highlight-selected-hover)\n)}.spectrum-Table--quiet .spectrum-Table-row.is-selected.is-focused,.spectrum-Table--quiet .spectrum-Table-row.is-selected:focus-visible{background-color:var(\n--spectrum-table-m-regular-quiet-row-background-color-selected-key-focus,var(--spectrum-alias-highlight-selected-hover)\n)}:host([dir=ltr]) .spectrum-Table--quiet tbody.spectrum-Table-body .spectrum-Table-row .spectrum-Table-cell:first-child,:host([dir=ltr]) .spectrum-Table--quiet tbody.spectrum-Table-body .spectrum-Table-row .spectrum-Table-cell:last-child{border-left:none}:host([dir=rtl]) .spectrum-Table--quiet tbody.spectrum-Table-body .spectrum-Table-row .spectrum-Table-cell:first-child,:host([dir=rtl]) .spectrum-Table--quiet tbody.spectrum-Table-body .spectrum-Table-row .spectrum-Table-cell:last-child{border-right:none}:host([dir=ltr]) .spectrum-Table--quiet tbody.spectrum-Table-body .spectrum-Table-row .spectrum-Table-cell:first-child,:host([dir=ltr]) .spectrum-Table--quiet tbody.spectrum-Table-body .spectrum-Table-row .spectrum-Table-cell:last-child{border-right:none}:host([dir=rtl]) .spectrum-Table--quiet tbody.spectrum-Table-body .spectrum-Table-row .spectrum-Table-cell:first-child,:host([dir=rtl]) .spectrum-Table--quiet tbody.spectrum-Table-body .spectrum-Table-row .spectrum-Table-cell:last-child{border-left:none}:host{display:flex;flex-direction:column}\n`;\nexport default styles;"],
5
+ "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA6ff,eAAeC",
6
+ "names": ["css", "styles"]
7
7
  }
package/stories/index.js CHANGED
@@ -1,8 +1,27 @@
1
- import{html as r}from"@spectrum-web-components/base";export function makeItems(e){const t=e,l=[];for(;e;)e--,l.push({name:String(t-e),date:e});return l}export const renderItem=(e,t)=>e._$rowType$===1?r`
1
+ "use strict";
2
+ import { html } from "@spectrum-web-components/base";
3
+ export function makeItems(count) {
4
+ const total = count;
5
+ const items = [];
6
+ while (count) {
7
+ count--;
8
+ items.push({
9
+ name: String(total - count),
10
+ date: count
11
+ });
12
+ }
13
+ return items;
14
+ }
15
+ export const renderItem = (item, index) => {
16
+ if (item._$rowType$ === 1) {
17
+ return html`
2
18
  <sp-table-cell>This row has no checkbox!</sp-table-cell>
3
- `:r`
4
- <sp-table-cell>Row Item ${e.name}</sp-table-cell>
5
- <sp-table-cell>Row Item ${e.date}</sp-table-cell>
6
- <sp-table-cell>Row Item ${t}</sp-table-cell>
19
+ `;
20
+ }
21
+ return html`
22
+ <sp-table-cell>Row Item ${item.name}</sp-table-cell>
23
+ <sp-table-cell>Row Item ${item.date}</sp-table-cell>
24
+ <sp-table-cell>Row Item ${index}</sp-table-cell>
7
25
  `;
26
+ };
8
27
  //# sourceMappingURL=index.js.map
package/stories/index.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["index.ts"],
4
- "sourcesContent": ["/*\nCopyright 2022 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport { html, TemplateResult } from '@spectrum-web-components/base';\nimport { Table, TableItem } from '../';\n\nexport type Properties = {\n selected?: string[] | undefined;\n selects?: undefined | 'single' | 'multiple';\n onChange?: (\n eventData: Event & {\n target: Table;\n first: number;\n last: number;\n type: string;\n }\n ) => void;\n};\n\nexport interface Item extends TableItem {\n name: string;\n date: number;\n}\n\nexport function makeItems(count: number): Item[] {\n const total = count;\n const items: Item[] = [];\n while (count) {\n count--;\n items.push({\n name: String(total - count),\n date: count,\n });\n }\n return items;\n}\n\nexport const renderItem = (item: Item, index: number): TemplateResult => {\n if (item._$rowType$ === 1) {\n return html`\n <sp-table-cell>This row has no checkbox!</sp-table-cell>\n `;\n }\n return html`\n <sp-table-cell>Row Item ${item.name}</sp-table-cell>\n <sp-table-cell>Row Item ${item.date}</sp-table-cell>\n <sp-table-cell>Row Item ${index}</sp-table-cell>\n `;\n};\n"],
5
- "mappings": "AAYA,qDAqBO,0BAAmB,EAAuB,CAC7C,KAAM,GAAQ,EACR,EAAgB,CAAC,EACvB,KAAO,GACH,IACA,EAAM,KAAK,CACP,KAAM,OAAO,EAAQ,CAAK,EAC1B,KAAM,CACV,CAAC,EAEL,MAAO,EACX,CAEO,YAAM,YAAa,CAAC,EAAY,IAC/B,EAAK,aAAe,EACb;AAAA;AAAA,UAIJ;AAAA,kCACuB,EAAK;AAAA,kCACL,EAAK;AAAA,kCACL;",
4
+ "sourcesContent": ["/*\nCopyright 2022 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport { html, TemplateResult } from '@spectrum-web-components/base';\nimport type { Table, TableItem } from '@spectrum-web-components/table';\n\nexport type Properties = {\n selected?: string[] | undefined;\n selects?: undefined | 'single' | 'multiple';\n onChange?: (\n eventData: Event & {\n target: Table;\n first: number;\n last: number;\n type: string;\n }\n ) => void;\n};\n\nexport interface Item extends TableItem {\n name: string;\n date: number;\n}\n\nexport function makeItems(count: number): Item[] {\n const total = count;\n const items: Item[] = [];\n while (count) {\n count--;\n items.push({\n name: String(total - count),\n date: count,\n });\n }\n return items;\n}\n\nexport const renderItem = (item: Item, index: number): TemplateResult => {\n if (item._$rowType$ === 1) {\n return html`\n <sp-table-cell>This row has no checkbox!</sp-table-cell>\n `;\n }\n return html`\n <sp-table-cell>Row Item ${item.name}</sp-table-cell>\n <sp-table-cell>Row Item ${item.date}</sp-table-cell>\n <sp-table-cell>Row Item ${index}</sp-table-cell>\n `;\n};\n"],
5
+ "mappings": ";AAYA,SAAS,YAA4B;AAqB9B,gBAAS,UAAU,OAAuB;AAC7C,QAAM,QAAQ;AACd,QAAM,QAAgB,CAAC;AACvB,SAAO,OAAO;AACV;AACA,UAAM,KAAK;AAAA,MACP,MAAM,OAAO,QAAQ,KAAK;AAAA,MAC1B,MAAM;AAAA,IACV,CAAC;AAAA,EACL;AACA,SAAO;AACX;AAEO,aAAM,aAAa,CAAC,MAAY,UAAkC;AACrE,MAAI,KAAK,eAAe,GAAG;AACvB,WAAO;AAAA;AAAA;AAAA,EAGX;AACA,SAAO;AAAA,kCACuB,KAAK;AAAA,kCACL,KAAK;AAAA,kCACL;AAAA;AAElC;",
6
6
  "names": []
7
7
  }
package/stories/table-elements.stories.js CHANGED
@@ -1,4 +1,43 @@
1
- import{html as e}from"@spectrum-web-components/base";import"../sp-table.js";import"../sp-table-checkbox-cell.js";import"../sp-table-head.js";import"../sp-table-head-cell.js";import"../sp-table-body.js";import"../sp-table-row.js";import"../sp-table-cell.js";export default{title:"Table",component:"sp-table",args:{selected:[],selects:""},argTypes:{selected:{name:"selected",description:"The value of the selected `<sp-table-row>`(s).",control:{type:"text"}},selects:{name:"selects",description:"Whether the elements selects its children and how many it can select at a time.",table:{type:{summary:"string"},defaultValue:{summary:""}},control:{type:"inline-radio",options:["","single","multiple"]}}}};export const elements=()=>e`
1
+ "use strict";
2
+ import { html } from "@spectrum-web-components/base";
3
+ import "@spectrum-web-components/table/sp-table.js";
4
+ import "@spectrum-web-components/table/sp-table-checkbox-cell.js";
5
+ import "@spectrum-web-components/table/sp-table-head.js";
6
+ import "@spectrum-web-components/table/sp-table-head-cell.js";
7
+ import "@spectrum-web-components/table/sp-table-body.js";
8
+ import "@spectrum-web-components/table/sp-table-row.js";
9
+ import "@spectrum-web-components/table/sp-table-cell.js";
10
+ export default {
11
+ title: "Table",
12
+ component: "sp-table",
13
+ args: {
14
+ selected: [],
15
+ selects: ""
16
+ },
17
+ argTypes: {
18
+ selected: {
19
+ name: "selected",
20
+ description: "The value of the selected `<sp-table-row>`(s).",
21
+ control: {
22
+ type: "text"
23
+ }
24
+ },
25
+ selects: {
26
+ name: "selects",
27
+ description: "Whether the elements selects its children and how many it can select at a time.",
28
+ table: {
29
+ type: { summary: "string" },
30
+ defaultValue: { summary: "" }
31
+ },
32
+ control: {
33
+ type: "inline-radio",
34
+ options: ["", "single", "multiple"]
35
+ }
36
+ }
37
+ }
38
+ };
39
+ export const elements = () => {
40
+ return html`
2
41
  <sp-table size="m">
3
42
  <sp-table-head>
4
43
  <sp-table-head-cell>Column Title</sp-table-head-cell>
@@ -33,7 +72,10 @@ import{html as e}from"@spectrum-web-components/base";import"../sp-table.js";impo
33
72
  </sp-table-row>
34
73
  </sp-table-body>
35
74
  </sp-table>
36
- `,small=()=>e`
75
+ `;
76
+ };
77
+ export const small = () => {
78
+ return html`
37
79
  <sp-table size="s">
38
80
  <sp-table-head>
39
81
  <sp-table-head-cell>Column Title</sp-table-head-cell>
@@ -68,12 +110,20 @@ import{html as e}from"@spectrum-web-components/base";import"../sp-table.js";impo
68
110
  </sp-table-row>
69
111
  </sp-table-body>
70
112
  </sp-table>
71
- `,selectsSingle=()=>e`
113
+ `;
114
+ };
115
+ export const selectsSingle = () => {
116
+ return html`
72
117
  <sp-table
73
118
  size="m"
74
119
  selects="single"
75
120
  .selected=${["row1"]}
76
- @change=${({target:l})=>{const t=l.nextElementSibling;t.textContent=`Selected: ${JSON.stringify(l.selected)}`}}
121
+ @change=${({ target }) => {
122
+ const next = target.nextElementSibling;
123
+ next.textContent = `Selected: ${JSON.stringify(
124
+ target.selected
125
+ )}`;
126
+ }}
77
127
  >
78
128
  <sp-table-head>
79
129
  <sp-table-head-cell>Column Title</sp-table-head-cell>
@@ -109,8 +159,11 @@ import{html as e}from"@spectrum-web-components/base";import"../sp-table.js";impo
109
159
  </sp-table-body>
110
160
  </sp-table>
111
161
  <div>Selected: ["row1"]</div>
112
- `,noSelectsSpecified=()=>e`
113
- <sp-table size="m" .selected=${["row1","row2"]}>
162
+ `;
163
+ };
164
+ export const noSelectsSpecified = () => {
165
+ return html`
166
+ <sp-table size="m" .selected=${["row1", "row2"]}>
114
167
  <sp-table-head>
115
168
  <sp-table-head-cell>Column Title</sp-table-head-cell>
116
169
  <sp-table-head-cell>Column Title</sp-table-head-cell>
@@ -144,12 +197,24 @@ import{html as e}from"@spectrum-web-components/base";import"../sp-table.js";impo
144
197
  </sp-table-row>
145
198
  </sp-table-body>
146
199
  </sp-table>
147
- `,selectsMultiple=()=>e`
200
+ `;
201
+ };
202
+ export const selectsMultiple = () => {
203
+ return html`
148
204
  <sp-table
149
205
  size="m"
150
206
  selects="multiple"
151
- .selected=${["row1","row2"]}
152
- @change=${({target:l})=>{const t=l.nextElementSibling;t.textContent=`Selected: ${JSON.stringify(l.selected,null," ")}`;const a=t.nextElementSibling;a.textContent=`Selected Count: ${l.selected.length}`}}
207
+ .selected=${["row1", "row2"]}
208
+ @change=${({ target }) => {
209
+ const next = target.nextElementSibling;
210
+ next.textContent = `Selected: ${JSON.stringify(
211
+ target.selected,
212
+ null,
213
+ " "
214
+ )}`;
215
+ const nextNext = next.nextElementSibling;
216
+ nextNext.textContent = `Selected Count: ${target.selected.length}`;
217
+ }}
153
218
  >
154
219
  <sp-table-head>
155
220
  <sp-table-head-cell>Column Title</sp-table-head-cell>
@@ -187,4 +252,5 @@ import{html as e}from"@spectrum-web-components/base";import"../sp-table.js";impo
187
252
  <div>Selected: ["row1", "row2"]</div>
188
253
  <div>Selected Count: 2</div>
189
254
  `;
255
+ };
190
256
  //# sourceMappingURL=table-elements.stories.js.map
package/stories/table-elements.stories.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["table-elements.stories.ts"],
4
- "sourcesContent": ["/* STORIES\nCopyright 2022 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { html, TemplateResult } from '@spectrum-web-components/base';\n\nimport '../sp-table.js';\nimport '../sp-table-checkbox-cell.js';\nimport '../sp-table-head.js';\nimport '../sp-table-head-cell.js';\nimport '../sp-table-body.js';\nimport '../sp-table-row.js';\nimport '../sp-table-cell.js';\nimport { Table } from '../src/Table.js';\n\nexport default {\n title: 'Table',\n component: 'sp-table',\n args: {\n selected: [],\n selects: '',\n },\n argTypes: {\n selected: {\n name: 'selected',\n description: 'The value of the selected `<sp-table-row>`(s).',\n control: {\n type: 'text',\n },\n },\n selects: {\n name: 'selects',\n description:\n 'Whether the elements selects its children and how many it can select at a time.',\n table: {\n type: { summary: 'string' },\n defaultValue: { summary: '' },\n },\n control: {\n type: 'inline-radio',\n options: ['', 'single', 'multiple'],\n },\n },\n },\n};\n\nexport const elements = (): TemplateResult => {\n return html`\n <sp-table size=\"m\">\n <sp-table-head>\n <sp-table-head-cell>Column Title</sp-table-head-cell>\n <sp-table-head-cell>Column Title</sp-table-head-cell>\n <sp-table-head-cell>Column Title</sp-table-head-cell>\n </sp-table-head>\n <sp-table-body style=\"height: 120px\">\n <sp-table-row value=\"row1\" class=\"row1\">\n <sp-table-cell>Row Item Alpha</sp-table-cell>\n <sp-table-cell>Row Item Alpha</sp-table-cell>\n <sp-table-cell>Row Item Alpha</sp-table-cell>\n </sp-table-row>\n <sp-table-row value=\"row2\" class=\"row2\">\n <sp-table-cell>Row Item Bravo</sp-table-cell>\n <sp-table-cell>Row Item Bravo</sp-table-cell>\n <sp-table-cell>Row Item Bravo</sp-table-cell>\n </sp-table-row>\n <sp-table-row value=\"row3\" class=\"row3\">\n <sp-table-cell>Row Item Charlie</sp-table-cell>\n <sp-table-cell>Row Item Charlie</sp-table-cell>\n <sp-table-cell>Row Item Charlie</sp-table-cell>\n </sp-table-row>\n <sp-table-row value=\"row4\" class=\"row4\">\n <sp-table-cell>Row Item Delta</sp-table-cell>\n <sp-table-cell>Row Item Delta</sp-table-cell>\n <sp-table-cell>Row Item Delta</sp-table-cell>\n </sp-table-row>\n <sp-table-row value=\"row5\" class=\"row5\">\n <sp-table-cell>Row Item Echo</sp-table-cell>\n <sp-table-cell>Row Item Echo</sp-table-cell>\n <sp-table-cell>Row Item Echo</sp-table-cell>\n </sp-table-row>\n </sp-table-body>\n </sp-table>\n `;\n};\n\nexport const small = (): TemplateResult => {\n return html`\n <sp-table size=\"s\">\n <sp-table-head>\n <sp-table-head-cell>Column Title</sp-table-head-cell>\n <sp-table-head-cell>Column Title</sp-table-head-cell>\n <sp-table-head-cell>Column Title</sp-table-head-cell>\n </sp-table-head>\n <sp-table-body style=\"height: 120px\">\n <sp-table-row value=\"row1\" class=\"row1\">\n <sp-table-cell>Row Item Alpha</sp-table-cell>\n <sp-table-cell>Row Item Alpha</sp-table-cell>\n <sp-table-cell>Row Item Alpha</sp-table-cell>\n </sp-table-row>\n <sp-table-row value=\"row2\" class=\"row2\">\n <sp-table-cell>Row Item Bravo</sp-table-cell>\n <sp-table-cell>Row Item Bravo</sp-table-cell>\n <sp-table-cell>Row Item Bravo</sp-table-cell>\n </sp-table-row>\n <sp-table-row value=\"row3\" class=\"row3\">\n <sp-table-cell>Row Item Charlie</sp-table-cell>\n <sp-table-cell>Row Item Charlie</sp-table-cell>\n <sp-table-cell>Row Item Charlie</sp-table-cell>\n </sp-table-row>\n <sp-table-row value=\"row4\" class=\"row4\">\n <sp-table-cell>Row Item Delta</sp-table-cell>\n <sp-table-cell>Row Item Delta</sp-table-cell>\n <sp-table-cell>Row Item Delta</sp-table-cell>\n </sp-table-row>\n <sp-table-row value=\"row5\" class=\"row5\">\n <sp-table-cell>Row Item Echo</sp-table-cell>\n <sp-table-cell>Row Item Echo</sp-table-cell>\n <sp-table-cell>Row Item Echo</sp-table-cell>\n </sp-table-row>\n </sp-table-body>\n </sp-table>\n `;\n};\n\nexport const selectsSingle = (): TemplateResult => {\n return html`\n <sp-table\n size=\"m\"\n selects=\"single\"\n .selected=${['row1']}\n @change=${({ target }: Event & { target: Table }) => {\n const next = target.nextElementSibling as HTMLDivElement;\n next.textContent = `Selected: ${JSON.stringify(\n target.selected\n )}`;\n }}\n >\n <sp-table-head>\n <sp-table-head-cell>Column Title</sp-table-head-cell>\n <sp-table-head-cell>Column Title</sp-table-head-cell>\n <sp-table-head-cell>Column Title</sp-table-head-cell>\n </sp-table-head>\n <sp-table-body style=\"height: 120px\">\n <sp-table-row value=\"row1\" class=\"row1\">\n <sp-table-cell>Row Item Alpha</sp-table-cell>\n <sp-table-cell>Row Item Alpha</sp-table-cell>\n <sp-table-cell>Row Item Alpha</sp-table-cell>\n </sp-table-row>\n <sp-table-row value=\"row2\" class=\"row2\">\n <sp-table-cell>Row Item Bravo</sp-table-cell>\n <sp-table-cell>Row Item Bravo</sp-table-cell>\n <sp-table-cell>Row Item Bravo</sp-table-cell>\n </sp-table-row>\n <sp-table-row value=\"row3\" class=\"row3\">\n <sp-table-cell>Row Item Charlie</sp-table-cell>\n <sp-table-cell>Row Item Charlie</sp-table-cell>\n <sp-table-cell>Row Item Charlie</sp-table-cell>\n </sp-table-row>\n <sp-table-row value=\"row4\" class=\"row4\">\n <sp-table-cell>Row Item Delta</sp-table-cell>\n <sp-table-cell>Row Item Delta</sp-table-cell>\n <sp-table-cell>Row Item Delta</sp-table-cell>\n </sp-table-row>\n <sp-table-row value=\"row5\" class=\"row5\">\n <sp-table-cell>Row Item Echo</sp-table-cell>\n <sp-table-cell>Row Item Echo</sp-table-cell>\n <sp-table-cell>Row Item Echo</sp-table-cell>\n </sp-table-row>\n </sp-table-body>\n </sp-table>\n <div>Selected: [\"row1\"]</div>\n `;\n};\nexport const noSelectsSpecified = (): TemplateResult => {\n return html`\n <sp-table size=\"m\" .selected=${['row1', 'row2']}>\n <sp-table-head>\n <sp-table-head-cell>Column Title</sp-table-head-cell>\n <sp-table-head-cell>Column Title</sp-table-head-cell>\n <sp-table-head-cell>Column Title</sp-table-head-cell>\n </sp-table-head>\n <sp-table-body style=\"height: 120px\">\n <sp-table-row value=\"row1\" class=\"row1\">\n <sp-table-cell>Row Item Alpha</sp-table-cell>\n <sp-table-cell>Row Item Alpha</sp-table-cell>\n <sp-table-cell>Row Item Alpha</sp-table-cell>\n </sp-table-row>\n <sp-table-row value=\"row2\" class=\"row2\">\n <sp-table-cell>Row Item Bravo</sp-table-cell>\n <sp-table-cell>Row Item Bravo</sp-table-cell>\n <sp-table-cell>Row Item Bravo</sp-table-cell>\n </sp-table-row>\n <sp-table-row value=\"row3\" class=\"row3\">\n <sp-table-cell>Row Item Charlie</sp-table-cell>\n <sp-table-cell>Row Item Charlie</sp-table-cell>\n <sp-table-cell>Row Item Charlie</sp-table-cell>\n </sp-table-row>\n <sp-table-row value=\"row4\" class=\"row4\">\n <sp-table-cell>Row Item Delta</sp-table-cell>\n <sp-table-cell>Row Item Delta</sp-table-cell>\n <sp-table-cell>Row Item Delta</sp-table-cell>\n </sp-table-row>\n <sp-table-row value=\"row5\" class=\"row5\">\n <sp-table-cell>Row Item Echo</sp-table-cell>\n <sp-table-cell>Row Item Echo</sp-table-cell>\n <sp-table-cell>Row Item Echo</sp-table-cell>\n </sp-table-row>\n </sp-table-body>\n </sp-table>\n `;\n};\n\nexport const selectsMultiple = (): TemplateResult => {\n return html`\n <sp-table\n size=\"m\"\n selects=\"multiple\"\n .selected=${['row1', 'row2']}\n @change=${({ target }: Event & { target: Table }) => {\n const next = target.nextElementSibling as HTMLDivElement;\n next.textContent = `Selected: ${JSON.stringify(\n target.selected,\n null,\n ' '\n )}`;\n const nextNext = next.nextElementSibling as HTMLDivElement;\n nextNext.textContent = `Selected Count: ${target.selected.length}`;\n }}\n >\n <sp-table-head>\n <sp-table-head-cell>Column Title</sp-table-head-cell>\n <sp-table-head-cell>Column Title</sp-table-head-cell>\n <sp-table-head-cell>Column Title</sp-table-head-cell>\n </sp-table-head>\n <sp-table-body style=\"height: 120px\">\n <sp-table-row value=\"row1\" class=\"row1\">\n <sp-table-cell>Row Item Alpha</sp-table-cell>\n <sp-table-cell>Row Item Alpha</sp-table-cell>\n <sp-table-cell>Row Item Alpha</sp-table-cell>\n </sp-table-row>\n <sp-table-row value=\"row2\" class=\"row2\">\n <sp-table-cell>Row Item Bravo</sp-table-cell>\n <sp-table-cell>Row Item Bravo</sp-table-cell>\n <sp-table-cell>Row Item Bravo</sp-table-cell>\n </sp-table-row>\n <sp-table-row value=\"row3\" class=\"row3\">\n <sp-table-cell>Row Item Charlie</sp-table-cell>\n <sp-table-cell>Row Item Charlie</sp-table-cell>\n <sp-table-cell>Row Item Charlie</sp-table-cell>\n </sp-table-row>\n <sp-table-row value=\"row4\" class=\"row4\">\n <sp-table-cell>Row Item Delta</sp-table-cell>\n <sp-table-cell>Row Item Delta</sp-table-cell>\n <sp-table-cell>Row Item Delta</sp-table-cell>\n </sp-table-row>\n <sp-table-row value=\"row5\" class=\"row5\">\n <sp-table-cell>Row Item Echo</sp-table-cell>\n <sp-table-cell>Row Item Echo</sp-table-cell>\n <sp-table-cell>Row Item Echo</sp-table-cell>\n </sp-table-row>\n </sp-table-body>\n </sp-table>\n <div>Selected: [\"row1\", \"row2\"]</div>\n <div>Selected Count: 2</div>\n `;\n};\n\n// export const selectsMultipleAttributes = (): TemplateResult => {\n// return html`\n// <sp-table size=\"m\" selects=\"multiple\">\n// <sp-table-head>\n// <sp-table-head-cell>\n// Column Title\n// </sp-table-head-cell>\n// <sp-table-head-cell>Column Title</sp-table-head-cell>\n// <sp-table-head-cell>Column Title</sp-table-head-cell>\n// </sp-table-head>\n// <sp-table-body style=\"height: 120px\">\n// <sp-table-row value=\"row1\" selected>\n// <sp-table-cell>Row Item Alpha</sp-table-cell>\n// <sp-table-cell>Row Item Alpha</sp-table-cell>\n// <sp-table-cell>Row Item Alpha</sp-table-cell>\n// </sp-table-row>\n// <sp-table-row value=\"row2\">\n// <sp-table-cell>Row Item Bravo</sp-table-cell>\n// <sp-table-cell>Row Item Bravo</sp-table-cell>\n// <sp-table-cell>Row Item Bravo</sp-table-cell>\n// </sp-table-row>\n// <sp-table-row value=\"row3\" selected>\n// <sp-table-cell>Row Item Charlie</sp-table-cell>\n// <sp-table-cell>Row Item Charlie</sp-table-cell>\n// <sp-table-cell>Row Item Charlie</sp-table-cell>\n// </sp-table-row>\n// <sp-table-row value=\"row4\">\n// <sp-table-cell>Row Item Delta</sp-table-cell>\n// <sp-table-cell>Row Item Delta</sp-table-cell>\n// <sp-table-cell>Row Item Delta</sp-table-cell>\n// </sp-table-row>\n// <sp-table-row value=\"row5\">\n// <sp-table-cell>Row Item Echo</sp-table-cell>\n// <sp-table-cell>Row Item Echo</sp-table-cell>\n// <sp-table-cell>Row Item Echo</sp-table-cell>\n// </sp-table-row>\n// </sp-table-body>\n// </sp-table>\n// `;\n// };\n"],
5
- "mappings": "AAWA,qDAEA,uBACA,qCACA,4BACA,iCACA,4BACA,2BACA,4BAGA,cAAe,CACX,MAAO,QACP,UAAW,WACX,KAAM,CACF,SAAU,CAAC,EACX,QAAS,EACb,EACA,SAAU,CACN,SAAU,CACN,KAAM,WACN,YAAa,iDACb,QAAS,CACL,KAAM,MACV,CACJ,EACA,QAAS,CACL,KAAM,UACN,YACI,kFACJ,MAAO,CACH,KAAM,CAAE,QAAS,QAAS,EAC1B,aAAc,CAAE,QAAS,EAAG,CAChC,EACA,QAAS,CACL,KAAM,eACN,QAAS,CAAC,GAAI,SAAU,UAAU,CACtC,CACJ,CACJ,CACJ,EAEO,YAAM,UAAW,IACb;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAsCE,MAAQ,IACV;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAsCE,cAAgB,IAClB;AAAA;AAAA;AAAA;AAAA,wBAIa,CAAC,MAAM;AAAA,sBACT,CAAC,CAAE,YAAwC,CACjD,KAAM,GAAO,EAAO,mBACpB,EAAK,YAAc,aAAa,KAAK,UACjC,EAAO,QACX,GACJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAsCC,mBAAqB,IACvB;AAAA,uCAC4B,CAAC,OAAQ,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAqCzC,gBAAkB,IACpB;AAAA;AAAA;AAAA;AAAA,wBAIa,CAAC,OAAQ,MAAM;AAAA,sBACjB,CAAC,CAAE,YAAwC,CACjD,KAAM,GAAO,EAAO,mBACpB,EAAK,YAAc,aAAa,KAAK,UACjC,EAAO,SACP,KACA,GACJ,IACA,KAAM,GAAW,EAAK,mBACtB,EAAS,YAAc,mBAAmB,EAAO,SAAS,QAC9D;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
4
+ "sourcesContent": ["/* STORIES\nCopyright 2022 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { html, TemplateResult } from '@spectrum-web-components/base';\n\nimport '@spectrum-web-components/table/sp-table.js';\nimport '@spectrum-web-components/table/sp-table-checkbox-cell.js';\nimport '@spectrum-web-components/table/sp-table-head.js';\nimport '@spectrum-web-components/table/sp-table-head-cell.js';\nimport '@spectrum-web-components/table/sp-table-body.js';\nimport '@spectrum-web-components/table/sp-table-row.js';\nimport '@spectrum-web-components/table/sp-table-cell.js';\nimport type { Table } from '@spectrum-web-components/table';\n\nexport default {\n title: 'Table',\n component: 'sp-table',\n args: {\n selected: [],\n selects: '',\n },\n argTypes: {\n selected: {\n name: 'selected',\n description: 'The value of the selected `<sp-table-row>`(s).',\n control: {\n type: 'text',\n },\n },\n selects: {\n name: 'selects',\n description:\n 'Whether the elements selects its children and how many it can select at a time.',\n table: {\n type: { summary: 'string' },\n defaultValue: { summary: '' },\n },\n control: {\n type: 'inline-radio',\n options: ['', 'single', 'multiple'],\n },\n },\n },\n};\n\nexport const elements = (): TemplateResult => {\n return html`\n <sp-table size=\"m\">\n <sp-table-head>\n <sp-table-head-cell>Column Title</sp-table-head-cell>\n <sp-table-head-cell>Column Title</sp-table-head-cell>\n <sp-table-head-cell>Column Title</sp-table-head-cell>\n </sp-table-head>\n <sp-table-body style=\"height: 120px\">\n <sp-table-row value=\"row1\" class=\"row1\">\n <sp-table-cell>Row Item Alpha</sp-table-cell>\n <sp-table-cell>Row Item Alpha</sp-table-cell>\n <sp-table-cell>Row Item Alpha</sp-table-cell>\n </sp-table-row>\n <sp-table-row value=\"row2\" class=\"row2\">\n <sp-table-cell>Row Item Bravo</sp-table-cell>\n <sp-table-cell>Row Item Bravo</sp-table-cell>\n <sp-table-cell>Row Item Bravo</sp-table-cell>\n </sp-table-row>\n <sp-table-row value=\"row3\" class=\"row3\">\n <sp-table-cell>Row Item Charlie</sp-table-cell>\n <sp-table-cell>Row Item Charlie</sp-table-cell>\n <sp-table-cell>Row Item Charlie</sp-table-cell>\n </sp-table-row>\n <sp-table-row value=\"row4\" class=\"row4\">\n <sp-table-cell>Row Item Delta</sp-table-cell>\n <sp-table-cell>Row Item Delta</sp-table-cell>\n <sp-table-cell>Row Item Delta</sp-table-cell>\n </sp-table-row>\n <sp-table-row value=\"row5\" class=\"row5\">\n <sp-table-cell>Row Item Echo</sp-table-cell>\n <sp-table-cell>Row Item Echo</sp-table-cell>\n <sp-table-cell>Row Item Echo</sp-table-cell>\n </sp-table-row>\n </sp-table-body>\n </sp-table>\n `;\n};\n\nexport const small = (): TemplateResult => {\n return html`\n <sp-table size=\"s\">\n <sp-table-head>\n <sp-table-head-cell>Column Title</sp-table-head-cell>\n <sp-table-head-cell>Column Title</sp-table-head-cell>\n <sp-table-head-cell>Column Title</sp-table-head-cell>\n </sp-table-head>\n <sp-table-body style=\"height: 120px\">\n <sp-table-row value=\"row1\" class=\"row1\">\n <sp-table-cell>Row Item Alpha</sp-table-cell>\n <sp-table-cell>Row Item Alpha</sp-table-cell>\n <sp-table-cell>Row Item Alpha</sp-table-cell>\n </sp-table-row>\n <sp-table-row value=\"row2\" class=\"row2\">\n <sp-table-cell>Row Item Bravo</sp-table-cell>\n <sp-table-cell>Row Item Bravo</sp-table-cell>\n <sp-table-cell>Row Item Bravo</sp-table-cell>\n </sp-table-row>\n <sp-table-row value=\"row3\" class=\"row3\">\n <sp-table-cell>Row Item Charlie</sp-table-cell>\n <sp-table-cell>Row Item Charlie</sp-table-cell>\n <sp-table-cell>Row Item Charlie</sp-table-cell>\n </sp-table-row>\n <sp-table-row value=\"row4\" class=\"row4\">\n <sp-table-cell>Row Item Delta</sp-table-cell>\n <sp-table-cell>Row Item Delta</sp-table-cell>\n <sp-table-cell>Row Item Delta</sp-table-cell>\n </sp-table-row>\n <sp-table-row value=\"row5\" class=\"row5\">\n <sp-table-cell>Row Item Echo</sp-table-cell>\n <sp-table-cell>Row Item Echo</sp-table-cell>\n <sp-table-cell>Row Item Echo</sp-table-cell>\n </sp-table-row>\n </sp-table-body>\n </sp-table>\n `;\n};\n\nexport const selectsSingle = (): TemplateResult => {\n return html`\n <sp-table\n size=\"m\"\n selects=\"single\"\n .selected=${['row1']}\n @change=${({ target }: Event & { target: Table }) => {\n const next = target.nextElementSibling as HTMLDivElement;\n next.textContent = `Selected: ${JSON.stringify(\n target.selected\n )}`;\n }}\n >\n <sp-table-head>\n <sp-table-head-cell>Column Title</sp-table-head-cell>\n <sp-table-head-cell>Column Title</sp-table-head-cell>\n <sp-table-head-cell>Column Title</sp-table-head-cell>\n </sp-table-head>\n <sp-table-body style=\"height: 120px\">\n <sp-table-row value=\"row1\" class=\"row1\">\n <sp-table-cell>Row Item Alpha</sp-table-cell>\n <sp-table-cell>Row Item Alpha</sp-table-cell>\n <sp-table-cell>Row Item Alpha</sp-table-cell>\n </sp-table-row>\n <sp-table-row value=\"row2\" class=\"row2\">\n <sp-table-cell>Row Item Bravo</sp-table-cell>\n <sp-table-cell>Row Item Bravo</sp-table-cell>\n <sp-table-cell>Row Item Bravo</sp-table-cell>\n </sp-table-row>\n <sp-table-row value=\"row3\" class=\"row3\">\n <sp-table-cell>Row Item Charlie</sp-table-cell>\n <sp-table-cell>Row Item Charlie</sp-table-cell>\n <sp-table-cell>Row Item Charlie</sp-table-cell>\n </sp-table-row>\n <sp-table-row value=\"row4\" class=\"row4\">\n <sp-table-cell>Row Item Delta</sp-table-cell>\n <sp-table-cell>Row Item Delta</sp-table-cell>\n <sp-table-cell>Row Item Delta</sp-table-cell>\n </sp-table-row>\n <sp-table-row value=\"row5\" class=\"row5\">\n <sp-table-cell>Row Item Echo</sp-table-cell>\n <sp-table-cell>Row Item Echo</sp-table-cell>\n <sp-table-cell>Row Item Echo</sp-table-cell>\n </sp-table-row>\n </sp-table-body>\n </sp-table>\n <div>Selected: [\"row1\"]</div>\n `;\n};\nexport const noSelectsSpecified = (): TemplateResult => {\n return html`\n <sp-table size=\"m\" .selected=${['row1', 'row2']}>\n <sp-table-head>\n <sp-table-head-cell>Column Title</sp-table-head-cell>\n <sp-table-head-cell>Column Title</sp-table-head-cell>\n <sp-table-head-cell>Column Title</sp-table-head-cell>\n </sp-table-head>\n <sp-table-body style=\"height: 120px\">\n <sp-table-row value=\"row1\" class=\"row1\">\n <sp-table-cell>Row Item Alpha</sp-table-cell>\n <sp-table-cell>Row Item Alpha</sp-table-cell>\n <sp-table-cell>Row Item Alpha</sp-table-cell>\n </sp-table-row>\n <sp-table-row value=\"row2\" class=\"row2\">\n <sp-table-cell>Row Item Bravo</sp-table-cell>\n <sp-table-cell>Row Item Bravo</sp-table-cell>\n <sp-table-cell>Row Item Bravo</sp-table-cell>\n </sp-table-row>\n <sp-table-row value=\"row3\" class=\"row3\">\n <sp-table-cell>Row Item Charlie</sp-table-cell>\n <sp-table-cell>Row Item Charlie</sp-table-cell>\n <sp-table-cell>Row Item Charlie</sp-table-cell>\n </sp-table-row>\n <sp-table-row value=\"row4\" class=\"row4\">\n <sp-table-cell>Row Item Delta</sp-table-cell>\n <sp-table-cell>Row Item Delta</sp-table-cell>\n <sp-table-cell>Row Item Delta</sp-table-cell>\n </sp-table-row>\n <sp-table-row value=\"row5\" class=\"row5\">\n <sp-table-cell>Row Item Echo</sp-table-cell>\n <sp-table-cell>Row Item Echo</sp-table-cell>\n <sp-table-cell>Row Item Echo</sp-table-cell>\n </sp-table-row>\n </sp-table-body>\n </sp-table>\n `;\n};\n\nexport const selectsMultiple = (): TemplateResult => {\n return html`\n <sp-table\n size=\"m\"\n selects=\"multiple\"\n .selected=${['row1', 'row2']}\n @change=${({ target }: Event & { target: Table }) => {\n const next = target.nextElementSibling as HTMLDivElement;\n next.textContent = `Selected: ${JSON.stringify(\n target.selected,\n null,\n ' '\n )}`;\n const nextNext = next.nextElementSibling as HTMLDivElement;\n nextNext.textContent = `Selected Count: ${target.selected.length}`;\n }}\n >\n <sp-table-head>\n <sp-table-head-cell>Column Title</sp-table-head-cell>\n <sp-table-head-cell>Column Title</sp-table-head-cell>\n <sp-table-head-cell>Column Title</sp-table-head-cell>\n </sp-table-head>\n <sp-table-body style=\"height: 120px\">\n <sp-table-row value=\"row1\" class=\"row1\">\n <sp-table-cell>Row Item Alpha</sp-table-cell>\n <sp-table-cell>Row Item Alpha</sp-table-cell>\n <sp-table-cell>Row Item Alpha</sp-table-cell>\n </sp-table-row>\n <sp-table-row value=\"row2\" class=\"row2\">\n <sp-table-cell>Row Item Bravo</sp-table-cell>\n <sp-table-cell>Row Item Bravo</sp-table-cell>\n <sp-table-cell>Row Item Bravo</sp-table-cell>\n </sp-table-row>\n <sp-table-row value=\"row3\" class=\"row3\">\n <sp-table-cell>Row Item Charlie</sp-table-cell>\n <sp-table-cell>Row Item Charlie</sp-table-cell>\n <sp-table-cell>Row Item Charlie</sp-table-cell>\n </sp-table-row>\n <sp-table-row value=\"row4\" class=\"row4\">\n <sp-table-cell>Row Item Delta</sp-table-cell>\n <sp-table-cell>Row Item Delta</sp-table-cell>\n <sp-table-cell>Row Item Delta</sp-table-cell>\n </sp-table-row>\n <sp-table-row value=\"row5\" class=\"row5\">\n <sp-table-cell>Row Item Echo</sp-table-cell>\n <sp-table-cell>Row Item Echo</sp-table-cell>\n <sp-table-cell>Row Item Echo</sp-table-cell>\n </sp-table-row>\n </sp-table-body>\n </sp-table>\n <div>Selected: [\"row1\", \"row2\"]</div>\n <div>Selected Count: 2</div>\n `;\n};\n\n// export const selectsMultipleAttributes = (): TemplateResult => {\n// return html`\n// <sp-table size=\"m\" selects=\"multiple\">\n// <sp-table-head>\n// <sp-table-head-cell>\n// Column Title\n// </sp-table-head-cell>\n// <sp-table-head-cell>Column Title</sp-table-head-cell>\n// <sp-table-head-cell>Column Title</sp-table-head-cell>\n// </sp-table-head>\n// <sp-table-body style=\"height: 120px\">\n// <sp-table-row value=\"row1\" selected>\n// <sp-table-cell>Row Item Alpha</sp-table-cell>\n// <sp-table-cell>Row Item Alpha</sp-table-cell>\n// <sp-table-cell>Row Item Alpha</sp-table-cell>\n// </sp-table-row>\n// <sp-table-row value=\"row2\">\n// <sp-table-cell>Row Item Bravo</sp-table-cell>\n// <sp-table-cell>Row Item Bravo</sp-table-cell>\n// <sp-table-cell>Row Item Bravo</sp-table-cell>\n// </sp-table-row>\n// <sp-table-row value=\"row3\" selected>\n// <sp-table-cell>Row Item Charlie</sp-table-cell>\n// <sp-table-cell>Row Item Charlie</sp-table-cell>\n// <sp-table-cell>Row Item Charlie</sp-table-cell>\n// </sp-table-row>\n// <sp-table-row value=\"row4\">\n// <sp-table-cell>Row Item Delta</sp-table-cell>\n// <sp-table-cell>Row Item Delta</sp-table-cell>\n// <sp-table-cell>Row Item Delta</sp-table-cell>\n// </sp-table-row>\n// <sp-table-row value=\"row5\">\n// <sp-table-cell>Row Item Echo</sp-table-cell>\n// <sp-table-cell>Row Item Echo</sp-table-cell>\n// <sp-table-cell>Row Item Echo</sp-table-cell>\n// </sp-table-row>\n// </sp-table-body>\n// </sp-table>\n// `;\n// };\n"],
5
+ "mappings": ";AAWA,SAAS,YAA4B;AAErC,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AAGP,eAAe;AAAA,EACX,OAAO;AAAA,EACP,WAAW;AAAA,EACX,MAAM;AAAA,IACF,UAAU,CAAC;AAAA,IACX,SAAS;AAAA,EACb;AAAA,EACA,UAAU;AAAA,IACN,UAAU;AAAA,MACN,MAAM;AAAA,MACN,aAAa;AAAA,MACb,SAAS;AAAA,QACL,MAAM;AAAA,MACV;AAAA,IACJ;AAAA,IACA,SAAS;AAAA,MACL,MAAM;AAAA,MACN,aACI;AAAA,MACJ,OAAO;AAAA,QACH,MAAM,EAAE,SAAS,SAAS;AAAA,QAC1B,cAAc,EAAE,SAAS,GAAG;AAAA,MAChC;AAAA,MACA,SAAS;AAAA,QACL,MAAM;AAAA,QACN,SAAS,CAAC,IAAI,UAAU,UAAU;AAAA,MACtC;AAAA,IACJ;AAAA,EACJ;AACJ;AAEO,aAAM,WAAW,MAAsB;AAC1C,SAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAoCX;AAEO,aAAM,QAAQ,MAAsB;AACvC,SAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAoCX;AAEO,aAAM,gBAAgB,MAAsB;AAC/C,SAAO;AAAA;AAAA;AAAA;AAAA,wBAIa,CAAC,MAAM;AAAA,sBACT,CAAC,EAAE,OAAO,MAAiC;AACjD,UAAM,OAAO,OAAO;AACpB,SAAK,cAAc,aAAa,KAAK;AAAA,MACjC,OAAO;AAAA,IACX;AAAA,EACJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAqCZ;AACO,aAAM,qBAAqB,MAAsB;AACpD,SAAO;AAAA,uCAC4B,CAAC,QAAQ,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAmCtD;AAEO,aAAM,kBAAkB,MAAsB;AACjD,SAAO;AAAA;AAAA;AAAA;AAAA,wBAIa,CAAC,QAAQ,MAAM;AAAA,sBACjB,CAAC,EAAE,OAAO,MAAiC;AACjD,UAAM,OAAO,OAAO;AACpB,SAAK,cAAc,aAAa,KAAK;AAAA,MACjC,OAAO;AAAA,MACP;AAAA,MACA;AAAA,IACJ;AACA,UAAM,WAAW,KAAK;AACtB,aAAS,cAAc,mBAAmB,OAAO,SAAS;AAAA,EAC9D;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAsCZ;",
6
6
  "names": []
7
7
  }