@xplortech/apollo-core 2.7.0 → 2.7.1
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.
- package/.typings/apollo-components.html-data.json +97 -180
- package/build/style.css +220 -951
- package/dist/apollo-core/apollo-core.css +5 -35
- package/dist/apollo-core/apollo-core.esm.js +1 -1
- package/dist/apollo-core/{p-6c956d4e.entry.js → p-0bf50890.entry.js} +1 -1
- package/dist/apollo-core/p-1947e7a8.entry.js +1 -0
- package/dist/apollo-core/p-27928cb0.entry.js +1 -0
- package/dist/apollo-core/p-34438721.entry.js +1 -0
- package/dist/apollo-core/p-35c2f72d.entry.js +1 -0
- package/dist/apollo-core/p-368c81f1.entry.js +1 -0
- package/dist/apollo-core/p-36ba29da.entry.js +1 -0
- package/dist/apollo-core/p-406b27a8.entry.js +1 -0
- package/dist/apollo-core/p-5d63b4ce.entry.js +1 -0
- package/dist/apollo-core/{p-7eb86c63.entry.js → p-6a15f1e0.entry.js} +1 -1
- package/dist/apollo-core/p-8d692d05.entry.js +1 -0
- package/dist/apollo-core/{p-28d12fd3.entry.js → p-b61d7952.entry.js} +1 -1
- package/dist/apollo-core/{p-084d26ed.entry.js → p-ca127ee8.entry.js} +1 -1
- package/dist/apollo-core/p-d1c9c233.entry.js +1 -0
- package/dist/apollo-core/p-dc205893.entry.js +1 -0
- package/dist/apollo-core/p-e2a5d41c.entry.js +1 -0
- package/dist/cjs/apollo-core.cjs.js +1 -1
- package/dist/cjs/index-BQ97-AWw.js +10 -2
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/xpl-accordion.cjs.entry.js +2 -2
- package/dist/cjs/xpl-application-shell.cjs.entry.js +1 -1
- package/dist/cjs/{xpl-avatar_61.cjs.entry.js → xpl-avatar_54.cjs.entry.js} +238 -1683
- package/dist/cjs/xpl-button-row.cjs.entry.js +1 -1
- package/dist/cjs/xpl-calendar.cjs.entry.js +1 -1
- package/dist/cjs/xpl-dynamic-table-cell.cjs.entry.js +2 -2
- package/dist/cjs/xpl-dynamic-table-row.cjs.entry.js +2 -2
- package/dist/cjs/xpl-dynamic-table.cjs.entry.js +1 -1
- package/dist/cjs/xpl-grid-item.cjs.entry.js +1 -1
- package/dist/cjs/xpl-grid.cjs.entry.js +1 -1
- package/dist/cjs/xpl-large-card.cjs.entry.js +1 -1
- package/dist/cjs/xpl-main-nav.cjs.entry.js +1 -1
- package/dist/cjs/xpl-table-header-cell.cjs.entry.js +57 -0
- package/dist/cjs/xpl-table-header.cjs.entry.js +14 -0
- package/dist/cjs/xpl-toggle.cjs.entry.js +3 -3
- package/dist/cjs/xpl-toolbar.cjs.entry.js +2 -2
- package/dist/collection/collection-manifest.json +2 -7
- package/dist/collection/components/xpl-accordion/xpl-accordion.js +2 -2
- package/dist/collection/components/xpl-application-shell/xpl-application-shell.js +1 -1
- package/dist/collection/components/xpl-backdrop/xpl-backdrop.js +1 -1
- package/dist/collection/components/xpl-badge/xpl-badge.js +1 -1
- package/dist/collection/components/xpl-banner/xpl-banner.js +2 -2
- package/dist/collection/components/xpl-breadcrumbs/xpl-breadcrumb-item/xpl-breadcrumb-item.js +1 -1
- package/dist/collection/components/xpl-breadcrumbs/xpl-breadcrumbs/xpl-breadcrumbs.js +1 -1
- package/dist/collection/components/xpl-button/xpl-button.js +1 -1
- package/dist/collection/components/xpl-button-row/xpl-button-row.js +1 -1
- package/dist/collection/components/xpl-calendar/xpl-calendar.js +1 -1
- package/dist/collection/components/xpl-checkbox/xpl-checkbox.js +25 -25
- package/dist/collection/components/xpl-choicelist/xpl-choicelist.js +1 -1
- package/dist/collection/components/xpl-content-area/xpl-content-area.js +1 -1
- package/dist/collection/components/xpl-dashboard/xpl-dashboard.js +1 -1
- package/dist/collection/components/xpl-data-card/xpl-data-card.js +2 -2
- package/dist/collection/components/xpl-divider/xpl-divider.js +1 -1
- package/dist/collection/components/xpl-dropdown/xpl-dropdown-group/xpl-dropdown-group.js +1 -1
- package/dist/collection/components/xpl-dropdown/xpl-dropdown-heading/xpl-dropdown-heading.js +1 -1
- package/dist/collection/components/xpl-dropdown/xpl-dropdown-option/xpl-dropdown-option.js +2 -2
- package/dist/collection/components/xpl-dropdown/xpl-dropdown.js +77 -7
- package/dist/collection/components/xpl-dynamic-table/xpl-dynamic-table.js +1 -1
- package/dist/collection/components/xpl-dynamic-table-cell/xpl-dynamic-table-cell.js +2 -2
- package/dist/collection/components/xpl-dynamic-table-row/xpl-dynamic-table-row.js +2 -2
- package/dist/collection/components/xpl-grid/xpl-grid.js +1 -1
- package/dist/collection/components/xpl-grid-item/xpl-grid-item.js +1 -1
- package/dist/collection/components/xpl-header-accordion/xpl-header-accordion.js +53 -46
- package/dist/collection/components/xpl-icon/xpl-icon.js +2 -2
- package/dist/collection/components/xpl-input/xpl-input-color/xpl-input-color.js +8 -8
- package/dist/collection/components/xpl-input/xpl-input-date/xpl-input-date.js +3 -3
- package/dist/collection/components/xpl-input/xpl-input-file/xpl-input-file.js +4 -4
- package/dist/collection/components/xpl-input/xpl-input-phone/xpl-input-phone.js +5 -5
- package/dist/collection/components/xpl-input/xpl-input-search/xpl-input-search.js +1 -1
- package/dist/collection/components/xpl-input/xpl-input-time/xpl-input-time.js +2 -2
- package/dist/collection/components/xpl-input/xpl-input.js +2 -2
- package/dist/collection/components/xpl-large-card/xpl-large-card.js +1 -1
- package/dist/collection/components/xpl-list/xpl-list.js +2 -2
- package/dist/collection/components/xpl-main-nav/xpl-main-nav.js +1 -1
- package/dist/collection/components/xpl-modal/xpl-modal.js +1 -1
- package/dist/collection/components/xpl-nav-item/xpl-nav-item.js +2 -2
- package/dist/collection/components/xpl-pagination/pagination.stories.js +18 -0
- package/dist/collection/components/xpl-pagination/xpl-pagination.js +7 -3
- package/dist/collection/components/xpl-panel/xpl-panel.js +2 -2
- package/dist/collection/components/xpl-popover/xpl-popover.js +4 -4
- package/dist/collection/components/xpl-progress-bar/xpl-progress-bar.js +2 -2
- package/dist/collection/components/xpl-progress-indicator/xpl-progress-indicator.js +1 -1
- package/dist/collection/components/xpl-radio/xpl-radio.js +3 -3
- package/dist/collection/components/xpl-secondary-nav/xpl-secondary-nav.js +1 -1
- package/dist/collection/components/xpl-select/xpl-select.js +58 -6
- package/dist/collection/components/xpl-side-nav/xpl-side-nav-item/xpl-side-nav-item.js +2 -2
- package/dist/collection/components/xpl-side-nav/xpl-side-nav.js +2 -2
- package/dist/collection/components/xpl-skeleton/xpl-skeleton.js +1 -1
- package/dist/collection/components/xpl-slideout/xpl-slideout.js +1 -1
- package/dist/collection/components/xpl-tab-panel/xpl-tab-panel.js +2 -2
- package/dist/collection/components/xpl-table/table.stories.js +67 -319
- package/dist/collection/components/xpl-table/xpl-table.js +151 -1456
- package/dist/collection/components/xpl-table-header/table-header.stories.js +126 -0
- package/dist/collection/components/xpl-table-header/xpl-table-header.js +7 -0
- package/dist/collection/components/xpl-table-header-cell/table-header-cell.stories.js +75 -0
- package/dist/collection/components/xpl-table-header-cell/xpl-table-header-cell.js +188 -0
- package/dist/collection/components/xpl-tabs/xpl-tabs.js +5 -5
- package/dist/collection/components/xpl-tag/xpl-tag.js +2 -2
- package/dist/collection/components/xpl-toast/xpl-toast.js +2 -2
- package/dist/collection/components/xpl-toggle/xpl-toggle.js +3 -3
- package/dist/collection/components/xpl-toolbar/xpl-toolbar.js +2 -2
- package/dist/collection/components/xpl-tooltip/xpl-tooltip.js +1 -1
- package/dist/collection/components/xpl-top-nav/xpl-nav-header-menu/xpl-nav-header-menu.js +2 -2
- package/dist/collection/components/xpl-top-nav/xpl-top-nav-item/xpl-top-nav-item.js +2 -2
- package/dist/collection/components/xpl-top-nav/xpl-top-nav.js +5 -5
- package/dist/collection/components/xpl-utility-bar/xpl-utility-bar.js +1 -1
- package/dist/components/index.js +1 -1
- package/dist/components/xpl-accordion.js +1 -1
- package/dist/components/xpl-application-shell.js +1 -1
- package/dist/components/xpl-backdrop2.js +1 -1
- package/dist/components/xpl-badge2.js +1 -1
- package/dist/components/xpl-banner.js +1 -1
- package/dist/components/xpl-breadcrumb-item.js +1 -1
- package/dist/components/xpl-breadcrumbs.js +1 -1
- package/dist/components/xpl-button-row.js +1 -1
- package/dist/components/xpl-button2.js +1 -1
- package/dist/components/xpl-calendar.js +1 -1
- package/dist/components/xpl-checkbox2.js +1 -1
- package/dist/components/xpl-choicelist.js +1 -1
- package/dist/components/xpl-content-area.js +1 -1
- package/dist/components/xpl-dashboard.js +1 -1
- package/dist/components/xpl-data-card.js +1 -1
- package/dist/components/xpl-divider2.js +1 -1
- package/dist/components/xpl-dropdown-group2.js +1 -1
- package/dist/components/xpl-dropdown-heading2.js +1 -1
- package/dist/components/xpl-dropdown-option2.js +1 -1
- package/dist/components/xpl-dropdown2.js +1 -1
- package/dist/components/xpl-dynamic-table-cell.js +1 -1
- package/dist/components/xpl-dynamic-table-row.js +1 -1
- package/dist/components/xpl-dynamic-table.js +1 -1
- package/dist/components/xpl-grid-item.js +1 -1
- package/dist/components/xpl-grid.js +1 -1
- package/dist/components/xpl-header-accordion.js +1 -1
- package/dist/components/xpl-icon2.js +1 -1
- package/dist/components/xpl-input-date2.js +1 -1
- package/dist/components/xpl-input-file2.js +1 -1
- package/dist/components/xpl-input-search2.js +1 -1
- package/dist/components/xpl-input2.js +1 -1
- package/dist/components/xpl-large-card.js +1 -1
- package/dist/components/xpl-list.js +1 -1
- package/dist/components/xpl-main-nav.js +1 -1
- package/dist/components/xpl-modal.js +1 -1
- package/dist/components/xpl-nav-header-menu.js +1 -1
- package/dist/components/xpl-nav-item.js +1 -1
- package/dist/components/xpl-pagination.js +1 -1
- package/dist/components/xpl-panel.js +1 -1
- package/dist/components/xpl-popover2.js +1 -1
- package/dist/components/xpl-progress-bar.js +1 -1
- package/dist/components/xpl-progress-indicator.js +1 -1
- package/dist/components/xpl-radio2.js +1 -1
- package/dist/components/xpl-secondary-nav.js +1 -1
- package/dist/components/xpl-select2.js +1 -1
- package/dist/components/xpl-side-nav-item.js +1 -1
- package/dist/components/xpl-side-nav.js +1 -1
- package/dist/components/xpl-skeleton.js +1 -1
- package/dist/components/xpl-slideout.js +1 -1
- package/dist/components/xpl-tab-panel.js +1 -1
- package/dist/components/xpl-table-header-cell.js +1 -1
- package/dist/components/xpl-table-header.js +1 -1
- package/dist/components/xpl-table.js +1 -1
- package/dist/components/xpl-tabs.js +1 -1
- package/dist/components/xpl-tag2.js +1 -1
- package/dist/components/xpl-toast.js +1 -1
- package/dist/components/xpl-toggle.js +1 -1
- package/dist/components/xpl-toolbar.js +1 -1
- package/dist/components/xpl-tooltip2.js +1 -1
- package/dist/components/xpl-top-nav-item2.js +1 -1
- package/dist/components/xpl-top-nav.js +1 -1
- package/dist/components/xpl-utility-bar.js +1 -1
- package/dist/docs/xpl-checkbox/readme.md +5 -7
- package/dist/docs/xpl-dropdown/readme.md +13 -11
- package/dist/docs/xpl-dynamic-table/readme.md +19 -22
- package/dist/docs/xpl-dynamic-table-cell/readme.md +18 -20
- package/dist/docs/xpl-dynamic-table-row/readme.md +19 -21
- package/dist/docs/xpl-icon/readme.md +1 -1
- package/dist/docs/xpl-select/readme.md +17 -15
- package/dist/docs/xpl-table/readme.md +46 -110
- package/dist/docs/{xpl-table/xpl-table-header → xpl-table-header}/readme.md +13 -13
- package/dist/docs/xpl-table-header-cell/readme.md +47 -0
- package/dist/esm/apollo-core.js +1 -1
- package/dist/esm/index-C7bgJs6C.js +10 -2
- package/dist/esm/loader.js +1 -1
- package/dist/esm/xpl-accordion.entry.js +2 -2
- package/dist/esm/xpl-application-shell.entry.js +1 -1
- package/dist/esm/{xpl-avatar_61.entry.js → xpl-avatar_54.entry.js} +239 -1677
- package/dist/esm/xpl-button-row.entry.js +1 -1
- package/dist/esm/xpl-calendar.entry.js +1 -1
- package/dist/esm/xpl-dynamic-table-cell.entry.js +2 -2
- package/dist/esm/xpl-dynamic-table-row.entry.js +2 -2
- package/dist/esm/xpl-dynamic-table.entry.js +1 -1
- package/dist/esm/xpl-grid-item.entry.js +1 -1
- package/dist/esm/xpl-grid.entry.js +1 -1
- package/dist/esm/xpl-large-card.entry.js +1 -1
- package/dist/esm/xpl-main-nav.entry.js +1 -1
- package/dist/esm/xpl-table-header-cell.entry.js +55 -0
- package/dist/esm/xpl-table-header.entry.js +12 -0
- package/dist/esm/xpl-toggle.entry.js +3 -3
- package/dist/esm/xpl-toolbar.entry.js +2 -2
- package/dist/types/components/xpl-checkbox/xpl-checkbox.d.ts +2 -2
- package/dist/types/components/xpl-dropdown/xpl-dropdown.d.ts +5 -0
- package/dist/types/components/xpl-header-accordion/xpl-header-accordion.d.ts +10 -9
- package/dist/types/components/xpl-pagination/pagination.stories.d.ts +13 -0
- package/dist/types/components/xpl-select/xpl-select.d.ts +3 -0
- package/dist/types/components/xpl-table/table.stories.d.ts +19 -161
- package/dist/types/components/xpl-table/xpl-table.d.ts +21 -123
- package/dist/types/components/{xpl-table/xpl-table-header → xpl-table-header}/table-header.stories.d.ts +16 -13
- package/dist/types/components/{xpl-table/xpl-table-header-cell → xpl-table-header-cell}/table-header-cell.stories.d.ts +20 -24
- package/dist/types/components/xpl-table-header-cell/xpl-table-header-cell.d.ts +13 -0
- package/dist/types/components.d.ts +89 -391
- package/package.json +10 -1
- package/dist/apollo-core/p-146d5d55.entry.js +0 -1
- package/dist/apollo-core/p-16742606.entry.js +0 -1
- package/dist/apollo-core/p-3eb5eb7c.entry.js +0 -1
- package/dist/apollo-core/p-4882f0bd.entry.js +0 -1
- package/dist/apollo-core/p-64b34268.entry.js +0 -1
- package/dist/apollo-core/p-71b75f36.entry.js +0 -1
- package/dist/apollo-core/p-84254a24.entry.js +0 -1
- package/dist/apollo-core/p-9f2a0321.entry.js +0 -1
- package/dist/apollo-core/p-cde83ab0.entry.js +0 -1
- package/dist/apollo-core/p-e7363036.entry.js +0 -1
- package/dist/collection/components/xpl-table/utils/move-row-dom.js +0 -50
- package/dist/collection/components/xpl-table/utils/table-internal.js +0 -58
- package/dist/collection/components/xpl-table/xpl-table-body/xpl-table-body.js +0 -7
- package/dist/collection/components/xpl-table/xpl-table-cell/xpl-table-cell.js +0 -155
- package/dist/collection/components/xpl-table/xpl-table-footer/xpl-table-footer.js +0 -7
- package/dist/collection/components/xpl-table/xpl-table-footer-cell/xpl-table-footer-cell.js +0 -37
- package/dist/collection/components/xpl-table/xpl-table-header/table-header.stories.js +0 -131
- package/dist/collection/components/xpl-table/xpl-table-header/xpl-table-header.js +0 -7
- package/dist/collection/components/xpl-table/xpl-table-header-cell/table-header-cell.stories.js +0 -105
- package/dist/collection/components/xpl-table/xpl-table-header-cell/xpl-table-header-cell.js +0 -402
- package/dist/collection/components/xpl-table/xpl-table-row/xpl-table-row.js +0 -121
- package/dist/components/lifecycle.js +0 -1
- package/dist/components/xpl-table-body.d.ts +0 -11
- package/dist/components/xpl-table-body.js +0 -1
- package/dist/components/xpl-table-cell.d.ts +0 -11
- package/dist/components/xpl-table-cell.js +0 -1
- package/dist/components/xpl-table-cell2.js +0 -1
- package/dist/components/xpl-table-footer-cell.d.ts +0 -11
- package/dist/components/xpl-table-footer-cell.js +0 -1
- package/dist/components/xpl-table-footer-cell2.js +0 -1
- package/dist/components/xpl-table-footer.d.ts +0 -11
- package/dist/components/xpl-table-footer.js +0 -1
- package/dist/components/xpl-table-header-cell2.js +0 -1
- package/dist/components/xpl-table-row.d.ts +0 -11
- package/dist/components/xpl-table-row.js +0 -1
- package/dist/docs/xpl-table/xpl-table-body/readme.md +0 -10
- package/dist/docs/xpl-table/xpl-table-cell/readme.md +0 -33
- package/dist/docs/xpl-table/xpl-table-footer/readme.md +0 -10
- package/dist/docs/xpl-table/xpl-table-footer-cell/readme.md +0 -30
- package/dist/docs/xpl-table/xpl-table-header-cell/readme.md +0 -66
- package/dist/docs/xpl-table/xpl-table-row/readme.md +0 -19
- package/dist/types/components/xpl-table/utils/move-row-dom.d.ts +0 -3
- package/dist/types/components/xpl-table/utils/table-internal.d.ts +0 -8
- package/dist/types/components/xpl-table/xpl-table-body/xpl-table-body.d.ts +0 -3
- package/dist/types/components/xpl-table/xpl-table-cell/xpl-table-cell.d.ts +0 -11
- package/dist/types/components/xpl-table/xpl-table-footer/xpl-table-footer.d.ts +0 -3
- package/dist/types/components/xpl-table/xpl-table-footer-cell/xpl-table-footer-cell.d.ts +0 -4
- package/dist/types/components/xpl-table/xpl-table-header-cell/xpl-table-header-cell.d.ts +0 -32
- package/dist/types/components/xpl-table/xpl-table-row/xpl-table-row.d.ts +0 -13
- /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,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,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,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
|
-
}
|
/package/dist/types/components/{xpl-table/xpl-table-header → xpl-table-header}/xpl-table-header.d.ts
RENAMED
|
File without changes
|