@xplortech/apollo-core 2.7.0 → 2.8.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 (270) hide show
  1. package/.typings/apollo-components.html-data.json +104 -183
  2. package/build/style.css +220 -951
  3. package/dist/apollo-core/apollo-core.css +5 -35
  4. package/dist/apollo-core/apollo-core.esm.js +1 -1
  5. package/dist/apollo-core/{p-6c956d4e.entry.js → p-0bf50890.entry.js} +1 -1
  6. package/dist/apollo-core/p-1947e7a8.entry.js +1 -0
  7. package/dist/apollo-core/p-27928cb0.entry.js +1 -0
  8. package/dist/apollo-core/p-34438721.entry.js +1 -0
  9. package/dist/apollo-core/p-35c2f72d.entry.js +1 -0
  10. package/dist/apollo-core/p-368c81f1.entry.js +1 -0
  11. package/dist/apollo-core/p-36ba29da.entry.js +1 -0
  12. package/dist/apollo-core/p-406b27a8.entry.js +1 -0
  13. package/dist/apollo-core/p-5d63b4ce.entry.js +1 -0
  14. package/dist/apollo-core/p-689f1dae.entry.js +1 -0
  15. package/dist/apollo-core/{p-7eb86c63.entry.js → p-6a15f1e0.entry.js} +1 -1
  16. package/dist/apollo-core/p-8d692d05.entry.js +1 -0
  17. package/dist/apollo-core/{p-28d12fd3.entry.js → p-b61d7952.entry.js} +1 -1
  18. package/dist/apollo-core/{p-084d26ed.entry.js → p-ca127ee8.entry.js} +1 -1
  19. package/dist/apollo-core/p-cd56a3d5.entry.js +1 -0
  20. package/dist/apollo-core/p-dc205893.entry.js +1 -0
  21. package/dist/cjs/apollo-core.cjs.js +1 -1
  22. package/dist/cjs/index-BQ97-AWw.js +10 -2
  23. package/dist/cjs/loader.cjs.js +1 -1
  24. package/dist/cjs/xpl-accordion.cjs.entry.js +2 -2
  25. package/dist/cjs/xpl-application-shell.cjs.entry.js +1 -1
  26. package/dist/cjs/{xpl-avatar_61.cjs.entry.js → xpl-avatar_54.cjs.entry.js} +1311 -1725
  27. package/dist/cjs/xpl-button-row.cjs.entry.js +1 -1
  28. package/dist/cjs/xpl-calendar.cjs.entry.js +1 -1
  29. package/dist/cjs/xpl-dynamic-table-cell.cjs.entry.js +2 -2
  30. package/dist/cjs/xpl-dynamic-table-row.cjs.entry.js +2 -2
  31. package/dist/cjs/xpl-dynamic-table.cjs.entry.js +1 -1
  32. package/dist/cjs/xpl-grid-item.cjs.entry.js +1 -1
  33. package/dist/cjs/xpl-grid.cjs.entry.js +1 -1
  34. package/dist/cjs/xpl-large-card.cjs.entry.js +1 -1
  35. package/dist/cjs/xpl-main-nav.cjs.entry.js +1 -1
  36. package/dist/cjs/xpl-table-header-cell.cjs.entry.js +57 -0
  37. package/dist/cjs/xpl-table-header.cjs.entry.js +14 -0
  38. package/dist/cjs/xpl-toggle.cjs.entry.js +8 -3
  39. package/dist/cjs/xpl-toolbar.cjs.entry.js +2 -2
  40. package/dist/collection/collection-manifest.json +2 -7
  41. package/dist/collection/components/xpl-accordion/xpl-accordion.js +2 -2
  42. package/dist/collection/components/xpl-application-shell/xpl-application-shell.js +1 -1
  43. package/dist/collection/components/xpl-backdrop/xpl-backdrop.js +1 -1
  44. package/dist/collection/components/xpl-badge/xpl-badge.js +1 -1
  45. package/dist/collection/components/xpl-banner/xpl-banner.js +2 -2
  46. package/dist/collection/components/xpl-breadcrumbs/xpl-breadcrumb-item/xpl-breadcrumb-item.js +1 -1
  47. package/dist/collection/components/xpl-breadcrumbs/xpl-breadcrumbs/xpl-breadcrumbs.js +1 -1
  48. package/dist/collection/components/xpl-button/xpl-button.js +1 -1
  49. package/dist/collection/components/xpl-button-row/xpl-button-row.js +1 -1
  50. package/dist/collection/components/xpl-calendar/xpl-calendar.js +1 -1
  51. package/dist/collection/components/xpl-checkbox/xpl-checkbox.js +29 -34
  52. package/dist/collection/components/xpl-choicelist/xpl-choicelist.js +7 -6
  53. package/dist/collection/components/xpl-content-area/xpl-content-area.js +1 -1
  54. package/dist/collection/components/xpl-dashboard/xpl-dashboard.js +1 -1
  55. package/dist/collection/components/xpl-data-card/xpl-data-card.js +2 -2
  56. package/dist/collection/components/xpl-divider/xpl-divider.js +1 -1
  57. package/dist/collection/components/xpl-dropdown/xpl-dropdown-group/xpl-dropdown-group.js +1 -1
  58. package/dist/collection/components/xpl-dropdown/xpl-dropdown-heading/xpl-dropdown-heading.js +1 -1
  59. package/dist/collection/components/xpl-dropdown/xpl-dropdown-option/xpl-dropdown-option.js +2 -2
  60. package/dist/collection/components/xpl-dropdown/xpl-dropdown.js +77 -7
  61. package/dist/collection/components/xpl-dynamic-table/xpl-dynamic-table.js +1 -1
  62. package/dist/collection/components/xpl-dynamic-table-cell/xpl-dynamic-table-cell.js +2 -2
  63. package/dist/collection/components/xpl-dynamic-table-row/xpl-dynamic-table-row.js +2 -2
  64. package/dist/collection/components/xpl-grid/xpl-grid.js +1 -1
  65. package/dist/collection/components/xpl-grid-item/xpl-grid-item.js +1 -1
  66. package/dist/collection/components/xpl-header-accordion/xpl-header-accordion.js +53 -46
  67. package/dist/collection/components/xpl-icon/xpl-icon.js +2 -2
  68. package/dist/collection/components/xpl-input/xpl-input-color/xpl-input-color.js +8 -8
  69. package/dist/collection/components/xpl-input/xpl-input-date/xpl-input-date.js +3 -3
  70. package/dist/collection/components/xpl-input/xpl-input-file/xpl-input-file.js +4 -4
  71. package/dist/collection/components/xpl-input/xpl-input-phone/xpl-input-phone.js +5 -5
  72. package/dist/collection/components/xpl-input/xpl-input-search/xpl-input-search.js +1 -1
  73. package/dist/collection/components/xpl-input/xpl-input-time/xpl-input-time.js +2 -2
  74. package/dist/collection/components/xpl-input/xpl-input.js +28 -24
  75. package/dist/collection/components/xpl-large-card/xpl-large-card.js +1 -1
  76. package/dist/collection/components/xpl-list/xpl-list.js +2 -2
  77. package/dist/collection/components/xpl-main-nav/xpl-main-nav.js +1 -1
  78. package/dist/collection/components/xpl-modal/xpl-modal.js +1 -1
  79. package/dist/collection/components/xpl-nav-item/xpl-nav-item.js +2 -2
  80. package/dist/collection/components/xpl-pagination/pagination.stories.js +18 -0
  81. package/dist/collection/components/xpl-pagination/xpl-pagination.js +7 -3
  82. package/dist/collection/components/xpl-panel/xpl-panel.js +2 -2
  83. package/dist/collection/components/xpl-popover/xpl-popover.js +4 -4
  84. package/dist/collection/components/xpl-progress-bar/xpl-progress-bar.js +2 -2
  85. package/dist/collection/components/xpl-progress-indicator/xpl-progress-indicator.js +1 -1
  86. package/dist/collection/components/xpl-radio/radio.stories.js +10 -1
  87. package/dist/collection/components/xpl-radio/xpl-radio.js +30 -5
  88. package/dist/collection/components/xpl-secondary-nav/xpl-secondary-nav.js +1 -1
  89. package/dist/collection/components/xpl-select/xpl-select.js +58 -6
  90. package/dist/collection/components/xpl-side-nav/xpl-side-nav-item/xpl-side-nav-item.js +2 -2
  91. package/dist/collection/components/xpl-side-nav/xpl-side-nav.js +2 -2
  92. package/dist/collection/components/xpl-skeleton/xpl-skeleton.js +1 -1
  93. package/dist/collection/components/xpl-slideout/xpl-slideout.js +1 -1
  94. package/dist/collection/components/xpl-tab-panel/xpl-tab-panel.js +2 -2
  95. package/dist/collection/components/xpl-table/table.stories.js +67 -319
  96. package/dist/collection/components/xpl-table/xpl-table.js +151 -1456
  97. package/dist/collection/components/xpl-table-header/table-header.stories.js +126 -0
  98. package/dist/collection/components/xpl-table-header/xpl-table-header.js +7 -0
  99. package/dist/collection/components/xpl-table-header-cell/table-header-cell.stories.js +75 -0
  100. package/dist/collection/components/xpl-table-header-cell/xpl-table-header-cell.js +188 -0
  101. package/dist/collection/components/xpl-tabs/xpl-tabs.js +5 -5
  102. package/dist/collection/components/xpl-tag/xpl-tag.js +2 -2
  103. package/dist/collection/components/xpl-toast/xpl-toast.js +2 -2
  104. package/dist/collection/components/xpl-toggle/xpl-toggle.js +26 -4
  105. package/dist/collection/components/xpl-toolbar/xpl-toolbar.js +2 -2
  106. package/dist/collection/components/xpl-tooltip/xpl-tooltip.js +1 -1
  107. package/dist/collection/components/xpl-top-nav/xpl-nav-header-menu/xpl-nav-header-menu.js +2 -2
  108. package/dist/collection/components/xpl-top-nav/xpl-top-nav-item/xpl-top-nav-item.js +2 -2
  109. package/dist/collection/components/xpl-top-nav/xpl-top-nav.js +5 -5
  110. package/dist/collection/components/xpl-utility-bar/xpl-utility-bar.js +1 -1
  111. package/dist/components/index.js +1 -1
  112. package/dist/components/xpl-accordion.js +1 -1
  113. package/dist/components/xpl-application-shell.js +1 -1
  114. package/dist/components/xpl-backdrop2.js +1 -1
  115. package/dist/components/xpl-badge2.js +1 -1
  116. package/dist/components/xpl-banner.js +1 -1
  117. package/dist/components/xpl-breadcrumb-item.js +1 -1
  118. package/dist/components/xpl-breadcrumbs.js +1 -1
  119. package/dist/components/xpl-button-row.js +1 -1
  120. package/dist/components/xpl-button2.js +1 -1
  121. package/dist/components/xpl-calendar.js +1 -1
  122. package/dist/components/xpl-checkbox2.js +1 -1
  123. package/dist/components/xpl-choicelist.js +1 -1
  124. package/dist/components/xpl-content-area.js +1 -1
  125. package/dist/components/xpl-dashboard.js +1 -1
  126. package/dist/components/xpl-data-card.js +1 -1
  127. package/dist/components/xpl-divider2.js +1 -1
  128. package/dist/components/xpl-dropdown-group2.js +1 -1
  129. package/dist/components/xpl-dropdown-heading2.js +1 -1
  130. package/dist/components/xpl-dropdown-option2.js +1 -1
  131. package/dist/components/xpl-dropdown2.js +1 -1
  132. package/dist/components/xpl-dynamic-table-cell.js +1 -1
  133. package/dist/components/xpl-dynamic-table-row.js +1 -1
  134. package/dist/components/xpl-dynamic-table.js +1 -1
  135. package/dist/components/xpl-grid-item.js +1 -1
  136. package/dist/components/xpl-grid.js +1 -1
  137. package/dist/components/xpl-header-accordion.js +1 -1
  138. package/dist/components/xpl-icon2.js +1 -1
  139. package/dist/components/xpl-input-date2.js +1 -1
  140. package/dist/components/xpl-input-file2.js +1 -1
  141. package/dist/components/xpl-input-search2.js +1 -1
  142. package/dist/components/xpl-input2.js +1 -1
  143. package/dist/components/xpl-large-card.js +1 -1
  144. package/dist/components/xpl-list.js +1 -1
  145. package/dist/components/xpl-main-nav.js +1 -1
  146. package/dist/components/xpl-modal.js +1 -1
  147. package/dist/components/xpl-nav-header-menu.js +1 -1
  148. package/dist/components/xpl-nav-item.js +1 -1
  149. package/dist/components/xpl-pagination.js +1 -1
  150. package/dist/components/xpl-panel.js +1 -1
  151. package/dist/components/xpl-popover2.js +1 -1
  152. package/dist/components/xpl-progress-bar.js +1 -1
  153. package/dist/components/xpl-progress-indicator.js +1 -1
  154. package/dist/components/xpl-radio2.js +1 -1
  155. package/dist/components/xpl-secondary-nav.js +1 -1
  156. package/dist/components/xpl-select2.js +1 -1
  157. package/dist/components/xpl-side-nav-item.js +1 -1
  158. package/dist/components/xpl-side-nav.js +1 -1
  159. package/dist/components/xpl-skeleton.js +1 -1
  160. package/dist/components/xpl-slideout.js +1 -1
  161. package/dist/components/xpl-tab-panel.js +1 -1
  162. package/dist/components/xpl-table-header-cell.js +1 -1
  163. package/dist/components/xpl-table-header.js +1 -1
  164. package/dist/components/xpl-table.js +1 -1
  165. package/dist/components/xpl-tabs.js +1 -1
  166. package/dist/components/xpl-tag2.js +1 -1
  167. package/dist/components/xpl-toast.js +1 -1
  168. package/dist/components/xpl-toggle.js +1 -1
  169. package/dist/components/xpl-toolbar.js +1 -1
  170. package/dist/components/xpl-tooltip2.js +1 -1
  171. package/dist/components/xpl-top-nav-item2.js +1 -1
  172. package/dist/components/xpl-top-nav.js +1 -1
  173. package/dist/components/xpl-utility-bar.js +1 -1
  174. package/dist/docs/xpl-checkbox/readme.md +10 -10
  175. package/dist/docs/xpl-dropdown/readme.md +13 -11
  176. package/dist/docs/xpl-dynamic-table/readme.md +19 -22
  177. package/dist/docs/xpl-dynamic-table-cell/readme.md +18 -20
  178. package/dist/docs/xpl-dynamic-table-row/readme.md +19 -21
  179. package/dist/docs/xpl-icon/readme.md +1 -1
  180. package/dist/docs/xpl-radio/readme.md +10 -9
  181. package/dist/docs/xpl-select/readme.md +17 -15
  182. package/dist/docs/xpl-table/readme.md +46 -110
  183. package/dist/docs/{xpl-table/xpl-table-header → xpl-table-header}/readme.md +13 -13
  184. package/dist/docs/xpl-table-header-cell/readme.md +47 -0
  185. package/dist/docs/xpl-toggle/readme.md +16 -9
  186. package/dist/esm/apollo-core.js +1 -1
  187. package/dist/esm/index-C7bgJs6C.js +10 -2
  188. package/dist/esm/loader.js +1 -1
  189. package/dist/esm/xpl-accordion.entry.js +2 -2
  190. package/dist/esm/xpl-application-shell.entry.js +1 -1
  191. package/dist/esm/{xpl-avatar_61.entry.js → xpl-avatar_54.entry.js} +1312 -1719
  192. package/dist/esm/xpl-button-row.entry.js +1 -1
  193. package/dist/esm/xpl-calendar.entry.js +1 -1
  194. package/dist/esm/xpl-dynamic-table-cell.entry.js +2 -2
  195. package/dist/esm/xpl-dynamic-table-row.entry.js +2 -2
  196. package/dist/esm/xpl-dynamic-table.entry.js +1 -1
  197. package/dist/esm/xpl-grid-item.entry.js +1 -1
  198. package/dist/esm/xpl-grid.entry.js +1 -1
  199. package/dist/esm/xpl-large-card.entry.js +1 -1
  200. package/dist/esm/xpl-main-nav.entry.js +1 -1
  201. package/dist/esm/xpl-table-header-cell.entry.js +55 -0
  202. package/dist/esm/xpl-table-header.entry.js +12 -0
  203. package/dist/esm/xpl-toggle.entry.js +9 -4
  204. package/dist/esm/xpl-toolbar.entry.js +2 -2
  205. package/dist/types/components/xpl-checkbox/xpl-checkbox.d.ts +3 -3
  206. package/dist/types/components/xpl-dropdown/xpl-dropdown.d.ts +5 -0
  207. package/dist/types/components/xpl-header-accordion/xpl-header-accordion.d.ts +10 -9
  208. package/dist/types/components/xpl-input/xpl-input.d.ts +3 -2
  209. package/dist/types/components/xpl-pagination/pagination.stories.d.ts +13 -0
  210. package/dist/types/components/xpl-radio/radio.stories.d.ts +10 -1
  211. package/dist/types/components/xpl-radio/xpl-radio.d.ts +2 -0
  212. package/dist/types/components/xpl-select/xpl-select.d.ts +3 -0
  213. package/dist/types/components/xpl-table/table.stories.d.ts +19 -161
  214. package/dist/types/components/xpl-table/xpl-table.d.ts +21 -123
  215. package/dist/types/components/{xpl-table/xpl-table-header → xpl-table-header}/table-header.stories.d.ts +16 -13
  216. package/dist/types/components/{xpl-table/xpl-table-header-cell → xpl-table-header-cell}/table-header-cell.stories.d.ts +20 -24
  217. package/dist/types/components/xpl-table-header-cell/xpl-table-header-cell.d.ts +13 -0
  218. package/dist/types/components/xpl-toggle/xpl-toggle.d.ts +3 -0
  219. package/dist/types/components.d.ts +128 -402
  220. package/package.json +37 -3
  221. package/dist/apollo-core/p-146d5d55.entry.js +0 -1
  222. package/dist/apollo-core/p-16742606.entry.js +0 -1
  223. package/dist/apollo-core/p-3eb5eb7c.entry.js +0 -1
  224. package/dist/apollo-core/p-4882f0bd.entry.js +0 -1
  225. package/dist/apollo-core/p-64b34268.entry.js +0 -1
  226. package/dist/apollo-core/p-71b75f36.entry.js +0 -1
  227. package/dist/apollo-core/p-84254a24.entry.js +0 -1
  228. package/dist/apollo-core/p-9f2a0321.entry.js +0 -1
  229. package/dist/apollo-core/p-cde83ab0.entry.js +0 -1
  230. package/dist/apollo-core/p-e7363036.entry.js +0 -1
  231. package/dist/collection/components/xpl-table/utils/move-row-dom.js +0 -50
  232. package/dist/collection/components/xpl-table/utils/table-internal.js +0 -58
  233. package/dist/collection/components/xpl-table/xpl-table-body/xpl-table-body.js +0 -7
  234. package/dist/collection/components/xpl-table/xpl-table-cell/xpl-table-cell.js +0 -155
  235. package/dist/collection/components/xpl-table/xpl-table-footer/xpl-table-footer.js +0 -7
  236. package/dist/collection/components/xpl-table/xpl-table-footer-cell/xpl-table-footer-cell.js +0 -37
  237. package/dist/collection/components/xpl-table/xpl-table-header/table-header.stories.js +0 -131
  238. package/dist/collection/components/xpl-table/xpl-table-header/xpl-table-header.js +0 -7
  239. package/dist/collection/components/xpl-table/xpl-table-header-cell/table-header-cell.stories.js +0 -105
  240. package/dist/collection/components/xpl-table/xpl-table-header-cell/xpl-table-header-cell.js +0 -402
  241. package/dist/collection/components/xpl-table/xpl-table-row/xpl-table-row.js +0 -121
  242. package/dist/components/lifecycle.js +0 -1
  243. package/dist/components/xpl-table-body.d.ts +0 -11
  244. package/dist/components/xpl-table-body.js +0 -1
  245. package/dist/components/xpl-table-cell.d.ts +0 -11
  246. package/dist/components/xpl-table-cell.js +0 -1
  247. package/dist/components/xpl-table-cell2.js +0 -1
  248. package/dist/components/xpl-table-footer-cell.d.ts +0 -11
  249. package/dist/components/xpl-table-footer-cell.js +0 -1
  250. package/dist/components/xpl-table-footer-cell2.js +0 -1
  251. package/dist/components/xpl-table-footer.d.ts +0 -11
  252. package/dist/components/xpl-table-footer.js +0 -1
  253. package/dist/components/xpl-table-header-cell2.js +0 -1
  254. package/dist/components/xpl-table-row.d.ts +0 -11
  255. package/dist/components/xpl-table-row.js +0 -1
  256. package/dist/docs/xpl-table/xpl-table-body/readme.md +0 -10
  257. package/dist/docs/xpl-table/xpl-table-cell/readme.md +0 -33
  258. package/dist/docs/xpl-table/xpl-table-footer/readme.md +0 -10
  259. package/dist/docs/xpl-table/xpl-table-footer-cell/readme.md +0 -30
  260. package/dist/docs/xpl-table/xpl-table-header-cell/readme.md +0 -66
  261. package/dist/docs/xpl-table/xpl-table-row/readme.md +0 -19
  262. package/dist/types/components/xpl-table/utils/move-row-dom.d.ts +0 -3
  263. package/dist/types/components/xpl-table/utils/table-internal.d.ts +0 -8
  264. package/dist/types/components/xpl-table/xpl-table-body/xpl-table-body.d.ts +0 -3
  265. package/dist/types/components/xpl-table/xpl-table-cell/xpl-table-cell.d.ts +0 -11
  266. package/dist/types/components/xpl-table/xpl-table-footer/xpl-table-footer.d.ts +0 -3
  267. package/dist/types/components/xpl-table/xpl-table-footer-cell/xpl-table-footer-cell.d.ts +0 -4
  268. package/dist/types/components/xpl-table/xpl-table-header-cell/xpl-table-header-cell.d.ts +0 -32
  269. package/dist/types/components/xpl-table/xpl-table-row/xpl-table-row.d.ts +0 -13
  270. /package/dist/types/components/{xpl-table/xpl-table-header → xpl-table-header}/xpl-table-header.d.ts +0 -0
@@ -1,33 +0,0 @@
1
- # xpl-table-cell
2
-
3
- Body cell for compositional [`xpl-table`](../readme.md). Place content in the default slot; use `align`, `bold`, and `underline` for typography. Interactive controls inside the cell inherit `disabled` when the parent [`xpl-table-row`](../xpl-table-row) is disabled.
4
-
5
- <!-- Auto Generated Below -->
6
-
7
-
8
- ## Properties
9
-
10
- | Property | Attribute | Description | Type | Default |
11
- | ----------- | ----------- | ----------------------------------------------------------------------------------------------- | ------------------------------- | -------- |
12
- | `align` | `align` | Horizontal text alignment within the cell. | `"center" \| "left" \| "right"` | `'left'` |
13
- | `bold` | `bold` | Renders cell text in bold (--xpl-font-weight-semibold). | `boolean` | `false` |
14
- | `disabled` | `disabled` | Whether the cell and its interactive children are disabled. Set automatically by xpl-table-row. | `boolean` | `false` |
15
- | `underline` | `underline` | Adds an underline to cell text. | `boolean` | `false` |
16
-
17
-
18
- ## Dependencies
19
-
20
- ### Used by
21
-
22
- - [xpl-table](..)
23
-
24
- ### Graph
25
- ```mermaid
26
- graph TD;
27
- xpl-table --> xpl-table-cell
28
- style xpl-table-cell fill:#f9f,stroke:#333,stroke-width:4px
29
- ```
30
-
31
- ----------------------------------------------
32
-
33
- *Built with [StencilJS](https://stenciljs.com/)*
@@ -1,10 +0,0 @@
1
- # xpl-table-footer
2
-
3
-
4
-
5
- <!-- Auto Generated Below -->
6
-
7
-
8
- ----------------------------------------------
9
-
10
- *Built with [StencilJS](https://stenciljs.com/)*
@@ -1,30 +0,0 @@
1
- # xpl-table-footer-cell
2
-
3
-
4
-
5
- <!-- Auto Generated Below -->
6
-
7
-
8
- ## Properties
9
-
10
- | Property | Attribute | Description | Type | Default |
11
- | -------- | --------- | ------------------------------------------ | ------------------------------- | -------- |
12
- | `align` | `align` | Horizontal text alignment within the cell. | `"center" \| "left" \| "right"` | `'left'` |
13
-
14
-
15
- ## Dependencies
16
-
17
- ### Used by
18
-
19
- - [xpl-table](..)
20
-
21
- ### Graph
22
- ```mermaid
23
- graph TD;
24
- xpl-table --> xpl-table-footer-cell
25
- style xpl-table-footer-cell fill:#f9f,stroke:#333,stroke-width:4px
26
- ```
27
-
28
- ----------------------------------------------
29
-
30
- *Built with [StencilJS](https://stenciljs.com/)*
@@ -1,66 +0,0 @@
1
- # xpl-table-header-cell
2
-
3
- > **Note:** This component is currently in beta. Use with caution as it may have breaking changes in future releases.
4
-
5
- The `icon` property accepts icon names as strings. See [xpl-icon available icons](../xpl-icon/ICONS.md) for the complete list.
6
-
7
- When this cell is used inside a compositional [`xpl-table`](../xpl-table) with `selectable`, **you** add a `type="checkbox"` header cell for select-all; `xpl-table` keeps `checked` and `indeterminate` in sync with row selection.
8
-
9
- For **sortable** columns (`type="label"`), set **`sortable`** and optionally **`sort-key`**; the parent table emits **`sortChanged`** (see [`xpl-table` events](../xpl-table#events)).
10
-
11
- **Column width (compositional grid):** Each header cell defines one grid column on the parent `xpl-table`. By default the track is **`auto`** (sizes from content). Set **`width`** for a fixed pixel width (minimum 48px), or **`column-width`** for any CSS grid track string (`1fr`, `minmax(120px, 1fr)`, etc.). When both are set, **`column-width` wins**.
12
-
13
- ---
14
-
15
- <!-- Auto Generated Below -->
16
-
17
-
18
- ## Properties
19
-
20
- | Property | Attribute | Description | Type | Default |
21
- | ------------------- | --------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | -------------------------------------------- | ----------- |
22
- | `align` | `align` | Horizontal text alignment within the header cell. | `"center" \| "left" \| "right"` | `'left'` |
23
- | `checkboxAriaLabel` | `checkbox-aria-label` | Accessible name for the header checkbox (native `aria-label`). Defaults to “Select all rows” when `type` is `checkbox`. | `string` | `undefined` |
24
- | `checked` | `checked` | Whether the header checkbox is checked | `boolean` | `false` |
25
- | `columnWidth` | `column-width` | CSS grid track size for this column (e.g. `1fr`, `minmax(120px, 1fr)`, `auto`). When set, overrides `width`. Use this when you need flexible columns; default layout uses `auto` per column unless you set a track here. | `string` | `undefined` |
26
- | `icon` | `icon` | Icon to display in the cell. See [xpl-icon available icons](../xpl-icon/ICONS.md) for valid icon names. | `string` | `undefined` |
27
- | `indeterminate` | `indeterminate` | Whether the checkbox is in indeterminate (partially selected) state | `boolean` | `false` |
28
- | `label` | `label` | Text to display in the cell. | `string` | `''` |
29
- | `sortDirection` | `sort-direction` | Active sort direction for this column when `sortable`. Set by `xpl-table` when used inside a compositional table; may be set by the app for controlled updates. | `"asc" \| "desc"` | `undefined` |
30
- | `sortKey` | `sort-key` | When `sortable` is true, optional stable id used as the key in `sortChanged`’s detail object. Falls back to a slug of `label` when omitted. | `string` | `undefined` |
31
- | `sortable` | `sortable` | When true (and `type` is `label`), renders a sort control (button + affordance icon). | `boolean` | `false` |
32
- | `type` | `type` | The type of cell to render. | `"checkbox" \| "empty" \| "icon" \| "label"` | `'label'` |
33
- | `width` | `width` | Fixed width for this column in pixels (minimum 48px). Sets the grid track to `Npx`. Ignored when `columnWidth` is set. When omitted, the column track defaults to `auto` (content-sized). | `number` | `undefined` |
34
-
35
-
36
- ## Events
37
-
38
- | Event | Description | Type |
39
- | ---------------------- | ------------------------------------------------------------------------------------------------------------------ | ------------------------------------- |
40
- | `headerCheckboxChange` | Emitted when header checkbox changes | `CustomEvent<boolean>` |
41
- | `headerSortChange` | Emitted when a sortable label header is activated. Parent `xpl-table` coordinates columns and emits `sortChanged`. | `CustomEvent<HeaderSortChangeDetail>` |
42
-
43
-
44
- ## Dependencies
45
-
46
- ### Used by
47
-
48
- - [xpl-table](..)
49
-
50
- ### Depends on
51
-
52
- - [xpl-icon](../../xpl-icon)
53
- - [xpl-checkbox](../../xpl-checkbox)
54
-
55
- ### Graph
56
- ```mermaid
57
- graph TD;
58
- xpl-table-header-cell --> xpl-icon
59
- xpl-table-header-cell --> xpl-checkbox
60
- xpl-table --> xpl-table-header-cell
61
- style xpl-table-header-cell fill:#f9f,stroke:#333,stroke-width:4px
62
- ```
63
-
64
- ----------------------------------------------
65
-
66
- *Built with [StencilJS](https://stenciljs.com/)*
@@ -1,19 +0,0 @@
1
- # xpl-table-row
2
-
3
-
4
-
5
- <!-- Auto Generated Below -->
6
-
7
-
8
- ## Properties
9
-
10
- | Property | Attribute | Description | Type | Default |
11
- | ---------- | ---------- | --------------------------------------------------------------------------------------------------------------------------------------- | --------- | ----------- |
12
- | `disabled` | `disabled` | Whether the row and its cells are disabled. | `boolean` | `false` |
13
- | `rowId` | `row-id` | Stable identifier for this row when used with a selectable compositional `xpl-table`. If omitted, the parent table assigns a unique id. | `string` | `undefined` |
14
- | `selected` | `selected` | Whether the row is visually selected. | `boolean` | `false` |
15
-
16
-
17
- ----------------------------------------------
18
-
19
- *Built with [StencilJS](https://stenciljs.com/)*
@@ -1,3 +0,0 @@
1
- export declare function getNearestTableBodyRowFromNode(node: Node | null): HTMLXplTableRowElement | null;
2
- export declare function getNextVisibleTableBodyRowAfter(element: Element): HTMLElement | null;
3
- export declare function moveRowInTableBody(body: HTMLElement, draggedRow: HTMLElement, dropTargetRow: HTMLElement): void;
@@ -1,8 +0,0 @@
1
- export declare const XPL_TABLE_COLUMN_WIDTHS_CHANGE_EVENT = "xplTableColumnWidthsChange";
2
- export declare const TABLE_HEADER_CELL_MIN_WIDTH_PX = 48;
3
- export declare const getGridColumnWidthFromHeaderCell: (cell: Element) => string;
4
- export declare const SELECTION_MARK = "data-xpl-selection-managed";
5
- export declare const ROW_REORDER_MARK = "data-xpl-row-reorder-managed";
6
- export declare const getSortAffordanceIconName: (sortDirection: "asc" | "desc" | null | undefined) => "arrow-down" | "arrow-up";
7
- export declare const cycleSortDirection: (current: "asc" | "desc" | null | undefined) => "asc" | "desc" | null;
8
- export declare const getIconType: (sortType: string | null) => string;
@@ -1,3 +0,0 @@
1
- export declare class XplTableBody {
2
- render(): any;
3
- }
@@ -1,11 +0,0 @@
1
- export declare class XplTableCell {
2
- el: HTMLElement;
3
- align: 'left' | 'right' | 'center';
4
- bold: boolean;
5
- disabled: boolean;
6
- onDisabledChange(): void;
7
- underline: boolean;
8
- componentDidLoad(): void;
9
- private propagateDisabledToSlotted;
10
- render(): any;
11
- }
@@ -1,3 +0,0 @@
1
- export declare class XplTableFooter {
2
- render(): any;
3
- }
@@ -1,4 +0,0 @@
1
- export declare class XplTableFooterCell {
2
- align: 'left' | 'right' | 'center';
3
- render(): any;
4
- }
@@ -1,32 +0,0 @@
1
- import { EventEmitter } from '../../../stencil-public-runtime';
2
- export interface HeaderSortChangeDetail {
3
- columnIndex: number;
4
- sortKey: string;
5
- }
6
- export declare class TableHeaderCell {
7
- el: HTMLXplTableHeaderCellElement;
8
- align: 'left' | 'right' | 'center';
9
- checkboxAriaLabel?: string;
10
- checked: boolean;
11
- columnWidth?: string;
12
- watchColumnWidth(): void;
13
- icon?: string;
14
- indeterminate: boolean;
15
- label?: string;
16
- sortable: boolean;
17
- sortDirection?: 'asc' | 'desc' | null;
18
- sortKey?: string;
19
- type: 'label' | 'checkbox' | 'icon' | 'empty';
20
- width?: number;
21
- watchWidth(): void;
22
- headerCheckboxChange: EventEmitter<boolean>;
23
- headerSortChange: EventEmitter<HeaderSortChangeDetail>;
24
- componentDidLoad(): void;
25
- private notifyColumnWidthsChange;
26
- private onHeaderInnerCheckboxChange;
27
- private getColumnIndex0;
28
- private getSortKeySlug;
29
- private onSortActivate;
30
- private renderLabelContent;
31
- render(): any;
32
- }
@@ -1,13 +0,0 @@
1
- export declare class XplTableRow {
2
- private cellObserver?;
3
- el: HTMLElement;
4
- disabled: boolean;
5
- onDisabledChange(): void;
6
- rowId?: string;
7
- selected: boolean;
8
- connectedCallback(): void;
9
- disconnectedCallback(): void;
10
- componentDidLoad(): void;
11
- private propagateDisabledToCells;
12
- render(): any;
13
- }