@govtechsg/sgds-web-component 3.26.1-rc.2 → 3.26.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/components/Breadcrumb/index.umd.min.js +25 -25
- package/components/Breadcrumb/index.umd.min.js.map +1 -1
- package/components/Checkbox/index.umd.min.js +233 -233
- package/components/Checkbox/index.umd.min.js.map +1 -1
- package/components/Checkbox/sgds-checkbox.d.ts +0 -1
- package/components/Checkbox/sgds-checkbox.js +1 -6
- package/components/Checkbox/sgds-checkbox.js.map +1 -1
- package/components/ComboBox/index.umd.min.js +241 -241
- package/components/ComboBox/index.umd.min.js.map +1 -1
- package/components/Datepicker/index.umd.min.js +86 -86
- package/components/Datepicker/index.umd.min.js.map +1 -1
- package/components/Dropdown/dropdown-item.js +1 -1
- package/components/Dropdown/index.umd.min.js +4 -4
- package/components/Dropdown/index.umd.min.js.map +1 -1
- package/components/Dropdown/sgds-dropdown-item.d.ts +0 -2
- package/components/Dropdown/sgds-dropdown-item.js +2 -8
- package/components/Dropdown/sgds-dropdown-item.js.map +1 -1
- package/components/Input/index.umd.min.js +2 -2
- package/components/Input/index.umd.min.js.map +1 -1
- package/components/Input/input.js +1 -1
- package/components/Mainnav/index.d.ts +0 -2
- package/components/Mainnav/index.js +0 -2
- package/components/Mainnav/index.js.map +1 -1
- package/components/Mainnav/index.umd.min.js +286 -327
- package/components/Mainnav/index.umd.min.js.map +1 -1
- package/components/Mainnav/mainnav-dropdown.js +1 -1
- package/components/Mainnav/mainnav-item.js +1 -1
- package/components/Mainnav/mainnav.js +1 -1
- package/components/Mainnav/sgds-mainnav.d.ts +16 -14
- package/components/Mainnav/sgds-mainnav.js +21 -59
- package/components/Mainnav/sgds-mainnav.js.map +1 -1
- package/components/OverflowMenu/index.umd.min.js +4 -4
- package/components/OverflowMenu/index.umd.min.js.map +1 -1
- package/components/QuantityToggle/index.umd.min.js +40 -40
- package/components/QuantityToggle/index.umd.min.js.map +1 -1
- package/components/QuantityToggle/sgds-quantity-toggle.d.ts +1 -2
- package/components/QuantityToggle/sgds-quantity-toggle.js +9 -18
- package/components/QuantityToggle/sgds-quantity-toggle.js.map +1 -1
- package/components/Select/index.umd.min.js +1 -1
- package/components/Tab/index.umd.min.js +1 -1
- package/components/Tab/index.umd.min.js.map +1 -1
- package/components/Tab/tab-panel.js +1 -1
- package/components/Textarea/index.umd.min.js +1 -1
- package/components/Textarea/index.umd.min.js.map +1 -1
- package/components/Textarea/textarea.js +1 -1
- package/components/index.d.ts +0 -5
- package/components/index.js +0 -5
- package/components/index.js.map +1 -1
- package/components/index.umd.min.js +498 -633
- package/components/index.umd.min.js.map +1 -1
- package/css/fouc.css +2 -7
- package/custom-elements.json +10277 -11992
- package/index.d.ts +0 -1
- package/index.js +0 -1
- package/index.js.map +1 -1
- package/index.umd.min.js +361 -496
- package/index.umd.min.js.map +1 -1
- package/package.json +1 -1
- package/react/components/Checkbox/sgds-checkbox.cjs.js +1 -6
- package/react/components/Checkbox/sgds-checkbox.cjs.js.map +1 -1
- package/react/components/Checkbox/sgds-checkbox.js +1 -6
- package/react/components/Checkbox/sgds-checkbox.js.map +1 -1
- package/react/components/Dropdown/dropdown-item.cjs.js +1 -1
- package/react/components/Dropdown/dropdown-item.js +1 -1
- package/react/components/Dropdown/sgds-dropdown-item.cjs.js +2 -8
- package/react/components/Dropdown/sgds-dropdown-item.cjs.js.map +1 -1
- package/react/components/Dropdown/sgds-dropdown-item.js +2 -8
- package/react/components/Dropdown/sgds-dropdown-item.js.map +1 -1
- package/react/components/Input/input.cjs.js +1 -1
- package/react/components/Input/input.js +1 -1
- package/react/components/Mainnav/mainnav-dropdown.cjs.js +1 -1
- package/react/components/Mainnav/mainnav-dropdown.js +1 -1
- package/react/components/Mainnav/mainnav-item.cjs.js +1 -1
- package/react/components/Mainnav/mainnav-item.js +1 -1
- package/react/components/Mainnav/mainnav.cjs.js +1 -1
- package/react/components/Mainnav/mainnav.js +1 -1
- package/react/components/Mainnav/sgds-mainnav.cjs.js +20 -58
- package/react/components/Mainnav/sgds-mainnav.cjs.js.map +1 -1
- package/react/components/Mainnav/sgds-mainnav.js +21 -59
- package/react/components/Mainnav/sgds-mainnav.js.map +1 -1
- package/react/components/QuantityToggle/sgds-quantity-toggle.cjs.js +9 -18
- package/react/components/QuantityToggle/sgds-quantity-toggle.cjs.js.map +1 -1
- package/react/components/QuantityToggle/sgds-quantity-toggle.js +9 -18
- package/react/components/QuantityToggle/sgds-quantity-toggle.js.map +1 -1
- package/react/components/Tab/tab-panel.cjs.js +1 -1
- package/react/components/Tab/tab-panel.js +1 -1
- package/react/components/Textarea/textarea.cjs.js +1 -1
- package/react/components/Textarea/textarea.js +1 -1
- package/react/index.cjs.js +118 -128
- package/react/index.cjs.js.map +1 -1
- package/react/index.d.ts +2 -7
- package/react/index.js +2 -7
- package/react/index.js.map +1 -1
- package/react/styles/form-text-control.cjs.js +1 -1
- package/react/styles/form-text-control.js +1 -1
- package/styles/form-text-control.js +1 -1
- package/themes/blue.css +11 -11
- package/themes/cyan.css +10 -10
- package/themes/gt/blue.css +11 -11
- package/themes/gt/cyan.css +10 -10
- package/themes/gt/magenta.css +11 -11
- package/themes/gt/pink.css +11 -11
- package/themes/gt/purple.css +11 -11
- package/themes/gt/red.css +11 -11
- package/themes/magenta.css +11 -11
- package/themes/pink.css +11 -11
- package/themes/purple.css +11 -11
- package/themes/red.css +11 -11
- package/themes/root.css +0 -5
- package/types/react.d.ts +51 -164
- package/components/DataTable/data-table.js +0 -6
- package/components/DataTable/data-table.js.map +0 -1
- package/components/DataTable/index.d.ts +0 -12
- package/components/DataTable/index.js +0 -11
- package/components/DataTable/index.js.map +0 -1
- package/components/DataTable/index.umd.min.js +0 -2634
- package/components/DataTable/index.umd.min.js.map +0 -1
- package/components/DataTable/sgds-data-table-cell.d.ts +0 -15
- package/components/DataTable/sgds-data-table-cell.js +0 -32
- package/components/DataTable/sgds-data-table-cell.js.map +0 -1
- package/components/DataTable/sgds-data-table-head.d.ts +0 -28
- package/components/DataTable/sgds-data-table-head.js +0 -69
- package/components/DataTable/sgds-data-table-head.js.map +0 -1
- package/components/DataTable/sgds-data-table-row.d.ts +0 -76
- package/components/DataTable/sgds-data-table-row.js +0 -333
- package/components/DataTable/sgds-data-table-row.js.map +0 -1
- package/components/DataTable/sgds-data-table.d.ts +0 -82
- package/components/DataTable/sgds-data-table.js +0 -405
- package/components/DataTable/sgds-data-table.js.map +0 -1
- package/components/Mainnav/mainnav-profile.js +0 -6
- package/components/Mainnav/mainnav-profile.js.map +0 -1
- package/components/Mainnav/sgds-mainnav-profile.d.ts +0 -41
- package/components/Mainnav/sgds-mainnav-profile.js +0 -136
- package/components/Mainnav/sgds-mainnav-profile.js.map +0 -1
- package/react/components/DataTable/data-table.cjs.js +0 -11
- package/react/components/DataTable/data-table.cjs.js.map +0 -1
- package/react/components/DataTable/data-table.js +0 -7
- package/react/components/DataTable/data-table.js.map +0 -1
- package/react/components/DataTable/sgds-data-table-cell.cjs.js +0 -38
- package/react/components/DataTable/sgds-data-table-cell.cjs.js.map +0 -1
- package/react/components/DataTable/sgds-data-table-cell.js +0 -33
- package/react/components/DataTable/sgds-data-table-cell.js.map +0 -1
- package/react/components/DataTable/sgds-data-table-head.cjs.js +0 -75
- package/react/components/DataTable/sgds-data-table-head.cjs.js.map +0 -1
- package/react/components/DataTable/sgds-data-table-head.js +0 -70
- package/react/components/DataTable/sgds-data-table-head.js.map +0 -1
- package/react/components/DataTable/sgds-data-table-row.cjs.js +0 -339
- package/react/components/DataTable/sgds-data-table-row.cjs.js.map +0 -1
- package/react/components/DataTable/sgds-data-table-row.js +0 -334
- package/react/components/DataTable/sgds-data-table-row.js.map +0 -1
- package/react/components/DataTable/sgds-data-table.cjs.js +0 -411
- package/react/components/DataTable/sgds-data-table.cjs.js.map +0 -1
- package/react/components/DataTable/sgds-data-table.js +0 -406
- package/react/components/DataTable/sgds-data-table.js.map +0 -1
- package/react/components/Mainnav/mainnav-profile.cjs.js +0 -11
- package/react/components/Mainnav/mainnav-profile.cjs.js.map +0 -1
- package/react/components/Mainnav/mainnav-profile.js +0 -7
- package/react/components/Mainnav/mainnav-profile.js.map +0 -1
- package/react/components/Mainnav/sgds-mainnav-profile.cjs.js +0 -142
- package/react/components/Mainnav/sgds-mainnav-profile.cjs.js.map +0 -1
- package/react/components/Mainnav/sgds-mainnav-profile.js +0 -137
- package/react/components/Mainnav/sgds-mainnav-profile.js.map +0 -1
- package/react/data-table/index.cjs.js +0 -44
- package/react/data-table/index.cjs.js.map +0 -1
- package/react/data-table/index.d.ts +0 -4
- package/react/data-table/index.js +0 -20
- package/react/data-table/index.js.map +0 -1
- package/react/data-table-cell/index.cjs.js +0 -40
- package/react/data-table-cell/index.cjs.js.map +0 -1
- package/react/data-table-cell/index.d.ts +0 -4
- package/react/data-table-cell/index.js +0 -16
- package/react/data-table-cell/index.js.map +0 -1
- package/react/data-table-head/index.cjs.js +0 -40
- package/react/data-table-head/index.cjs.js.map +0 -1
- package/react/data-table-head/index.d.ts +0 -4
- package/react/data-table-head/index.js +0 -16
- package/react/data-table-head/index.js.map +0 -1
- package/react/data-table-row/index.cjs.js +0 -45
- package/react/data-table-row/index.cjs.js.map +0 -1
- package/react/data-table-row/index.d.ts +0 -4
- package/react/data-table-row/index.js +0 -21
- package/react/data-table-row/index.js.map +0 -1
- package/react/mainnav-profile/index.cjs.js +0 -40
- package/react/mainnav-profile/index.cjs.js.map +0 -1
- package/react/mainnav-profile/index.d.ts +0 -4
- package/react/mainnav-profile/index.js +0 -16
- package/react/mainnav-profile/index.js.map +0 -1
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import SgdsElement from "../../base/sgds-element";
|
|
2
|
-
/**
|
|
3
|
-
* @summary Data container for a table cell. Rendered as a `<td>` by the parent `sgds-data-table-row`.
|
|
4
|
-
*
|
|
5
|
-
* @slot default - Content to display inside the cell.
|
|
6
|
-
*/
|
|
7
|
-
export declare class SgdsDataTableCell extends SgdsElement {
|
|
8
|
-
static styles: import("lit").CSSResult[];
|
|
9
|
-
/** Number of columns this cell spans. */
|
|
10
|
-
colspan: number | undefined;
|
|
11
|
-
/** Number of rows this cell spans. */
|
|
12
|
-
rowspan: number | undefined;
|
|
13
|
-
render(): import("lit").TemplateResult<1>;
|
|
14
|
-
}
|
|
15
|
-
export default SgdsDataTableCell;
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
import { __decorate } from 'tslib';
|
|
2
|
-
import { css, html } from 'lit';
|
|
3
|
-
import SgdsElement from '../../base/sgds-element.js';
|
|
4
|
-
import { property } from 'lit/decorators.js';
|
|
5
|
-
|
|
6
|
-
/**
|
|
7
|
-
* @summary Data container for a table cell. Rendered as a `<td>` by the parent `sgds-data-table-row`.
|
|
8
|
-
*
|
|
9
|
-
* @slot default - Content to display inside the cell.
|
|
10
|
-
*/
|
|
11
|
-
class SgdsDataTableCell extends SgdsElement {
|
|
12
|
-
render() {
|
|
13
|
-
return html `<slot></slot>`;
|
|
14
|
-
}
|
|
15
|
-
}
|
|
16
|
-
SgdsDataTableCell.styles = [
|
|
17
|
-
...SgdsElement.styles,
|
|
18
|
-
css `
|
|
19
|
-
:host {
|
|
20
|
-
display: contents;
|
|
21
|
-
}
|
|
22
|
-
`
|
|
23
|
-
];
|
|
24
|
-
__decorate([
|
|
25
|
-
property({ type: Number, reflect: true })
|
|
26
|
-
], SgdsDataTableCell.prototype, "colspan", void 0);
|
|
27
|
-
__decorate([
|
|
28
|
-
property({ type: Number, reflect: true })
|
|
29
|
-
], SgdsDataTableCell.prototype, "rowspan", void 0);
|
|
30
|
-
|
|
31
|
-
export { SgdsDataTableCell, SgdsDataTableCell as default };
|
|
32
|
-
//# sourceMappingURL=sgds-data-table-cell.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"sgds-data-table-cell.js","sources":["../../../src/components/DataTable/sgds-data-table-cell.ts"],"sourcesContent":["import { css, html } from \"lit\";\nimport SgdsElement from \"../../base/sgds-element\";\nimport { property } from \"lit/decorators.js\";\n\n/**\n * @summary Data container for a table cell. Rendered as a `<td>` by the parent `sgds-data-table-row`.\n *\n * @slot default - Content to display inside the cell.\n */\nexport class SgdsDataTableCell extends SgdsElement {\n static styles = [\n ...SgdsElement.styles,\n css`\n :host {\n display: contents;\n }\n `\n ];\n\n /** Number of columns this cell spans. */\n @property({ type: Number, reflect: true }) colspan: number | undefined;\n\n /** Number of rows this cell spans. */\n @property({ type: Number, reflect: true }) rowspan: number | undefined;\n\n render() {\n return html`<slot></slot>`;\n }\n}\n\nexport default SgdsDataTableCell;\n"],"names":[],"mappings":";;;;;AAIA;;;;AAIG;AACG,MAAO,iBAAkB,SAAQ,WAAW,CAAA;IAgBhD,MAAM,GAAA;QACJ,OAAO,IAAI,CAAA,CAAA,aAAA,CAAe,CAAC;KAC5B;;AAjBM,iBAAA,CAAA,MAAM,GAAG;IACd,GAAG,WAAW,CAAC,MAAM;AACrB,IAAA,GAAG,CAAA,CAAA;;;;AAIF,IAAA,CAAA;CACF,CAAC;AAGyC,UAAA,CAAA;IAA1C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;AAA6B,CAAA,EAAA,iBAAA,CAAA,SAAA,EAAA,SAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAG5B,UAAA,CAAA;IAA1C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;AAA6B,CAAA,EAAA,iBAAA,CAAA,SAAA,EAAA,SAAA,EAAA,KAAA,CAAA,CAAA;;;;"}
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import SgdsElement from "../../base/sgds-element";
|
|
2
|
-
/**
|
|
3
|
-
* @summary Data container for a table header cell. Rendered as a `<th>` by the parent `sgds-data-table-row`.
|
|
4
|
-
*
|
|
5
|
-
* @slot default - Content to display inside the header cell.
|
|
6
|
-
*
|
|
7
|
-
*/
|
|
8
|
-
export declare class SgdsDataTableHead extends SgdsElement {
|
|
9
|
-
static styles: import("lit").CSSResult[];
|
|
10
|
-
/** Sets the column width. */
|
|
11
|
-
width: string | undefined;
|
|
12
|
-
/** Number of columns this cell spans. */
|
|
13
|
-
colspan: number | undefined;
|
|
14
|
-
/** Number of rows this cell spans. */
|
|
15
|
-
rowspan: number | undefined;
|
|
16
|
-
/** Text alignment for the header content. */
|
|
17
|
-
textAlign: "left" | "right";
|
|
18
|
-
/** Current sort direction for this column. */
|
|
19
|
-
ariasort: "ascending" | "descending" | "none" | "other" | undefined;
|
|
20
|
-
/** When true, clicking this header cycles through ascending → descending → none sort. */
|
|
21
|
-
sorting: boolean;
|
|
22
|
-
/** Column key emitted in the row's internal sort payload, used to identify which column to sort. */
|
|
23
|
-
sortKey: string;
|
|
24
|
-
/** @internal — called by the row when the rendered `<th>` is clicked. */
|
|
25
|
-
handleSortClick(): void;
|
|
26
|
-
render(): import("lit").TemplateResult<1>;
|
|
27
|
-
}
|
|
28
|
-
export default SgdsDataTableHead;
|
|
@@ -1,69 +0,0 @@
|
|
|
1
|
-
import { __decorate } from 'tslib';
|
|
2
|
-
import { css, html } from 'lit';
|
|
3
|
-
import SgdsElement from '../../base/sgds-element.js';
|
|
4
|
-
import { property } from 'lit/decorators.js';
|
|
5
|
-
|
|
6
|
-
/**
|
|
7
|
-
* @summary Data container for a table header cell. Rendered as a `<th>` by the parent `sgds-data-table-row`.
|
|
8
|
-
*
|
|
9
|
-
* @slot default - Content to display inside the header cell.
|
|
10
|
-
*
|
|
11
|
-
*/
|
|
12
|
-
class SgdsDataTableHead extends SgdsElement {
|
|
13
|
-
constructor() {
|
|
14
|
-
super(...arguments);
|
|
15
|
-
/** Text alignment for the header content. */
|
|
16
|
-
this.textAlign = "left";
|
|
17
|
-
/** When true, clicking this header cycles through ascending → descending → none sort. */
|
|
18
|
-
this.sorting = false;
|
|
19
|
-
/** Column key emitted in the row's internal sort payload, used to identify which column to sort. */
|
|
20
|
-
this.sortKey = "";
|
|
21
|
-
}
|
|
22
|
-
/** @internal — called by the row when the rendered `<th>` is clicked. */
|
|
23
|
-
handleSortClick() {
|
|
24
|
-
if (!this.sorting)
|
|
25
|
-
return;
|
|
26
|
-
const next = this.ariasort === "ascending" ? "descending" : this.ariasort === "descending" ? "none" : "ascending";
|
|
27
|
-
this.ariasort = next;
|
|
28
|
-
this.emit("i-sgds-sort", {
|
|
29
|
-
detail: { key: this.sortKey, direction: next },
|
|
30
|
-
bubbles: true,
|
|
31
|
-
composed: true
|
|
32
|
-
});
|
|
33
|
-
}
|
|
34
|
-
render() {
|
|
35
|
-
return html `<slot></slot>`;
|
|
36
|
-
}
|
|
37
|
-
}
|
|
38
|
-
SgdsDataTableHead.styles = [
|
|
39
|
-
...SgdsElement.styles,
|
|
40
|
-
css `
|
|
41
|
-
:host {
|
|
42
|
-
display: contents;
|
|
43
|
-
}
|
|
44
|
-
`
|
|
45
|
-
];
|
|
46
|
-
__decorate([
|
|
47
|
-
property({ type: String, reflect: true })
|
|
48
|
-
], SgdsDataTableHead.prototype, "width", void 0);
|
|
49
|
-
__decorate([
|
|
50
|
-
property({ type: Number, reflect: true })
|
|
51
|
-
], SgdsDataTableHead.prototype, "colspan", void 0);
|
|
52
|
-
__decorate([
|
|
53
|
-
property({ type: Number, reflect: true })
|
|
54
|
-
], SgdsDataTableHead.prototype, "rowspan", void 0);
|
|
55
|
-
__decorate([
|
|
56
|
-
property({ type: String, reflect: true })
|
|
57
|
-
], SgdsDataTableHead.prototype, "textAlign", void 0);
|
|
58
|
-
__decorate([
|
|
59
|
-
property({ type: String, reflect: true })
|
|
60
|
-
], SgdsDataTableHead.prototype, "ariasort", void 0);
|
|
61
|
-
__decorate([
|
|
62
|
-
property({ type: Boolean, reflect: true })
|
|
63
|
-
], SgdsDataTableHead.prototype, "sorting", void 0);
|
|
64
|
-
__decorate([
|
|
65
|
-
property({ type: String, reflect: true })
|
|
66
|
-
], SgdsDataTableHead.prototype, "sortKey", void 0);
|
|
67
|
-
|
|
68
|
-
export { SgdsDataTableHead, SgdsDataTableHead as default };
|
|
69
|
-
//# sourceMappingURL=sgds-data-table-head.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"sgds-data-table-head.js","sources":["../../../src/components/DataTable/sgds-data-table-head.ts"],"sourcesContent":["import { css, html } from \"lit\";\nimport SgdsElement from \"../../base/sgds-element\";\nimport { property } from \"lit/decorators.js\";\n\n/**\n * @summary Data container for a table header cell. Rendered as a `<th>` by the parent `sgds-data-table-row`.\n *\n * @slot default - Content to display inside the header cell.\n *\n */\nexport class SgdsDataTableHead extends SgdsElement {\n static styles = [\n ...SgdsElement.styles,\n css`\n :host {\n display: contents;\n }\n `\n ];\n\n /** Sets the column width. */\n @property({ type: String, reflect: true }) width: string | undefined;\n\n /** Number of columns this cell spans. */\n @property({ type: Number, reflect: true }) colspan: number | undefined;\n\n /** Number of rows this cell spans. */\n @property({ type: Number, reflect: true }) rowspan: number | undefined;\n\n /** Text alignment for the header content. */\n @property({ type: String, reflect: true }) textAlign: \"left\" | \"right\" = \"left\";\n\n /** Current sort direction for this column. */\n @property({ type: String, reflect: true }) ariasort: \"ascending\" | \"descending\" | \"none\" | \"other\" | undefined;\n\n /** When true, clicking this header cycles through ascending → descending → none sort. */\n @property({ type: Boolean, reflect: true }) sorting = false;\n\n /** Column key emitted in the row's internal sort payload, used to identify which column to sort. */\n @property({ type: String, reflect: true }) sortKey = \"\";\n\n /** @internal — called by the row when the rendered `<th>` is clicked. */\n handleSortClick() {\n if (!this.sorting) return;\n const next = this.ariasort === \"ascending\" ? \"descending\" : this.ariasort === \"descending\" ? \"none\" : \"ascending\";\n this.ariasort = next;\n this.emit(\"i-sgds-sort\", {\n detail: { key: this.sortKey, direction: next },\n bubbles: true,\n composed: true\n });\n }\n\n render() {\n return html`<slot></slot>`;\n }\n}\n\nexport default SgdsDataTableHead;\n"],"names":[],"mappings":";;;;;AAIA;;;;;AAKG;AACG,MAAO,iBAAkB,SAAQ,WAAW,CAAA;AAAlD,IAAA,WAAA,GAAA;;;QAoB6C,IAAS,CAAA,SAAA,GAAqB,MAAM,CAAC;;QAMpC,IAAO,CAAA,OAAA,GAAG,KAAK,CAAC;;QAGjB,IAAO,CAAA,OAAA,GAAG,EAAE,CAAC;KAiBzD;;IAdC,eAAe,GAAA;QACb,IAAI,CAAC,IAAI,CAAC,OAAO;YAAE,OAAO;QAC1B,MAAM,IAAI,GAAG,IAAI,CAAC,QAAQ,KAAK,WAAW,GAAG,YAAY,GAAG,IAAI,CAAC,QAAQ,KAAK,YAAY,GAAG,MAAM,GAAG,WAAW,CAAC;AAClH,QAAA,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;AACrB,QAAA,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE;YACvB,MAAM,EAAE,EAAE,GAAG,EAAE,IAAI,CAAC,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE;AAC9C,YAAA,OAAO,EAAE,IAAI;AACb,YAAA,QAAQ,EAAE,IAAI;AACf,SAAA,CAAC,CAAC;KACJ;IAED,MAAM,GAAA;QACJ,OAAO,IAAI,CAAA,CAAA,aAAA,CAAe,CAAC;KAC5B;;AA5CM,iBAAA,CAAA,MAAM,GAAG;IACd,GAAG,WAAW,CAAC,MAAM;AACrB,IAAA,GAAG,CAAA,CAAA;;;;AAIF,IAAA,CAAA;AACF,CAPY,CAOX;AAGyC,UAAA,CAAA;IAA1C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;AAA2B,CAAA,EAAA,iBAAA,CAAA,SAAA,EAAA,OAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAG1B,UAAA,CAAA;IAA1C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;AAA6B,CAAA,EAAA,iBAAA,CAAA,SAAA,EAAA,SAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAG5B,UAAA,CAAA;IAA1C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;AAA6B,CAAA,EAAA,iBAAA,CAAA,SAAA,EAAA,SAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAG5B,UAAA,CAAA;IAA1C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;AAAsC,CAAA,EAAA,iBAAA,CAAA,SAAA,EAAA,WAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAGrC,UAAA,CAAA;IAA1C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;AAAqE,CAAA,EAAA,iBAAA,CAAA,SAAA,EAAA,UAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAGnE,UAAA,CAAA;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;AAAiB,CAAA,EAAA,iBAAA,CAAA,SAAA,EAAA,SAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAGjB,UAAA,CAAA;IAA1C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;AAAc,CAAA,EAAA,iBAAA,CAAA,SAAA,EAAA,SAAA,EAAA,KAAA,CAAA,CAAA;;;;"}
|
|
@@ -1,76 +0,0 @@
|
|
|
1
|
-
import SgdsElement from "../../base/sgds-element";
|
|
2
|
-
import { SgdsCheckbox } from "../Checkbox/sgds-checkbox";
|
|
3
|
-
import SgdsDataTableCell from "./sgds-data-table-cell";
|
|
4
|
-
import SgdsDataTableHead from "./sgds-data-table-head";
|
|
5
|
-
import { SgdsIcon } from "../Icon/sgds-icon";
|
|
6
|
-
/**
|
|
7
|
-
* @summary A data table row. Set `expand` to enable an expandable content area beneath
|
|
8
|
-
* the row, then place detail content in the `content` slot.
|
|
9
|
-
*
|
|
10
|
-
* @slot default - Insert `sgds-data-table-cell` or `sgds-data-table-head` elements.
|
|
11
|
-
* @slot content - Content shown in the animated expand area beneath the row.
|
|
12
|
-
*
|
|
13
|
-
* @event sgds-show - Emitted when the expandable row begins to open.
|
|
14
|
-
* @event sgds-after-show - Emitted after the expandable row open animation completes.
|
|
15
|
-
* @event sgds-hide - Emitted when the expandable row begins to close.
|
|
16
|
-
* @event sgds-after-hide - Emitted after the expandable row close animation completes.
|
|
17
|
-
*/
|
|
18
|
-
export declare class SgdsDataTableRow extends SgdsElement {
|
|
19
|
-
static styles: import("lit").CSSResult[];
|
|
20
|
-
/** @internal */
|
|
21
|
-
static dependencies: {
|
|
22
|
-
"sgds-checkbox": typeof SgdsCheckbox;
|
|
23
|
-
"sgds-data-table-cell": typeof SgdsDataTableCell;
|
|
24
|
-
"sgds-data-table-head": typeof SgdsDataTableHead;
|
|
25
|
-
"sgds-icon": typeof SgdsIcon;
|
|
26
|
-
};
|
|
27
|
-
/** Arbitrary data associated with this row. Returned in event detail on row selection. */
|
|
28
|
-
rowData: Record<string, unknown>;
|
|
29
|
-
/** When true, the row has an expandable content area toggled by a chevron. */
|
|
30
|
-
expand: boolean;
|
|
31
|
-
/** When true, the expandable content area is open. */
|
|
32
|
-
open: boolean;
|
|
33
|
-
/** When true, the row is checked. */
|
|
34
|
-
checked: boolean;
|
|
35
|
-
/** @internal — set by `sgds-data-table` to show a checkbox cell on this row. */
|
|
36
|
-
showCheckbox: boolean;
|
|
37
|
-
/** @internal — set by `sgds-data-table` when at least one sibling row is expandable. */
|
|
38
|
-
showExpandPlaceholder: boolean;
|
|
39
|
-
/** @internal — per-column alignment injected by `sgds-data-table` from header cells. */
|
|
40
|
-
columnAlignments: Array<"left" | "right">;
|
|
41
|
-
/** @internal — set by `sgds-data-table` to indicate whether body rows exist. */
|
|
42
|
-
hasDataRows: boolean;
|
|
43
|
-
/** @internal */
|
|
44
|
-
private _expandableBody;
|
|
45
|
-
/** @internal */
|
|
46
|
-
private _checkboxEl;
|
|
47
|
-
private _isHeaderRow;
|
|
48
|
-
private _cellSlotNames;
|
|
49
|
-
private _lightDomObserver?;
|
|
50
|
-
/** The checkbox rendered inside this row, if `showCheckbox` is true. */
|
|
51
|
-
get checkbox(): SgdsCheckbox | null;
|
|
52
|
-
connectedCallback(): void;
|
|
53
|
-
disconnectedCallback(): void;
|
|
54
|
-
firstUpdated(): void;
|
|
55
|
-
handleExpandedChange(): Promise<void>;
|
|
56
|
-
handleCheckedChange(): Promise<void>;
|
|
57
|
-
/** Opens the expandable content area. */
|
|
58
|
-
show(): Promise<void>;
|
|
59
|
-
/** Closes the expandable content area. */
|
|
60
|
-
hide(): Promise<void>;
|
|
61
|
-
/** @internal — returns visible text content for a body cell by visual column index. */
|
|
62
|
-
getCellText(columnIndex: number): string;
|
|
63
|
-
private _getCells;
|
|
64
|
-
private _syncCellSlots;
|
|
65
|
-
private _handleLightDomChange;
|
|
66
|
-
private _onCheckboxChange;
|
|
67
|
-
private _toggleExpand;
|
|
68
|
-
private _onExpandKeyDown;
|
|
69
|
-
private _onSortKeyDown;
|
|
70
|
-
private _renderCell;
|
|
71
|
-
private _renderExpandCell;
|
|
72
|
-
private _renderExpandPlaceholder;
|
|
73
|
-
private _renderCheckboxCell;
|
|
74
|
-
render(): import("lit").TemplateResult<1>;
|
|
75
|
-
}
|
|
76
|
-
export default SgdsDataTableRow;
|
|
@@ -1,333 +0,0 @@
|
|
|
1
|
-
import { __decorate } from 'tslib';
|
|
2
|
-
import { html, nothing } from 'lit';
|
|
3
|
-
import { property, query, state } from 'lit/decorators.js';
|
|
4
|
-
import { ifDefined } from 'lit/directives/if-defined.js';
|
|
5
|
-
import SgdsElement from '../../base/sgds-element.js';
|
|
6
|
-
import { SgdsCheckbox } from '../Checkbox/sgds-checkbox.js';
|
|
7
|
-
import { stopAnimations, animateTo, shimKeyframesHeightAuto } from '../../utils/animate.js';
|
|
8
|
-
import { setDefaultAnimation, getAnimation } from '../../utils/animation-registry.js';
|
|
9
|
-
import { waitForEvent } from '../../utils/event.js';
|
|
10
|
-
import { watch } from '../../utils/watch.js';
|
|
11
|
-
import css_248z from './data-table.js';
|
|
12
|
-
import { SgdsDataTableCell } from './sgds-data-table-cell.js';
|
|
13
|
-
import { SgdsDataTableHead } from './sgds-data-table-head.js';
|
|
14
|
-
import { SgdsIcon } from '../Icon/sgds-icon.js';
|
|
15
|
-
|
|
16
|
-
/**
|
|
17
|
-
* @summary A data table row. Set `expand` to enable an expandable content area beneath
|
|
18
|
-
* the row, then place detail content in the `content` slot.
|
|
19
|
-
*
|
|
20
|
-
* @slot default - Insert `sgds-data-table-cell` or `sgds-data-table-head` elements.
|
|
21
|
-
* @slot content - Content shown in the animated expand area beneath the row.
|
|
22
|
-
*
|
|
23
|
-
* @event sgds-show - Emitted when the expandable row begins to open.
|
|
24
|
-
* @event sgds-after-show - Emitted after the expandable row open animation completes.
|
|
25
|
-
* @event sgds-hide - Emitted when the expandable row begins to close.
|
|
26
|
-
* @event sgds-after-hide - Emitted after the expandable row close animation completes.
|
|
27
|
-
*/
|
|
28
|
-
class SgdsDataTableRow extends SgdsElement {
|
|
29
|
-
constructor() {
|
|
30
|
-
super(...arguments);
|
|
31
|
-
/** Arbitrary data associated with this row. Returned in event detail on row selection. */
|
|
32
|
-
this.rowData = {};
|
|
33
|
-
/** When true, the row has an expandable content area toggled by a chevron. */
|
|
34
|
-
this.expand = false;
|
|
35
|
-
/** When true, the expandable content area is open. */
|
|
36
|
-
this.open = false;
|
|
37
|
-
/** When true, the row is checked. */
|
|
38
|
-
this.checked = false;
|
|
39
|
-
/** @internal — set by `sgds-data-table` to show a checkbox cell on this row. */
|
|
40
|
-
this.showCheckbox = false;
|
|
41
|
-
/** @internal — set by `sgds-data-table` when at least one sibling row is expandable. */
|
|
42
|
-
this.showExpandPlaceholder = false;
|
|
43
|
-
/** @internal — per-column alignment injected by `sgds-data-table` from header cells. */
|
|
44
|
-
this.columnAlignments = [];
|
|
45
|
-
/** @internal — set by `sgds-data-table` to indicate whether body rows exist. */
|
|
46
|
-
this.hasDataRows = false;
|
|
47
|
-
this._isHeaderRow = false;
|
|
48
|
-
this._cellSlotNames = new WeakMap();
|
|
49
|
-
}
|
|
50
|
-
/** The checkbox rendered inside this row, if `showCheckbox` is true. */
|
|
51
|
-
get checkbox() {
|
|
52
|
-
var _a;
|
|
53
|
-
return (_a = this._checkboxEl) !== null && _a !== void 0 ? _a : null;
|
|
54
|
-
}
|
|
55
|
-
connectedCallback() {
|
|
56
|
-
super.connectedCallback();
|
|
57
|
-
this._lightDomObserver = new MutationObserver(() => this._handleLightDomChange());
|
|
58
|
-
this._lightDomObserver.observe(this, { childList: true });
|
|
59
|
-
this._handleLightDomChange();
|
|
60
|
-
}
|
|
61
|
-
disconnectedCallback() {
|
|
62
|
-
var _a;
|
|
63
|
-
(_a = this._lightDomObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
|
|
64
|
-
super.disconnectedCallback();
|
|
65
|
-
}
|
|
66
|
-
firstUpdated() {
|
|
67
|
-
if (this._expandableBody) {
|
|
68
|
-
this._expandableBody.hidden = !this.open;
|
|
69
|
-
}
|
|
70
|
-
}
|
|
71
|
-
async handleExpandedChange() {
|
|
72
|
-
if (this.open) {
|
|
73
|
-
const sgdsShow = this.emit("sgds-show", { cancelable: true });
|
|
74
|
-
if (sgdsShow.defaultPrevented) {
|
|
75
|
-
this.open = false;
|
|
76
|
-
return;
|
|
77
|
-
}
|
|
78
|
-
await stopAnimations(this._expandableBody);
|
|
79
|
-
this._expandableBody.hidden = false;
|
|
80
|
-
const { keyframes, options } = getAnimation(this, "row.expand.show");
|
|
81
|
-
await animateTo(this._expandableBody, shimKeyframesHeightAuto(keyframes, this._expandableBody.scrollHeight), options);
|
|
82
|
-
this.emit("sgds-after-show");
|
|
83
|
-
}
|
|
84
|
-
else {
|
|
85
|
-
const sgdsHide = this.emit("sgds-hide", { cancelable: true });
|
|
86
|
-
if (sgdsHide.defaultPrevented) {
|
|
87
|
-
this.open = true;
|
|
88
|
-
return;
|
|
89
|
-
}
|
|
90
|
-
await stopAnimations(this._expandableBody);
|
|
91
|
-
const { keyframes, options } = getAnimation(this, "row.expand.hide");
|
|
92
|
-
await animateTo(this._expandableBody, shimKeyframesHeightAuto(keyframes, this._expandableBody.scrollHeight), options);
|
|
93
|
-
this._expandableBody.hidden = true;
|
|
94
|
-
this.emit("sgds-after-hide");
|
|
95
|
-
}
|
|
96
|
-
}
|
|
97
|
-
async handleCheckedChange() {
|
|
98
|
-
if (this.checked) {
|
|
99
|
-
this.emit("i-sgds-change", { detail: { checked: true } });
|
|
100
|
-
}
|
|
101
|
-
}
|
|
102
|
-
/** Opens the expandable content area. */
|
|
103
|
-
async show() {
|
|
104
|
-
if (this.open)
|
|
105
|
-
return;
|
|
106
|
-
this.open = true;
|
|
107
|
-
return waitForEvent(this, "sgds-after-show");
|
|
108
|
-
}
|
|
109
|
-
/** Closes the expandable content area. */
|
|
110
|
-
async hide() {
|
|
111
|
-
if (!this.open)
|
|
112
|
-
return;
|
|
113
|
-
this.open = false;
|
|
114
|
-
return waitForEvent(this, "sgds-after-hide");
|
|
115
|
-
}
|
|
116
|
-
/** @internal — returns visible text content for a body cell by visual column index. */
|
|
117
|
-
getCellText(columnIndex) {
|
|
118
|
-
var _a;
|
|
119
|
-
const cells = this._getCells().filter(cell => cell instanceof SgdsDataTableCell);
|
|
120
|
-
const cell = cells[columnIndex];
|
|
121
|
-
if (!cell)
|
|
122
|
-
return "";
|
|
123
|
-
return ((_a = cell.textContent) !== null && _a !== void 0 ? _a : "").trim();
|
|
124
|
-
}
|
|
125
|
-
_getCells() {
|
|
126
|
-
return Array.from(this.children).filter(child => child instanceof SgdsDataTableCell || child instanceof SgdsDataTableHead);
|
|
127
|
-
}
|
|
128
|
-
_syncCellSlots(cells) {
|
|
129
|
-
cells.forEach(cell => {
|
|
130
|
-
const index = cells.indexOf(cell);
|
|
131
|
-
const slotName = `cell-${index}`;
|
|
132
|
-
this._cellSlotNames.set(cell, slotName);
|
|
133
|
-
if (cell.getAttribute("slot") !== slotName) {
|
|
134
|
-
cell.setAttribute("slot", slotName);
|
|
135
|
-
}
|
|
136
|
-
});
|
|
137
|
-
}
|
|
138
|
-
_handleLightDomChange() {
|
|
139
|
-
const cells = this._getCells();
|
|
140
|
-
this._syncCellSlots(cells);
|
|
141
|
-
this._isHeaderRow = cells.some(cell => cell instanceof SgdsDataTableHead);
|
|
142
|
-
this.requestUpdate();
|
|
143
|
-
}
|
|
144
|
-
_onCheckboxChange(e) {
|
|
145
|
-
this.emit("i-sgds-change", { detail: { checked: e.target.checked } });
|
|
146
|
-
}
|
|
147
|
-
_toggleExpand() {
|
|
148
|
-
this.open ? this.hide() : this.show();
|
|
149
|
-
}
|
|
150
|
-
_onExpandKeyDown(e) {
|
|
151
|
-
if (e.key !== "Enter")
|
|
152
|
-
return;
|
|
153
|
-
e.preventDefault();
|
|
154
|
-
this._toggleExpand();
|
|
155
|
-
}
|
|
156
|
-
_onSortKeyDown(e, header) {
|
|
157
|
-
if (e.key !== "Enter")
|
|
158
|
-
return;
|
|
159
|
-
e.preventDefault();
|
|
160
|
-
header.handleSortClick();
|
|
161
|
-
}
|
|
162
|
-
_renderCell(el, columnIndex) {
|
|
163
|
-
var _a;
|
|
164
|
-
const slotName = this._cellSlotNames.get(el);
|
|
165
|
-
if (el instanceof SgdsDataTableHead) {
|
|
166
|
-
return html `<th
|
|
167
|
-
width=${ifDefined(el.width)}
|
|
168
|
-
colspan=${ifDefined(el.colspan)}
|
|
169
|
-
rowspan=${ifDefined(el.rowspan)}
|
|
170
|
-
aria-sort=${ifDefined(el.ariasort)}
|
|
171
|
-
scope="col"
|
|
172
|
-
tabindex=${ifDefined(el.sorting ? "0" : undefined)}
|
|
173
|
-
?data-sorting=${el.sorting}
|
|
174
|
-
@click=${el.sorting ? () => el.handleSortClick() : nothing}
|
|
175
|
-
@keydown=${el.sorting ? (e) => this._onSortKeyDown(e, el) : nothing}
|
|
176
|
-
>
|
|
177
|
-
<div class="data-table-head ${el.textAlign === "right" ? "align-right" : "align-left"}">
|
|
178
|
-
${slotName ? html `<slot name=${slotName}></slot>` : nothing}
|
|
179
|
-
${el.sorting
|
|
180
|
-
? html `
|
|
181
|
-
<button
|
|
182
|
-
type="button"
|
|
183
|
-
class="sort-button ${el.ariasort === "none" ? "" : "active"}"
|
|
184
|
-
aria-label=${el.ariasort === "descending" ? "Sort descending" : "Sort ascending"}
|
|
185
|
-
?disabled=${!this.hasDataRows}
|
|
186
|
-
>
|
|
187
|
-
<sgds-icon
|
|
188
|
-
class="sort-icon"
|
|
189
|
-
name=${el.ariasort === "descending" ? "sort-descending" : "sort-ascending"}
|
|
190
|
-
size="sm"
|
|
191
|
-
></sgds-icon>
|
|
192
|
-
</button>
|
|
193
|
-
`
|
|
194
|
-
: nothing}
|
|
195
|
-
</div>
|
|
196
|
-
</th>`;
|
|
197
|
-
}
|
|
198
|
-
const cellAlignment = (_a = this.columnAlignments[columnIndex]) !== null && _a !== void 0 ? _a : "left";
|
|
199
|
-
return html `<td colspan=${ifDefined(el.colspan)} rowspan=${ifDefined(el.rowspan)}>
|
|
200
|
-
<div class="data-table-cell ${cellAlignment === "right" ? "align-right" : "align-left"}">
|
|
201
|
-
${slotName ? html `<slot name=${slotName}></slot>` : nothing}
|
|
202
|
-
</div>
|
|
203
|
-
</td>`;
|
|
204
|
-
}
|
|
205
|
-
_renderExpandCell() {
|
|
206
|
-
if (this._isHeaderRow) {
|
|
207
|
-
return html `<th class="control-cell" scope="col"></th>`;
|
|
208
|
-
}
|
|
209
|
-
return html `<td class="control-cell" @click=${this._toggleExpand} @keydown=${this._onExpandKeyDown} tabindex="0">
|
|
210
|
-
<div class="data-table-cell expand-cell">
|
|
211
|
-
<sgds-icon name=${this.open ? "chevron-up" : "chevron-down"} size="md"></sgds-icon>
|
|
212
|
-
</div>
|
|
213
|
-
</td>`;
|
|
214
|
-
}
|
|
215
|
-
_renderExpandPlaceholder() {
|
|
216
|
-
return this._isHeaderRow ? html `<th class="control-cell" scope="col"></th>` : html `<td class="control-cell"></td>`;
|
|
217
|
-
}
|
|
218
|
-
_renderCheckboxCell() {
|
|
219
|
-
return this._isHeaderRow
|
|
220
|
-
? html `<th class="control-cell" scope="col">
|
|
221
|
-
<div class="data-table-cell checkbox-cell">
|
|
222
|
-
<sgds-checkbox .checked=${this.checked} @sgds-change=${this._onCheckboxChange}></sgds-checkbox>
|
|
223
|
-
</div>
|
|
224
|
-
</th>`
|
|
225
|
-
: html `<td class="control-cell">
|
|
226
|
-
<div class="data-table-cell checkbox-cell">
|
|
227
|
-
<sgds-checkbox .checked=${this.checked} @sgds-change=${this._onCheckboxChange}></sgds-checkbox>
|
|
228
|
-
</div>
|
|
229
|
-
</td>`;
|
|
230
|
-
}
|
|
231
|
-
render() {
|
|
232
|
-
const cells = this._getCells();
|
|
233
|
-
const totalCols = cells.length + (this.showCheckbox ? 1 : 0) + (this.expand || this.showExpandPlaceholder ? 1 : 0);
|
|
234
|
-
const rowPart = this._isHeaderRow ? "row row-header" : "row row-body";
|
|
235
|
-
return html `
|
|
236
|
-
<tr part=${rowPart} ?data-header-row=${this._isHeaderRow} class=${this.open ? "active" : ""}>
|
|
237
|
-
${this.expand
|
|
238
|
-
? this._renderExpandCell()
|
|
239
|
-
: this.showExpandPlaceholder
|
|
240
|
-
? this._renderExpandPlaceholder()
|
|
241
|
-
: nothing}
|
|
242
|
-
${this.showCheckbox ? this._renderCheckboxCell() : nothing}
|
|
243
|
-
${(() => {
|
|
244
|
-
let visualColumnIndex = 0;
|
|
245
|
-
return cells.map(el => {
|
|
246
|
-
const renderedCell = this._renderCell(el, visualColumnIndex);
|
|
247
|
-
const span = Number(el.colspan) > 0 ? Number(el.colspan) : 1;
|
|
248
|
-
visualColumnIndex += span;
|
|
249
|
-
return renderedCell;
|
|
250
|
-
});
|
|
251
|
-
})()}
|
|
252
|
-
</tr>
|
|
253
|
-
|
|
254
|
-
${this.expand
|
|
255
|
-
? html `
|
|
256
|
-
<tr class="expandable-row">
|
|
257
|
-
<td colspan=${totalCols} class="expandable-td">
|
|
258
|
-
<div class="expandable-body">
|
|
259
|
-
<div class="expandable-content">
|
|
260
|
-
<slot name="content"></slot>
|
|
261
|
-
</div>
|
|
262
|
-
</div>
|
|
263
|
-
</td>
|
|
264
|
-
</tr>
|
|
265
|
-
`
|
|
266
|
-
: nothing}
|
|
267
|
-
`;
|
|
268
|
-
}
|
|
269
|
-
}
|
|
270
|
-
SgdsDataTableRow.styles = [...SgdsElement.styles, css_248z];
|
|
271
|
-
/** @internal */
|
|
272
|
-
SgdsDataTableRow.dependencies = {
|
|
273
|
-
"sgds-checkbox": SgdsCheckbox,
|
|
274
|
-
"sgds-data-table-cell": SgdsDataTableCell,
|
|
275
|
-
"sgds-data-table-head": SgdsDataTableHead,
|
|
276
|
-
"sgds-icon": SgdsIcon
|
|
277
|
-
};
|
|
278
|
-
__decorate([
|
|
279
|
-
property({ type: Object, reflect: true })
|
|
280
|
-
], SgdsDataTableRow.prototype, "rowData", void 0);
|
|
281
|
-
__decorate([
|
|
282
|
-
property({ type: Boolean, reflect: true })
|
|
283
|
-
], SgdsDataTableRow.prototype, "expand", void 0);
|
|
284
|
-
__decorate([
|
|
285
|
-
property({ type: Boolean, reflect: true })
|
|
286
|
-
], SgdsDataTableRow.prototype, "open", void 0);
|
|
287
|
-
__decorate([
|
|
288
|
-
property({ type: Boolean, reflect: true })
|
|
289
|
-
], SgdsDataTableRow.prototype, "checked", void 0);
|
|
290
|
-
__decorate([
|
|
291
|
-
property({ type: Boolean })
|
|
292
|
-
], SgdsDataTableRow.prototype, "showCheckbox", void 0);
|
|
293
|
-
__decorate([
|
|
294
|
-
property({ type: Boolean })
|
|
295
|
-
], SgdsDataTableRow.prototype, "showExpandPlaceholder", void 0);
|
|
296
|
-
__decorate([
|
|
297
|
-
property({ attribute: false })
|
|
298
|
-
], SgdsDataTableRow.prototype, "columnAlignments", void 0);
|
|
299
|
-
__decorate([
|
|
300
|
-
property({ type: Boolean })
|
|
301
|
-
], SgdsDataTableRow.prototype, "hasDataRows", void 0);
|
|
302
|
-
__decorate([
|
|
303
|
-
query(".expandable-body")
|
|
304
|
-
], SgdsDataTableRow.prototype, "_expandableBody", void 0);
|
|
305
|
-
__decorate([
|
|
306
|
-
query("sgds-checkbox")
|
|
307
|
-
], SgdsDataTableRow.prototype, "_checkboxEl", void 0);
|
|
308
|
-
__decorate([
|
|
309
|
-
state()
|
|
310
|
-
], SgdsDataTableRow.prototype, "_isHeaderRow", void 0);
|
|
311
|
-
__decorate([
|
|
312
|
-
watch("open", { waitUntilFirstUpdate: true })
|
|
313
|
-
], SgdsDataTableRow.prototype, "handleExpandedChange", null);
|
|
314
|
-
__decorate([
|
|
315
|
-
watch("checked")
|
|
316
|
-
], SgdsDataTableRow.prototype, "handleCheckedChange", null);
|
|
317
|
-
setDefaultAnimation("row.expand.show", {
|
|
318
|
-
keyframes: [
|
|
319
|
-
{ height: "0", opacity: "0" },
|
|
320
|
-
{ height: "auto", opacity: "1" }
|
|
321
|
-
],
|
|
322
|
-
options: { duration: 250, easing: "ease-in-out" }
|
|
323
|
-
});
|
|
324
|
-
setDefaultAnimation("row.expand.hide", {
|
|
325
|
-
keyframes: [
|
|
326
|
-
{ height: "auto", opacity: "1" },
|
|
327
|
-
{ height: "0", opacity: "0" }
|
|
328
|
-
],
|
|
329
|
-
options: { duration: 250, easing: "ease-in-out" }
|
|
330
|
-
});
|
|
331
|
-
|
|
332
|
-
export { SgdsDataTableRow, SgdsDataTableRow as default };
|
|
333
|
-
//# sourceMappingURL=sgds-data-table-row.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"sgds-data-table-row.js","sources":["../../../src/components/DataTable/sgds-data-table-row.ts"],"sourcesContent":["import { html, nothing } from \"lit\";\nimport { property, query, state } from \"lit/decorators.js\";\nimport { ifDefined } from \"lit/directives/if-defined.js\";\nimport SgdsElement from \"../../base/sgds-element\";\nimport { SgdsCheckbox } from \"../Checkbox/sgds-checkbox\";\nimport { animateTo, shimKeyframesHeightAuto, stopAnimations } from \"../../utils/animate\";\nimport { getAnimation, setDefaultAnimation } from \"../../utils/animation-registry\";\nimport { waitForEvent } from \"../../utils/event\";\nimport { watch } from \"../../utils/watch\";\nimport tableRowStyle from \"./data-table.css\";\nimport SgdsDataTableCell from \"./sgds-data-table-cell\";\nimport SgdsDataTableHead from \"./sgds-data-table-head\";\nimport { SgdsIcon } from \"../Icon/sgds-icon\";\n\n/**\n * @summary A data table row. Set `expand` to enable an expandable content area beneath\n * the row, then place detail content in the `content` slot.\n *\n * @slot default - Insert `sgds-data-table-cell` or `sgds-data-table-head` elements.\n * @slot content - Content shown in the animated expand area beneath the row.\n *\n * @event sgds-show - Emitted when the expandable row begins to open.\n * @event sgds-after-show - Emitted after the expandable row open animation completes.\n * @event sgds-hide - Emitted when the expandable row begins to close.\n * @event sgds-after-hide - Emitted after the expandable row close animation completes.\n */\nexport class SgdsDataTableRow extends SgdsElement {\n static styles = [...SgdsElement.styles, tableRowStyle];\n\n /** @internal */\n static dependencies = {\n \"sgds-checkbox\": SgdsCheckbox,\n \"sgds-data-table-cell\": SgdsDataTableCell,\n \"sgds-data-table-head\": SgdsDataTableHead,\n \"sgds-icon\": SgdsIcon\n };\n\n /** Arbitrary data associated with this row. Returned in event detail on row selection. */\n @property({ type: Object, reflect: true }) rowData: Record<string, unknown> = {};\n\n /** When true, the row has an expandable content area toggled by a chevron. */\n @property({ type: Boolean, reflect: true }) expand = false;\n\n /** When true, the expandable content area is open. */\n @property({ type: Boolean, reflect: true }) open = false;\n\n /** When true, the row is checked. */\n @property({ type: Boolean, reflect: true }) checked = false;\n\n /** @internal — set by `sgds-data-table` to show a checkbox cell on this row. */\n @property({ type: Boolean }) showCheckbox = false;\n\n /** @internal — set by `sgds-data-table` when at least one sibling row is expandable. */\n @property({ type: Boolean }) showExpandPlaceholder = false;\n\n /** @internal — per-column alignment injected by `sgds-data-table` from header cells. */\n @property({ attribute: false }) columnAlignments: Array<\"left\" | \"right\"> = [];\n /** @internal — set by `sgds-data-table` to indicate whether body rows exist. */\n @property({ type: Boolean }) hasDataRows = false;\n\n /** @internal */\n @query(\".expandable-body\") private _expandableBody!: HTMLElement;\n\n /** @internal */\n @query(\"sgds-checkbox\") private _checkboxEl!: SgdsCheckbox;\n\n @state() private _isHeaderRow = false;\n private _cellSlotNames = new WeakMap<SgdsDataTableCell | SgdsDataTableHead, string>();\n private _lightDomObserver?: MutationObserver;\n\n /** The checkbox rendered inside this row, if `showCheckbox` is true. */\n get checkbox(): SgdsCheckbox | null {\n return this._checkboxEl ?? null;\n }\n\n connectedCallback() {\n super.connectedCallback();\n this._lightDomObserver = new MutationObserver(() => this._handleLightDomChange());\n this._lightDomObserver.observe(this, { childList: true });\n this._handleLightDomChange();\n }\n\n disconnectedCallback() {\n this._lightDomObserver?.disconnect();\n super.disconnectedCallback();\n }\n\n firstUpdated() {\n if (this._expandableBody) {\n this._expandableBody.hidden = !this.open;\n }\n }\n\n @watch(\"open\", { waitUntilFirstUpdate: true })\n async handleExpandedChange() {\n if (this.open) {\n const sgdsShow = this.emit(\"sgds-show\", { cancelable: true });\n if (sgdsShow.defaultPrevented) {\n this.open = false;\n return;\n }\n await stopAnimations(this._expandableBody);\n this._expandableBody.hidden = false;\n const { keyframes, options } = getAnimation(this, \"row.expand.show\");\n await animateTo(\n this._expandableBody,\n shimKeyframesHeightAuto(keyframes, this._expandableBody.scrollHeight),\n options\n );\n this.emit(\"sgds-after-show\");\n } else {\n const sgdsHide = this.emit(\"sgds-hide\", { cancelable: true });\n if (sgdsHide.defaultPrevented) {\n this.open = true;\n return;\n }\n await stopAnimations(this._expandableBody);\n const { keyframes, options } = getAnimation(this, \"row.expand.hide\");\n await animateTo(\n this._expandableBody,\n shimKeyframesHeightAuto(keyframes, this._expandableBody.scrollHeight),\n options\n );\n this._expandableBody.hidden = true;\n this.emit(\"sgds-after-hide\");\n }\n }\n\n @watch(\"checked\")\n async handleCheckedChange() {\n if (this.checked) {\n this.emit(\"i-sgds-change\", { detail: { checked: true } });\n }\n }\n\n /** Opens the expandable content area. */\n public async show() {\n if (this.open) return;\n this.open = true;\n return waitForEvent(this, \"sgds-after-show\");\n }\n\n /** Closes the expandable content area. */\n public async hide() {\n if (!this.open) return;\n this.open = false;\n return waitForEvent(this, \"sgds-after-hide\");\n }\n\n /** @internal — returns visible text content for a body cell by visual column index. */\n public getCellText(columnIndex: number) {\n const cells = this._getCells().filter(cell => cell instanceof SgdsDataTableCell) as SgdsDataTableCell[];\n const cell = cells[columnIndex];\n if (!cell) return \"\";\n return (cell.textContent ?? \"\").trim();\n }\n\n private _getCells() {\n return Array.from(this.children).filter(\n child => child instanceof SgdsDataTableCell || child instanceof SgdsDataTableHead\n ) as Array<SgdsDataTableCell | SgdsDataTableHead>;\n }\n\n private _syncCellSlots(cells: Array<SgdsDataTableCell | SgdsDataTableHead>) {\n cells.forEach(cell => {\n const index = cells.indexOf(cell);\n const slotName = `cell-${index}`;\n this._cellSlotNames.set(cell, slotName);\n if (cell.getAttribute(\"slot\") !== slotName) {\n cell.setAttribute(\"slot\", slotName);\n }\n });\n }\n\n private _handleLightDomChange() {\n const cells = this._getCells();\n this._syncCellSlots(cells);\n this._isHeaderRow = cells.some(cell => cell instanceof SgdsDataTableHead);\n this.requestUpdate();\n }\n\n private _onCheckboxChange(e: CustomEvent) {\n this.emit(\"i-sgds-change\", { detail: { checked: (e.target as SgdsCheckbox).checked } });\n }\n\n private _toggleExpand() {\n this.open ? this.hide() : this.show();\n }\n\n private _onExpandKeyDown(e: KeyboardEvent) {\n if (e.key !== \"Enter\") return;\n e.preventDefault();\n this._toggleExpand();\n }\n\n private _onSortKeyDown(e: KeyboardEvent, header: SgdsDataTableHead) {\n if (e.key !== \"Enter\") return;\n e.preventDefault();\n header.handleSortClick();\n }\n\n private _renderCell(el: SgdsDataTableCell | SgdsDataTableHead, columnIndex: number) {\n const slotName = this._cellSlotNames.get(el);\n\n if (el instanceof SgdsDataTableHead) {\n return html`<th\n width=${ifDefined(el.width)}\n colspan=${ifDefined(el.colspan)}\n rowspan=${ifDefined(el.rowspan)}\n aria-sort=${ifDefined(el.ariasort)}\n scope=\"col\"\n tabindex=${ifDefined(el.sorting ? \"0\" : undefined)}\n ?data-sorting=${el.sorting}\n @click=${el.sorting ? () => el.handleSortClick() : nothing}\n @keydown=${el.sorting ? (e: KeyboardEvent) => this._onSortKeyDown(e, el) : nothing}\n >\n <div class=\"data-table-head ${el.textAlign === \"right\" ? \"align-right\" : \"align-left\"}\">\n ${slotName ? html`<slot name=${slotName}></slot>` : nothing}\n ${el.sorting\n ? html`\n <button\n type=\"button\"\n class=\"sort-button ${el.ariasort === \"none\" ? \"\" : \"active\"}\"\n aria-label=${el.ariasort === \"descending\" ? \"Sort descending\" : \"Sort ascending\"}\n ?disabled=${!this.hasDataRows}\n >\n <sgds-icon\n class=\"sort-icon\"\n name=${el.ariasort === \"descending\" ? \"sort-descending\" : \"sort-ascending\"}\n size=\"sm\"\n ></sgds-icon>\n </button>\n `\n : nothing}\n </div>\n </th>`;\n }\n\n const cellAlignment = this.columnAlignments[columnIndex] ?? \"left\";\n return html`<td colspan=${ifDefined(el.colspan)} rowspan=${ifDefined(el.rowspan)}>\n <div class=\"data-table-cell ${cellAlignment === \"right\" ? \"align-right\" : \"align-left\"}\">\n ${slotName ? html`<slot name=${slotName}></slot>` : nothing}\n </div>\n </td>`;\n }\n\n private _renderExpandCell() {\n if (this._isHeaderRow) {\n return html`<th class=\"control-cell\" scope=\"col\"></th>`;\n }\n\n return html`<td class=\"control-cell\" @click=${this._toggleExpand} @keydown=${this._onExpandKeyDown} tabindex=\"0\">\n <div class=\"data-table-cell expand-cell\">\n <sgds-icon name=${this.open ? \"chevron-up\" : \"chevron-down\"} size=\"md\"></sgds-icon>\n </div>\n </td>`;\n }\n\n private _renderExpandPlaceholder() {\n return this._isHeaderRow ? html`<th class=\"control-cell\" scope=\"col\"></th>` : html`<td class=\"control-cell\"></td>`;\n }\n\n private _renderCheckboxCell() {\n return this._isHeaderRow\n ? html`<th class=\"control-cell\" scope=\"col\">\n <div class=\"data-table-cell checkbox-cell\">\n <sgds-checkbox .checked=${this.checked} @sgds-change=${this._onCheckboxChange}></sgds-checkbox>\n </div>\n </th>`\n : html`<td class=\"control-cell\">\n <div class=\"data-table-cell checkbox-cell\">\n <sgds-checkbox .checked=${this.checked} @sgds-change=${this._onCheckboxChange}></sgds-checkbox>\n </div>\n </td>`;\n }\n\n render() {\n const cells = this._getCells();\n const totalCols = cells.length + (this.showCheckbox ? 1 : 0) + (this.expand || this.showExpandPlaceholder ? 1 : 0);\n const rowPart = this._isHeaderRow ? \"row row-header\" : \"row row-body\";\n\n return html`\n <tr part=${rowPart} ?data-header-row=${this._isHeaderRow} class=${this.open ? \"active\" : \"\"}>\n ${this.expand\n ? this._renderExpandCell()\n : this.showExpandPlaceholder\n ? this._renderExpandPlaceholder()\n : nothing}\n ${this.showCheckbox ? this._renderCheckboxCell() : nothing}\n ${(() => {\n let visualColumnIndex = 0;\n return cells.map(el => {\n const renderedCell = this._renderCell(el, visualColumnIndex);\n const span = Number(el.colspan) > 0 ? Number(el.colspan) : 1;\n visualColumnIndex += span;\n return renderedCell;\n });\n })()}\n </tr>\n\n ${this.expand\n ? html`\n <tr class=\"expandable-row\">\n <td colspan=${totalCols} class=\"expandable-td\">\n <div class=\"expandable-body\">\n <div class=\"expandable-content\">\n <slot name=\"content\"></slot>\n </div>\n </div>\n </td>\n </tr>\n `\n : nothing}\n `;\n }\n}\n\nsetDefaultAnimation(\"row.expand.show\", {\n keyframes: [\n { height: \"0\", opacity: \"0\" },\n { height: \"auto\", opacity: \"1\" }\n ],\n options: { duration: 250, easing: \"ease-in-out\" }\n});\n\nsetDefaultAnimation(\"row.expand.hide\", {\n keyframes: [\n { height: \"auto\", opacity: \"1\" },\n { height: \"0\", opacity: \"0\" }\n ],\n options: { duration: 250, easing: \"ease-in-out\" }\n});\n\nexport default SgdsDataTableRow;\n"],"names":["tableRowStyle"],"mappings":"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"}
|