@ni/nimble-components 20.15.1 → 20.16.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/dist/all-components-bundle.js +234 -127
- package/dist/all-components-bundle.js.map +1 -1
- package/dist/all-components-bundle.min.js +2226 -2176
- package/dist/all-components-bundle.min.js.map +1 -1
- package/dist/esm/anchor/index.d.ts +11 -0
- package/dist/esm/anchor/index.js +3 -0
- package/dist/esm/anchor/index.js.map +1 -1
- package/dist/esm/anchor/styles.js +4 -0
- package/dist/esm/anchor/styles.js.map +1 -1
- package/dist/esm/anchor/template.js +8 -2
- package/dist/esm/anchor/template.js.map +1 -1
- package/dist/esm/label-provider/table/index.d.ts +6 -0
- package/dist/esm/label-provider/table/index.js +9 -1
- package/dist/esm/label-provider/table/index.js.map +1 -1
- package/dist/esm/label-provider/table/label-token-defaults.js +2 -0
- package/dist/esm/label-provider/table/label-token-defaults.js.map +1 -1
- package/dist/esm/label-provider/table/label-tokens.d.ts +2 -0
- package/dist/esm/label-provider/table/label-tokens.js +8 -0
- package/dist/esm/label-provider/table/label-tokens.js.map +1 -1
- package/dist/esm/patterns/expand-collapse/styles.d.ts +1 -0
- package/dist/esm/patterns/expand-collapse/styles.js +27 -0
- package/dist/esm/patterns/expand-collapse/styles.js.map +1 -0
- package/dist/esm/table/components/cell/styles.js +2 -2
- package/dist/esm/table/components/cell/styles.js.map +1 -1
- package/dist/esm/table/components/group-row/styles.js +3 -22
- package/dist/esm/table/components/group-row/styles.js.map +1 -1
- package/dist/esm/table/components/group-row/template.js +2 -1
- package/dist/esm/table/components/group-row/template.js.map +1 -1
- package/dist/esm/table/components/row/index.d.ts +12 -0
- package/dist/esm/table/components/row/index.js +37 -4
- package/dist/esm/table/components/row/index.js.map +1 -1
- package/dist/esm/table/components/row/styles.js +20 -1
- package/dist/esm/table/components/row/styles.js.map +1 -1
- package/dist/esm/table/components/row/template.js +28 -7
- package/dist/esm/table/components/row/template.js.map +1 -1
- package/dist/esm/table/index.js +4 -3
- package/dist/esm/table/index.js.map +1 -1
- package/dist/esm/table/types.d.ts +8 -0
- package/package.json +1 -1
|
@@ -21,5 +21,16 @@ export declare class Anchor extends AnchorBase {
|
|
|
21
21
|
* HTML Attribute: appearance
|
|
22
22
|
*/
|
|
23
23
|
appearance: AnchorAppearance;
|
|
24
|
+
/**
|
|
25
|
+
* @public
|
|
26
|
+
* @remarks
|
|
27
|
+
* HTML Attribute: contenteditable
|
|
28
|
+
* See https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/contenteditable
|
|
29
|
+
*
|
|
30
|
+
* Ideally, proper support for contenteditable should come from FAST.
|
|
31
|
+
* I have filed bug https://github.com/microsoft/fast/issues/6870 to them.
|
|
32
|
+
* If/when it is fixed, we can remove this workaround.
|
|
33
|
+
*/
|
|
34
|
+
contentEditable: string;
|
|
24
35
|
}
|
|
25
36
|
export declare const anchorTag: string;
|
package/dist/esm/anchor/index.js
CHANGED
|
@@ -24,6 +24,9 @@ __decorate([
|
|
|
24
24
|
__decorate([
|
|
25
25
|
attr
|
|
26
26
|
], Anchor.prototype, "appearance", void 0);
|
|
27
|
+
__decorate([
|
|
28
|
+
attr({ attribute: 'contenteditable' })
|
|
29
|
+
], Anchor.prototype, "contentEditable", void 0);
|
|
27
30
|
// FoundationAnchor already applies the StartEnd mixin, so we don't need to do it here.
|
|
28
31
|
const nimbleAnchor = Anchor.compose({
|
|
29
32
|
baseName: 'anchor',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/anchor/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EACH,YAAY,EACZ,MAAM,IAAI,gBAAgB,EAE7B,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAStC;;GAEG;AACH,MAAM,OAAO,MAAO,SAAQ,UAAU;IAAtC;;QACI;;;;WAIG;QAEI,oBAAe,GAAG,KAAK,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/anchor/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EACH,YAAY,EACZ,MAAM,IAAI,gBAAgB,EAE7B,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAStC;;GAEG;AACH,MAAM,OAAO,MAAO,SAAQ,UAAU;IAAtC;;QACI;;;;WAIG;QAEI,oBAAe,GAAG,KAAK,CAAC;IAsBnC,CAAC;CAAA;AAtBG;IADC,IAAI,CAAC,EAAE,SAAS,EAAE,kBAAkB,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;+CAC1B;AAQ/B;IADC,IAAI;0CAC+B;AAapC;IADC,IAAI,CAAC,EAAE,SAAS,EAAE,iBAAiB,EAAE,CAAC;+CACE;AAG7C,uFAAuF;AAEvF,MAAM,YAAY,GAAG,MAAM,CAAC,OAAO,CAAgB;IAC/C,QAAQ,EAAE,QAAQ;IAClB,SAAS,EAAE,gBAAgB;IAC3B,QAAQ;IACR,MAAM;IACN,aAAa,EAAE;QACX,cAAc,EAAE,IAAI;KACvB;CACJ,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,YAAY,EAAE,CAAC,CAAC;AACzE,MAAM,CAAC,MAAM,SAAS,GAAG,YAAY,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/anchor/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,EACH,2BAA2B,EAC3B,mBAAmB,EACnB,4BAA4B,EAC5B,qBAAqB,EACrB,QAAQ,EACR,aAAa,EACb,8BAA8B,EAC9B,sBAAsB,EACzB,MAAM,iCAAiC,CAAC;AAEzC,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,QAAQ,CAAC;;;;gBAIP,QAAQ
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/anchor/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,EACH,2BAA2B,EAC3B,mBAAmB,EACnB,4BAA4B,EAC5B,qBAAqB,EACrB,QAAQ,EACR,aAAa,EACb,8BAA8B,EAC9B,sBAAsB,EACzB,MAAM,iCAAiC,CAAC;AAEzC,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,QAAQ,CAAC;;;;gBAIP,QAAQ;;;;;;;;;;;;iBAYP,aAAa;;;;cAIhB,YAAY;;;qCAGW,aAAa;;;;iBAIjC,mBAAmB;;;;cAItB,YAAY;qCACW,mBAAmB;;;;iBAIvC,qBAAqB;;;;;iBAKrB,2BAA2B;;;;;;;;;;;wCAWJ,YAAY;;;;;;;;;iBASnC,sBAAsB;;;;iBAItB,4BAA4B;;;8CAGC,YAAY;qCACrB,sBAAsB;;;8CAGb,YAAY;qCACrB,4BAA4B;;;;iBAIhD,8BAA8B;;;;;;CAM9C,CAAC"}
|
|
@@ -1,6 +1,12 @@
|
|
|
1
1
|
import { html, ref, slotted } from '@microsoft/fast-element';
|
|
2
2
|
// prettier-ignore
|
|
3
|
-
export const template = (_context, definition) => html
|
|
3
|
+
export const template = (_context, definition) => html `${
|
|
4
|
+
/* top-container div is necessary because setting contenteditable directly on the native anchor instead
|
|
5
|
+
leaves it focusable, unlike the behavior you get when the anchor is _within_ a contenteditable element.
|
|
6
|
+
*/ ''}<div
|
|
7
|
+
class="top-container"
|
|
8
|
+
contenteditable="${x => x.contentEditable}"
|
|
9
|
+
><a
|
|
4
10
|
class="control"
|
|
5
11
|
part="control"
|
|
6
12
|
download="${x => x.download}"
|
|
@@ -64,5 +70,5 @@ export const template = (_context, definition) => html `<a
|
|
|
64
70
|
@slotchange="${x => x.handleEndContentChange()}">
|
|
65
71
|
${definition.end || ''}
|
|
66
72
|
</slot
|
|
67
|
-
></span></a>`;
|
|
73
|
+
></span></a></div>`;
|
|
68
74
|
//# sourceMappingURL=template.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"template.js","sourceRoot":"","sources":["../../../src/anchor/template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAgB,MAAM,yBAAyB,CAAC;AAO3E,kBAAkB;AAClB,MAAM,CAAC,MAAM,QAAQ,GAGjB,CAAC,QAAQ,EAAE,UAAU,EAAE,EAAE,CAAC,IAAI,CAAQ
|
|
1
|
+
{"version":3,"file":"template.js","sourceRoot":"","sources":["../../../src/anchor/template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAgB,MAAM,yBAAyB,CAAC;AAO3E,kBAAkB;AAClB,MAAM,CAAC,MAAM,QAAQ,GAGjB,CAAC,QAAQ,EAAE,UAAU,EAAE,EAAE,CAAC,IAAI,CAAQ,GAAG;AACzC;;EAEE,CAAC,EACP;;2BAE2B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,eAAe;;;;oBAI7B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ;eACpB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI;oBACN,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ;gBACnB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI;0BACD,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,cAAc;eAChC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG;kBACP,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM;gBACf,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI;uBACJ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,UAAU;qBACnB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ;yBACX,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY;wBACpB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW;4BACd,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,eAAe;wBAC1B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW;yBACjB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY;6BACf,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,gBAAgB;yBAC3B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY;uBACrB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,UAAU;yBACf,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY;uBACrB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,UAAU;wBAChB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW;6BACb,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,gBAAgB;sBAC9B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS;2BACX,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,cAAc;qBAC3B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ;qBACf,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ;yBACX,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY;gCACZ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,mBAAmB;UAChD,GAAG,CAAC,SAAS,CAAC;OACjB;AACH;;;qEAGqE,CAAC,EAC1E;;UAEU,GAAG,CAAC,gBAAgB,CAAC;iBACd,EAAE,CAAC,EAAE,CAAC,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC;;;cAG5C,GAAG,CAAC,OAAO,CAAC;2BACC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,wBAAwB,EAAE;cAC9C,UAAU,CAAC,KAAK,IAAI,EAAE;;;;;;;cAOtB,OAAO,CAAC,uBAAuB,CAAC;;;;;UAKpC,GAAG,CAAC,cAAc,CAAC;gBACb,EAAE,CAAC,EAAE,CAAC,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC;;;cAGvC,GAAG,CAAC,KAAK,CAAC;2BACG,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,sBAAsB,EAAE;cAC5C,UAAU,CAAC,GAAG,IAAI,EAAE;;uBAEX,CAAC"}
|
|
@@ -7,6 +7,8 @@ declare global {
|
|
|
7
7
|
declare const supportedLabels: {
|
|
8
8
|
readonly groupCollapse: import("@microsoft/fast-foundation").DesignToken<string>;
|
|
9
9
|
readonly groupExpand: import("@microsoft/fast-foundation").DesignToken<string>;
|
|
10
|
+
readonly rowCollapse: import("@microsoft/fast-foundation").DesignToken<string>;
|
|
11
|
+
readonly rowExpand: import("@microsoft/fast-foundation").DesignToken<string>;
|
|
10
12
|
readonly groupsCollapseAll: import("@microsoft/fast-foundation").DesignToken<string>;
|
|
11
13
|
readonly cellActionMenu: import("@microsoft/fast-foundation").DesignToken<string>;
|
|
12
14
|
readonly columnHeaderGrouped: import("@microsoft/fast-foundation").DesignToken<string>;
|
|
@@ -23,6 +25,8 @@ declare const supportedLabels: {
|
|
|
23
25
|
export declare class LabelProviderTable extends LabelProviderBase<typeof supportedLabels> implements DesignTokensFor<typeof supportedLabels> {
|
|
24
26
|
groupCollapse: string | undefined;
|
|
25
27
|
groupExpand: string | undefined;
|
|
28
|
+
rowCollapse: string | undefined;
|
|
29
|
+
rowExpand: string | undefined;
|
|
26
30
|
groupsCollapseAll: string | undefined;
|
|
27
31
|
cellActionMenu: string | undefined;
|
|
28
32
|
columnHeaderGrouped: string | undefined;
|
|
@@ -35,6 +39,8 @@ export declare class LabelProviderTable extends LabelProviderBase<typeof support
|
|
|
35
39
|
protected readonly supportedLabels: {
|
|
36
40
|
readonly groupCollapse: import("@microsoft/fast-foundation").DesignToken<string>;
|
|
37
41
|
readonly groupExpand: import("@microsoft/fast-foundation").DesignToken<string>;
|
|
42
|
+
readonly rowCollapse: import("@microsoft/fast-foundation").DesignToken<string>;
|
|
43
|
+
readonly rowExpand: import("@microsoft/fast-foundation").DesignToken<string>;
|
|
38
44
|
readonly groupsCollapseAll: import("@microsoft/fast-foundation").DesignToken<string>;
|
|
39
45
|
readonly cellActionMenu: import("@microsoft/fast-foundation").DesignToken<string>;
|
|
40
46
|
readonly columnHeaderGrouped: import("@microsoft/fast-foundation").DesignToken<string>;
|
|
@@ -2,10 +2,12 @@ import { __decorate } from "tslib";
|
|
|
2
2
|
import { attr } from '@microsoft/fast-element';
|
|
3
3
|
import { DesignSystem } from '@microsoft/fast-foundation';
|
|
4
4
|
import { LabelProviderBase } from '../base';
|
|
5
|
-
import { tableCellActionMenuLabel, tableColumnHeaderGroupedLabel, tableColumnHeaderSortedAscendingLabel, tableColumnHeaderSortedDescendingLabel, tableGroupCollapseLabel, tableGroupExpandLabel, tableGroupSelectAllLabel, tableGroupsCollapseAllLabel, tableRowOperationColumnLabel, tableRowSelectLabel, tableSelectAllLabel } from './label-tokens';
|
|
5
|
+
import { tableCellActionMenuLabel, tableColumnHeaderGroupedLabel, tableColumnHeaderSortedAscendingLabel, tableColumnHeaderSortedDescendingLabel, tableGroupCollapseLabel, tableGroupExpandLabel, tableGroupSelectAllLabel, tableGroupsCollapseAllLabel, tableRowCollapseLabel, tableRowExpandLabel, tableRowOperationColumnLabel, tableRowSelectLabel, tableSelectAllLabel } from './label-tokens';
|
|
6
6
|
const supportedLabels = {
|
|
7
7
|
groupCollapse: tableGroupCollapseLabel,
|
|
8
8
|
groupExpand: tableGroupExpandLabel,
|
|
9
|
+
rowCollapse: tableRowCollapseLabel,
|
|
10
|
+
rowExpand: tableRowExpandLabel,
|
|
9
11
|
groupsCollapseAll: tableGroupsCollapseAllLabel,
|
|
10
12
|
cellActionMenu: tableCellActionMenuLabel,
|
|
11
13
|
columnHeaderGrouped: tableColumnHeaderGroupedLabel,
|
|
@@ -31,6 +33,12 @@ __decorate([
|
|
|
31
33
|
__decorate([
|
|
32
34
|
attr({ attribute: 'group-expand' })
|
|
33
35
|
], LabelProviderTable.prototype, "groupExpand", void 0);
|
|
36
|
+
__decorate([
|
|
37
|
+
attr({ attribute: 'row-collapse' })
|
|
38
|
+
], LabelProviderTable.prototype, "rowCollapse", void 0);
|
|
39
|
+
__decorate([
|
|
40
|
+
attr({ attribute: 'row-expand' })
|
|
41
|
+
], LabelProviderTable.prototype, "rowExpand", void 0);
|
|
34
42
|
__decorate([
|
|
35
43
|
attr({ attribute: 'groups-collapse-all' })
|
|
36
44
|
], LabelProviderTable.prototype, "groupsCollapseAll", void 0);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/label-provider/table/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAmB,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAC7D,OAAO,EACH,wBAAwB,EACxB,6BAA6B,EAC7B,qCAAqC,EACrC,sCAAsC,EACtC,uBAAuB,EACvB,qBAAqB,EACrB,wBAAwB,EACxB,2BAA2B,EAC3B,4BAA4B,EAC5B,mBAAmB,EACnB,mBAAmB,EACtB,MAAM,gBAAgB,CAAC;AAQxB,MAAM,eAAe,GAAG;IACpB,aAAa,EAAE,uBAAuB;IACtC,WAAW,EAAE,qBAAqB;IAClC,iBAAiB,EAAE,2BAA2B;IAC9C,cAAc,EAAE,wBAAwB;IACxC,mBAAmB,EAAE,6BAA6B;IAClD,2BAA2B,EAAE,qCAAqC;IAClE,4BAA4B,EAAE,sCAAsC;IACpE,SAAS,EAAE,mBAAmB;IAC9B,cAAc,EAAE,wBAAwB;IACxC,SAAS,EAAE,mBAAmB;IAC9B,kBAAkB,EAAE,4BAA4B;CAC1C,CAAC;AAEX;;GAEG;AACH,MAAM,OAAO,kBACT,SAAQ,iBAAyC;IADrD;;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/label-provider/table/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAmB,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAC7D,OAAO,EACH,wBAAwB,EACxB,6BAA6B,EAC7B,qCAAqC,EACrC,sCAAsC,EACtC,uBAAuB,EACvB,qBAAqB,EACrB,wBAAwB,EACxB,2BAA2B,EAC3B,qBAAqB,EACrB,mBAAmB,EACnB,4BAA4B,EAC5B,mBAAmB,EACnB,mBAAmB,EACtB,MAAM,gBAAgB,CAAC;AAQxB,MAAM,eAAe,GAAG;IACpB,aAAa,EAAE,uBAAuB;IACtC,WAAW,EAAE,qBAAqB;IAClC,WAAW,EAAE,qBAAqB;IAClC,SAAS,EAAE,mBAAmB;IAC9B,iBAAiB,EAAE,2BAA2B;IAC9C,cAAc,EAAE,wBAAwB;IACxC,mBAAmB,EAAE,6BAA6B;IAClD,2BAA2B,EAAE,qCAAqC;IAClE,4BAA4B,EAAE,sCAAsC;IACpE,SAAS,EAAE,mBAAmB;IAC9B,cAAc,EAAE,wBAAwB;IACxC,SAAS,EAAE,mBAAmB;IAC9B,kBAAkB,EAAE,4BAA4B;CAC1C,CAAC;AAEX;;GAEG;AACH,MAAM,OAAO,kBACT,SAAQ,iBAAyC;IADrD;;QA0CgC,oBAAe,GAAG,eAAe,CAAC;IAClE,CAAC;CAAA;AAvCG;IADC,IAAI,CAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC;yDACG;AAGzC;IADC,IAAI,CAAC,EAAE,SAAS,EAAE,cAAc,EAAE,CAAC;uDACG;AAGvC;IADC,IAAI,CAAC,EAAE,SAAS,EAAE,cAAc,EAAE,CAAC;uDACG;AAGvC;IADC,IAAI,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC;qDACG;AAGrC;IADC,IAAI,CAAC,EAAE,SAAS,EAAE,qBAAqB,EAAE,CAAC;6DACE;AAG7C;IADC,IAAI,CAAC,EAAE,SAAS,EAAE,kBAAkB,EAAE,CAAC;0DACE;AAG1C;IADC,IAAI,CAAC,EAAE,SAAS,EAAE,uBAAuB,EAAE,CAAC;+DACE;AAG/C;IADC,IAAI,CAAC,EAAE,SAAS,EAAE,gCAAgC,EAAE,CAAC;uEACC;AAGvD;IADC,IAAI,CAAC,EAAE,SAAS,EAAE,iCAAiC,EAAE,CAAC;wEACC;AAGxD;IADC,IAAI,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC;qDACG;AAGrC;IADC,IAAI,CAAC,EAAE,SAAS,EAAE,kBAAkB,EAAE,CAAC;0DACE;AAG1C;IADC,IAAI,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC;qDACG;AAGrC;IADC,IAAI,CAAC,EAAE,SAAS,EAAE,sBAAsB,EAAE,CAAC;8DACE;AAKlD,MAAM,wBAAwB,GAAG,kBAAkB,CAAC,OAAO,CAAC;IACxD,QAAQ,EAAE,sBAAsB;CACnC,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,EAAE;KACrB,UAAU,CAAC,QAAQ,CAAC;KACpB,QAAQ,CAAC,wBAAwB,EAAE,CAAC,CAAC;AAC1C,MAAM,CAAC,MAAM,qBAAqB,GAAG,YAAY,CAAC,MAAM,CAAC,kBAAkB,CAAC,CAAC"}
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
export const tableLabelDefaults = {
|
|
2
2
|
tableGroupCollapseLabel: 'Collapse group',
|
|
3
3
|
tableGroupExpandLabel: 'Expand group',
|
|
4
|
+
tableRowCollapseLabel: 'Collapse row',
|
|
5
|
+
tableRowExpandLabel: 'Expand row',
|
|
4
6
|
tableGroupsCollapseAllLabel: 'Collapse all groups',
|
|
5
7
|
tableCellActionMenuLabel: 'Options',
|
|
6
8
|
tableColumnHeaderGroupedLabel: 'Grouped',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"label-token-defaults.js","sourceRoot":"","sources":["../../../../src/label-provider/table/label-token-defaults.ts"],"names":[],"mappings":"AAIA,MAAM,CAAC,MAAM,kBAAkB,GAA4C;IACvE,uBAAuB,EAAE,gBAAgB;IACzC,qBAAqB,EAAE,cAAc;IACrC,2BAA2B,EAAE,qBAAqB;IAClD,wBAAwB,EAAE,SAAS;IACnC,6BAA6B,EAAE,SAAS;IACxC,qCAAqC,EAAE,kBAAkB;IACzD,sCAAsC,EAAE,mBAAmB;IAC3D,mBAAmB,EAAE,iBAAiB;IACtC,wBAAwB,EAAE,0BAA0B;IACpD,mBAAmB,EAAE,YAAY;IACjC,4BAA4B,EAAE,gBAAgB;CACjD,CAAC"}
|
|
1
|
+
{"version":3,"file":"label-token-defaults.js","sourceRoot":"","sources":["../../../../src/label-provider/table/label-token-defaults.ts"],"names":[],"mappings":"AAIA,MAAM,CAAC,MAAM,kBAAkB,GAA4C;IACvE,uBAAuB,EAAE,gBAAgB;IACzC,qBAAqB,EAAE,cAAc;IACrC,qBAAqB,EAAE,cAAc;IACrC,mBAAmB,EAAE,YAAY;IACjC,2BAA2B,EAAE,qBAAqB;IAClD,wBAAwB,EAAE,SAAS;IACnC,6BAA6B,EAAE,SAAS;IACxC,qCAAqC,EAAE,kBAAkB;IACzD,sCAAsC,EAAE,mBAAmB;IAC3D,mBAAmB,EAAE,iBAAiB;IACtC,wBAAwB,EAAE,0BAA0B;IACpD,mBAAmB,EAAE,YAAY;IACjC,4BAA4B,EAAE,gBAAgB;CACjD,CAAC"}
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
import { DesignToken } from '@microsoft/fast-foundation';
|
|
2
2
|
export declare const tableGroupCollapseLabel: DesignToken<string>;
|
|
3
3
|
export declare const tableGroupExpandLabel: DesignToken<string>;
|
|
4
|
+
export declare const tableRowCollapseLabel: DesignToken<string>;
|
|
5
|
+
export declare const tableRowExpandLabel: DesignToken<string>;
|
|
4
6
|
export declare const tableGroupsCollapseAllLabel: DesignToken<string>;
|
|
5
7
|
export declare const tableCellActionMenuLabel: DesignToken<string>;
|
|
6
8
|
export declare const tableColumnHeaderGroupedLabel: DesignToken<string>;
|
|
@@ -8,6 +8,14 @@ export const tableGroupExpandLabel = DesignToken.create({
|
|
|
8
8
|
name: 'table-group-expand-label',
|
|
9
9
|
cssCustomPropertyName: null
|
|
10
10
|
}).withDefault(tableLabelDefaults.tableGroupExpandLabel);
|
|
11
|
+
export const tableRowCollapseLabel = DesignToken.create({
|
|
12
|
+
name: 'table-row-collapse-label',
|
|
13
|
+
cssCustomPropertyName: null
|
|
14
|
+
}).withDefault(tableLabelDefaults.tableRowCollapseLabel);
|
|
15
|
+
export const tableRowExpandLabel = DesignToken.create({
|
|
16
|
+
name: 'table-row-expand-label',
|
|
17
|
+
cssCustomPropertyName: null
|
|
18
|
+
}).withDefault(tableLabelDefaults.tableRowExpandLabel);
|
|
11
19
|
export const tableGroupsCollapseAllLabel = DesignToken.create({
|
|
12
20
|
name: 'table-groups-collapse-all-label',
|
|
13
21
|
cssCustomPropertyName: null
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"label-tokens.js","sourceRoot":"","sources":["../../../../src/label-provider/table/label-tokens.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AACzD,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAE5D,MAAM,CAAC,MAAM,uBAAuB,GAAG,WAAW,CAAC,MAAM,CAAS;IAC9D,IAAI,EAAE,4BAA4B;IAClC,qBAAqB,EAAE,IAAI;CAC9B,CAAC,CAAC,WAAW,CAAC,kBAAkB,CAAC,uBAAuB,CAAC,CAAC;AAE3D,MAAM,CAAC,MAAM,qBAAqB,GAAG,WAAW,CAAC,MAAM,CAAS;IAC5D,IAAI,EAAE,0BAA0B;IAChC,qBAAqB,EAAE,IAAI;CAC9B,CAAC,CAAC,WAAW,CAAC,kBAAkB,CAAC,qBAAqB,CAAC,CAAC;AAEzD,MAAM,CAAC,MAAM,2BAA2B,GAAG,WAAW,CAAC,MAAM,CAAS;IAClE,IAAI,EAAE,iCAAiC;IACvC,qBAAqB,EAAE,IAAI;CAC9B,CAAC,CAAC,WAAW,CAAC,kBAAkB,CAAC,2BAA2B,CAAC,CAAC;AAE/D,MAAM,CAAC,MAAM,wBAAwB,GAAG,WAAW,CAAC,MAAM,CAAS;IAC/D,IAAI,EAAE,8BAA8B;IACpC,qBAAqB,EAAE,IAAI;CAC9B,CAAC,CAAC,WAAW,CAAC,kBAAkB,CAAC,wBAAwB,CAAC,CAAC;AAE5D,MAAM,CAAC,MAAM,6BAA6B,GAAG,WAAW,CAAC,MAAM,CAAS;IACpE,IAAI,EAAE,mCAAmC;IACzC,qBAAqB,EAAE,IAAI;CAC9B,CAAC,CAAC,WAAW,CAAC,kBAAkB,CAAC,6BAA6B,CAAC,CAAC;AAEjE,MAAM,CAAC,MAAM,qCAAqC,GAAG,WAAW,CAAC,MAAM,CACnE;IACI,IAAI,EAAE,4CAA4C;IAClD,qBAAqB,EAAE,IAAI;CAC9B,CACJ,CAAC,WAAW,CAAC,kBAAkB,CAAC,qCAAqC,CAAC,CAAC;AAExE,MAAM,CAAC,MAAM,sCAAsC,GAAG,WAAW,CAAC,MAAM,CAAS;IAC7E,IAAI,EAAE,6CAA6C;IACnD,qBAAqB,EAAE,IAAI;CAC9B,CAAC,CAAC,WAAW,CAAC,kBAAkB,CAAC,sCAAsC,CAAC,CAAC;AAE1E,MAAM,CAAC,MAAM,mBAAmB,GAAG,WAAW,CAAC,MAAM,CAAS;IAC1D,IAAI,EAAE,wBAAwB;IAC9B,qBAAqB,EAAE,IAAI;CAC9B,CAAC,CAAC,WAAW,CAAC,kBAAkB,CAAC,mBAAmB,CAAC,CAAC;AAEvD,MAAM,CAAC,MAAM,wBAAwB,GAAG,WAAW,CAAC,MAAM,CAAS;IAC/D,IAAI,EAAE,8BAA8B;IACpC,qBAAqB,EAAE,IAAI;CAC9B,CAAC,CAAC,WAAW,CAAC,kBAAkB,CAAC,wBAAwB,CAAC,CAAC;AAE5D,MAAM,CAAC,MAAM,mBAAmB,GAAG,WAAW,CAAC,MAAM,CAAS;IAC1D,IAAI,EAAE,wBAAwB;IAC9B,qBAAqB,EAAE,IAAI;CAC9B,CAAC,CAAC,WAAW,CAAC,kBAAkB,CAAC,mBAAmB,CAAC,CAAC;AAEvD,MAAM,CAAC,MAAM,4BAA4B,GAAG,WAAW,CAAC,MAAM,CAAS;IACnE,IAAI,EAAE,kCAAkC;IACxC,qBAAqB,EAAE,IAAI;CAC9B,CAAC,CAAC,WAAW,CAAC,kBAAkB,CAAC,4BAA4B,CAAC,CAAC"}
|
|
1
|
+
{"version":3,"file":"label-tokens.js","sourceRoot":"","sources":["../../../../src/label-provider/table/label-tokens.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const styles: import("@microsoft/fast-element").ElementStyles;
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { css } from '@microsoft/fast-element';
|
|
2
|
+
import { controlSlimHeight, mediumDelay } from '../../theme-provider/design-tokens';
|
|
3
|
+
export const styles = css `
|
|
4
|
+
:host .animating {
|
|
5
|
+
transition: ${mediumDelay} ease-in;
|
|
6
|
+
}
|
|
7
|
+
|
|
8
|
+
.expand-collapse-button {
|
|
9
|
+
height: ${controlSlimHeight};
|
|
10
|
+
align-self: center;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
.expander-icon {
|
|
14
|
+
transform: rotate(0deg);
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
:host([expanded]) .expander-icon {
|
|
18
|
+
transform: rotate(90deg);
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
@media (prefers-reduced-motion) {
|
|
22
|
+
:host .animating {
|
|
23
|
+
transition-duration: 0s;
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
`;
|
|
27
|
+
//# sourceMappingURL=styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/patterns/expand-collapse/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EACH,iBAAiB,EACjB,WAAW,EACd,MAAM,oCAAoC,CAAC;AAE5C,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;sBAEH,WAAW;;;;kBAIf,iBAAiB;;;;;;;;;;;;;;;;;CAiBlC,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { css } from '@microsoft/fast-element';
|
|
2
2
|
import { display } from '@microsoft/fast-foundation';
|
|
3
|
-
import { controlSlimHeight, mediumPadding
|
|
3
|
+
import { controlHeight, controlSlimHeight, mediumPadding } from '../../../theme-provider/design-tokens';
|
|
4
4
|
export const styles = css `
|
|
5
5
|
${display('flex')}
|
|
6
6
|
|
|
@@ -8,7 +8,7 @@ export const styles = css `
|
|
|
8
8
|
--ni-private-table-cell-nesting-level: 0;
|
|
9
9
|
padding: 0px ${mediumPadding};
|
|
10
10
|
padding-left: calc(
|
|
11
|
-
${mediumPadding} + ${
|
|
11
|
+
${mediumPadding} + ${controlHeight} *
|
|
12
12
|
var(--ni-private-table-cell-nesting-level)
|
|
13
13
|
);
|
|
14
14
|
align-self: center;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/table/components/cell/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EACH,iBAAiB,EACjB,aAAa,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/table/components/cell/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EACH,aAAa,EACb,iBAAiB,EACjB,aAAa,EAChB,MAAM,uCAAuC,CAAC;AAE/C,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,MAAM,CAAC;;;;uBAIE,aAAa;;cAEtB,aAAa,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;kBAoB5B,iBAAiB;;;CAGlC,CAAC"}
|
|
@@ -1,13 +1,15 @@
|
|
|
1
1
|
import { css } from '@microsoft/fast-element';
|
|
2
2
|
import { display } from '@microsoft/fast-foundation';
|
|
3
3
|
import { White } from '@ni/nimble-tokens/dist/styledictionary/js/tokens';
|
|
4
|
-
import { applicationBackgroundColor, borderWidth, controlHeight,
|
|
4
|
+
import { applicationBackgroundColor, borderWidth, controlHeight, fillHoverColor, mediumPadding, standardPadding } from '../../../theme-provider/design-tokens';
|
|
5
5
|
import { Theme } from '../../../theme-provider/types';
|
|
6
6
|
import { hexToRgbaCssColor } from '../../../utilities/style/colors';
|
|
7
7
|
import { themeBehavior } from '../../../utilities/style/theme';
|
|
8
8
|
import { userSelectNone } from '../../../utilities/style/user-select';
|
|
9
|
+
import { styles as expandCollapseStyles } from '../../../patterns/expand-collapse/styles';
|
|
9
10
|
export const styles = css `
|
|
10
11
|
${display('grid')}
|
|
12
|
+
${expandCollapseStyles}
|
|
11
13
|
|
|
12
14
|
:host {
|
|
13
15
|
align-items: center;
|
|
@@ -32,11 +34,6 @@ export const styles = css `
|
|
|
32
34
|
1fr;
|
|
33
35
|
}
|
|
34
36
|
|
|
35
|
-
:host([expanded]) .animating,
|
|
36
|
-
:host .animating {
|
|
37
|
-
transition: ${mediumDelay} ease-in-out;
|
|
38
|
-
}
|
|
39
|
-
|
|
40
37
|
:host::before {
|
|
41
38
|
content: '';
|
|
42
39
|
width: 100%;
|
|
@@ -55,15 +52,6 @@ export const styles = css `
|
|
|
55
52
|
${mediumPadding} + ${standardPadding} * 2 *
|
|
56
53
|
var(--ni-private-table-group-row-indent-level)
|
|
57
54
|
);
|
|
58
|
-
height: ${controlSlimHeight};
|
|
59
|
-
}
|
|
60
|
-
|
|
61
|
-
:host([expanded]) .expander-icon {
|
|
62
|
-
transform: rotate(90deg);
|
|
63
|
-
}
|
|
64
|
-
|
|
65
|
-
.expander-icon {
|
|
66
|
-
transform: rotate(0deg);
|
|
67
55
|
}
|
|
68
56
|
|
|
69
57
|
.group-row-header-content {
|
|
@@ -85,13 +73,6 @@ export const styles = css `
|
|
|
85
73
|
${userSelectNone}
|
|
86
74
|
}
|
|
87
75
|
|
|
88
|
-
@media (prefers-reduced-motion) {
|
|
89
|
-
:host .animating,
|
|
90
|
-
:host([expanded]) .animating {
|
|
91
|
-
transition-duration: 0s;
|
|
92
|
-
}
|
|
93
|
-
}
|
|
94
|
-
|
|
95
76
|
.checkbox-container {
|
|
96
77
|
display: flex;
|
|
97
78
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/table/components/group-row/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,KAAK,EAAE,MAAM,kDAAkD,CAAC;AACzE,OAAO,EACH,0BAA0B,EAC1B,WAAW,EACX,aAAa,EACb,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/table/components/group-row/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,KAAK,EAAE,MAAM,kDAAkD,CAAC;AACzE,OAAO,EACH,0BAA0B,EAC1B,WAAW,EACX,aAAa,EACb,cAAc,EACd,aAAa,EACb,eAAe,EAClB,MAAM,uCAAuC,CAAC;AAC/C,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AACtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AACpE,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAC/D,OAAO,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAC;AACtE,OAAO,EAAE,MAAM,IAAI,oBAAoB,EAAE,MAAM,0CAA0C,CAAC;AAE1F,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,MAAM,CAAC;MACf,oBAAoB;;;;uBAIH,aAAa,UAAU,WAAW;+BAC1B,WAAW,WAAW,0BAA0B;;;;kBAI7D,aAAa;;;;;;;;cAQjB,aAAa;;kBAET,aAAa;;;;;;;;;kBASb,aAAa;;;;;;;4BAOH,cAAc;;;;;cAK5B,aAAa,MAAM,eAAe;;;;;;;;;;;wBAWxB,aAAa;UAC3B,cAAc;;;;;;;yBAOC,aAAa;;UAE5B,cAAc;;;;;;;;uBAQD,eAAe;;;;;;CAMrC,CAAC,aAAa,CACX,aAAa,CACT,KAAK,CAAC,KAAK,EACX,GAAG,CAAA;;oCAEyB,iBAAiB,CAAC,KAAK,EAAE,IAAI,CAAC;;SAEzD,CACJ,EACD,aAAa,CACT,KAAK,CAAC,IAAI,EACV,GAAG,CAAA;;oCAEyB,iBAAiB,CAAC,KAAK,EAAE,GAAG,CAAC;;SAExD,CACJ,CACJ,CAAC"}
|
|
@@ -10,6 +10,7 @@ export const template = html `
|
|
|
10
10
|
<template
|
|
11
11
|
role="row"
|
|
12
12
|
@click=${x => x.onGroupExpandToggle()}
|
|
13
|
+
aria-expanded=${x => x.expanded}
|
|
13
14
|
style="--ni-private-table-group-row-indent-level: ${x => x.nestingLevel};"
|
|
14
15
|
>
|
|
15
16
|
${when(x => x.selectable, html `
|
|
@@ -33,9 +34,9 @@ export const template = html `
|
|
|
33
34
|
class="expand-collapse-button"
|
|
34
35
|
tabindex="-1"
|
|
35
36
|
title="${x => (x.expanded ? tableGroupCollapseLabel.getValueFor(x) : tableGroupExpandLabel.getValueFor(x))}"
|
|
37
|
+
aria-hidden="true"
|
|
36
38
|
>
|
|
37
39
|
<${iconArrowExpanderRightTag} ${ref('expandIcon')} slot="start" class="expander-icon ${x => x.animationClass}"></${iconArrowExpanderRightTag}>
|
|
38
|
-
${x => (x.expanded ? tableGroupCollapseLabel.getValueFor(x) : tableGroupExpandLabel.getValueFor(x))}
|
|
39
40
|
</${buttonTag}>
|
|
40
41
|
</span>
|
|
41
42
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"template.js","sourceRoot":"","sources":["../../../../../src/table/components/group-row/template.ts"],"names":[],"mappings":"AAAA,8CAA8C;AAC9C,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAE1D,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,yBAAyB,EAAE,MAAM,qCAAqC,CAAC;AAChF,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EACH,uBAAuB,EACvB,qBAAqB,EACrB,wBAAwB,EAC3B,MAAM,4CAA4C,CAAC;AAEpD,kBAAkB;AAClB,MAAM,CAAC,MAAM,QAAQ,GAAG,IAAI,CAAe;;;iBAG1B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,mBAAmB,EAAE;
|
|
1
|
+
{"version":3,"file":"template.js","sourceRoot":"","sources":["../../../../../src/table/components/group-row/template.ts"],"names":[],"mappings":"AAAA,8CAA8C;AAC9C,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAE1D,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,yBAAyB,EAAE,MAAM,qCAAqC,CAAC;AAChF,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EACH,uBAAuB,EACvB,qBAAqB,EACrB,wBAAwB,EAC3B,MAAM,4CAA4C,CAAC;AAEpD,kBAAkB;AAClB,MAAM,CAAC,MAAM,QAAQ,GAAG,IAAI,CAAe;;;iBAG1B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,mBAAmB,EAAE;wBACrB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ;4DACqB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY;;UAErE,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,UAAU,EAAE,IAAI,CAAe;;mBAElC,WAAW;sBACR,GAAG,CAAC,mBAAmB,CAAC;;+BAEf,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,KAAoB,CAAC;8BACtD,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,eAAe,EAAE;6BACpC,CAAC,CAAC,EAAE,CAAC,wBAAwB,CAAC,WAAW,CAAC,CAAC,CAAC;kCACvC,CAAC,CAAC,EAAE,CAAC,wBAAwB,CAAC,WAAW,CAAC,CAAC,CAAC;;oBAE1D,WAAW;;SAEtB,CAAC;;;eAGK,SAAS;8BACM,gBAAgB,CAAC,KAAK;;;;yBAI3B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,uBAAuB,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,qBAAqB,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;;;mBAGvG,yBAAyB,IAAI,GAAG,CAAC,YAAY,CAAC,sCAAsC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,cAAc,OAAO,yBAAyB;gBAC5I,SAAS;;;;cAIX,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW,EAAE,eAAe,CAAC,uBAAuB;mDACtB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,aAAa;;;CAGtE,CAAC"}
|
|
@@ -21,6 +21,7 @@ export declare class TableRow<TDataRecord extends TableDataRecord = TableDataRec
|
|
|
21
21
|
selectable: boolean;
|
|
22
22
|
selected: boolean;
|
|
23
23
|
hideSelection: boolean;
|
|
24
|
+
expanded: boolean;
|
|
24
25
|
dataRecord?: TDataRecord;
|
|
25
26
|
/**
|
|
26
27
|
* @internal
|
|
@@ -29,6 +30,7 @@ export declare class TableRow<TDataRecord extends TableDataRecord = TableDataRec
|
|
|
29
30
|
columns: TableColumn[];
|
|
30
31
|
currentActionMenuColumn?: TableColumn;
|
|
31
32
|
nestingLevel: number;
|
|
33
|
+
isParentRow: boolean;
|
|
32
34
|
menuOpen: boolean;
|
|
33
35
|
rowOperationGridCellHidden: boolean;
|
|
34
36
|
/**
|
|
@@ -47,6 +49,14 @@ export declare class TableRow<TDataRecord extends TableDataRecord = TableDataRec
|
|
|
47
49
|
readonly selectionCheckbox?: Checkbox;
|
|
48
50
|
/** @internal */
|
|
49
51
|
readonly cellContainer: HTMLSpanElement;
|
|
52
|
+
/**
|
|
53
|
+
* @internal
|
|
54
|
+
*/
|
|
55
|
+
readonly expandIcon?: HTMLElement;
|
|
56
|
+
/**
|
|
57
|
+
* @internal
|
|
58
|
+
*/
|
|
59
|
+
animationClass: string;
|
|
50
60
|
private ignoreSelectionChangeEvents;
|
|
51
61
|
get ariaSelected(): 'true' | 'false' | null;
|
|
52
62
|
/** @internal */
|
|
@@ -58,6 +68,8 @@ export declare class TableRow<TDataRecord extends TableDataRecord = TableDataRec
|
|
|
58
68
|
closeOpenActionMenus(): void;
|
|
59
69
|
/** @internal */
|
|
60
70
|
handleChange(source: unknown, args: unknown): void;
|
|
71
|
+
onRowExpandToggle(event: Event): void;
|
|
72
|
+
private readonly removeAnimatingClass;
|
|
61
73
|
private emitActionMenuToggleEvent;
|
|
62
74
|
private columnsChanged;
|
|
63
75
|
private dataRecordChanged;
|
|
@@ -15,12 +15,14 @@ export class TableRow extends FoundationElement {
|
|
|
15
15
|
this.selectable = false;
|
|
16
16
|
this.selected = false;
|
|
17
17
|
this.hideSelection = false;
|
|
18
|
+
this.expanded = false;
|
|
18
19
|
/**
|
|
19
20
|
* @internal
|
|
20
21
|
* */
|
|
21
22
|
this.columnNotifiers = [];
|
|
22
23
|
this.columns = [];
|
|
23
24
|
this.nestingLevel = 0;
|
|
25
|
+
this.isParentRow = false;
|
|
24
26
|
this.menuOpen = false;
|
|
25
27
|
this.rowOperationGridCellHidden = false;
|
|
26
28
|
/**
|
|
@@ -35,11 +37,19 @@ export class TableRow extends FoundationElement {
|
|
|
35
37
|
* of each column's cell.
|
|
36
38
|
* */
|
|
37
39
|
this.cellStates = [];
|
|
40
|
+
/**
|
|
41
|
+
* @internal
|
|
42
|
+
*/
|
|
43
|
+
this.animationClass = '';
|
|
38
44
|
// Programmatically updating the selection state of a checkbox fires the 'change' event.
|
|
39
45
|
// Therefore, selection change events that occur due to programmatically updating
|
|
40
46
|
// the selection checkbox 'checked' value should be ingored.
|
|
41
47
|
// https://github.com/microsoft/fast/issues/5750
|
|
42
48
|
this.ignoreSelectionChangeEvents = false;
|
|
49
|
+
this.removeAnimatingClass = () => {
|
|
50
|
+
this.animationClass = '';
|
|
51
|
+
this.expandIcon?.removeEventListener('transitionend', this.removeAnimatingClass);
|
|
52
|
+
};
|
|
43
53
|
}
|
|
44
54
|
get ariaSelected() {
|
|
45
55
|
if (this.selectable) {
|
|
@@ -88,6 +98,23 @@ export class TableRow extends FoundationElement {
|
|
|
88
98
|
this.updateCellStates();
|
|
89
99
|
}
|
|
90
100
|
}
|
|
101
|
+
onRowExpandToggle(event) {
|
|
102
|
+
const expandEventDetail = {
|
|
103
|
+
oldState: this.expanded,
|
|
104
|
+
newState: !this.expanded,
|
|
105
|
+
recordId: this.recordId
|
|
106
|
+
};
|
|
107
|
+
this.$emit('row-expand-toggle', expandEventDetail);
|
|
108
|
+
event.stopImmediatePropagation();
|
|
109
|
+
// To avoid a visual glitch with improper expand/collapse icons performing an
|
|
110
|
+
// animation (due to visual re-use apparently), we apply a class to the
|
|
111
|
+
// contained expand-collapse button temporarily. We use the 'transitionend' event
|
|
112
|
+
// to remove the temporary class and register a function reference as the handler
|
|
113
|
+
// to avoid issues that may result from the 'transitionend' event not firing, as it
|
|
114
|
+
// will never result in multiple event listeners being registered.
|
|
115
|
+
this.animationClass = 'animating';
|
|
116
|
+
this.expandIcon?.addEventListener('transitionend', this.removeAnimatingClass);
|
|
117
|
+
}
|
|
91
118
|
emitActionMenuToggleEvent(eventType, menuButtonEventDetail, column) {
|
|
92
119
|
const detail = {
|
|
93
120
|
newState: menuButtonEventDetail.newState,
|
|
@@ -110,10 +137,7 @@ export class TableRow extends FoundationElement {
|
|
|
110
137
|
}
|
|
111
138
|
updateCellIndentLevels() {
|
|
112
139
|
this.cellIndentLevels = this.columns.map((_, i) => {
|
|
113
|
-
|
|
114
|
-
return this.nestingLevel - 1;
|
|
115
|
-
}
|
|
116
|
-
return 0;
|
|
140
|
+
return i === 0 ? this.nestingLevel : 0;
|
|
117
141
|
});
|
|
118
142
|
}
|
|
119
143
|
removeColumnObservers() {
|
|
@@ -178,6 +202,9 @@ __decorate([
|
|
|
178
202
|
__decorate([
|
|
179
203
|
attr({ attribute: 'hide-selection', mode: 'boolean' })
|
|
180
204
|
], TableRow.prototype, "hideSelection", void 0);
|
|
205
|
+
__decorate([
|
|
206
|
+
attr({ mode: 'boolean' })
|
|
207
|
+
], TableRow.prototype, "expanded", void 0);
|
|
181
208
|
__decorate([
|
|
182
209
|
observable
|
|
183
210
|
], TableRow.prototype, "dataRecord", void 0);
|
|
@@ -190,6 +217,9 @@ __decorate([
|
|
|
190
217
|
__decorate([
|
|
191
218
|
observable
|
|
192
219
|
], TableRow.prototype, "nestingLevel", void 0);
|
|
220
|
+
__decorate([
|
|
221
|
+
attr({ attribute: 'is-parent-row', mode: 'boolean' })
|
|
222
|
+
], TableRow.prototype, "isParentRow", void 0);
|
|
193
223
|
__decorate([
|
|
194
224
|
attr({ attribute: 'menu-open', mode: 'boolean' })
|
|
195
225
|
], TableRow.prototype, "menuOpen", void 0);
|
|
@@ -205,6 +235,9 @@ __decorate([
|
|
|
205
235
|
__decorate([
|
|
206
236
|
observable
|
|
207
237
|
], TableRow.prototype, "selectionCheckbox", void 0);
|
|
238
|
+
__decorate([
|
|
239
|
+
observable
|
|
240
|
+
], TableRow.prototype, "animationClass", void 0);
|
|
208
241
|
__decorate([
|
|
209
242
|
volatile
|
|
210
243
|
], TableRow.prototype, "ariaSelected", null);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/table/components/row/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAEH,UAAU,EACV,IAAI,EACJ,UAAU,EACV,QAAQ,EACX,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAEH,YAAY,EACZ,iBAAiB,EACpB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/table/components/row/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,11 +1,13 @@
|
|
|
1
1
|
import { css } from '@microsoft/fast-element';
|
|
2
2
|
import { display } from '@microsoft/fast-foundation';
|
|
3
3
|
import { White } from '@ni/nimble-tokens/dist/styledictionary/js/tokens';
|
|
4
|
-
import { applicationBackgroundColor, borderWidth, controlHeight, fillHoverColor, fillHoverSelectedColor, fillSelectedColor, standardPadding } from '../../../theme-provider/design-tokens';
|
|
4
|
+
import { applicationBackgroundColor, borderWidth, controlHeight, fillHoverColor, fillHoverSelectedColor, fillSelectedColor, mediumPadding, standardPadding } from '../../../theme-provider/design-tokens';
|
|
5
5
|
import { Theme } from '../../../theme-provider/types';
|
|
6
6
|
import { hexToRgbaCssColor } from '../../../utilities/style/colors';
|
|
7
7
|
import { themeBehavior } from '../../../utilities/style/theme';
|
|
8
|
+
import { styles as expandCollapseStyles } from '../../../patterns/expand-collapse/styles';
|
|
8
9
|
export const styles = css `
|
|
10
|
+
${expandCollapseStyles}
|
|
9
11
|
${display('flex')}
|
|
10
12
|
|
|
11
13
|
:host {
|
|
@@ -40,6 +42,13 @@ export const styles = css `
|
|
|
40
42
|
background-color: ${fillHoverSelectedColor};
|
|
41
43
|
}
|
|
42
44
|
|
|
45
|
+
.expand-collapse-button {
|
|
46
|
+
padding-left: calc(
|
|
47
|
+
${mediumPadding} + (var(--ni-private-table-row-indent-level) - 1) *
|
|
48
|
+
${controlHeight}
|
|
49
|
+
);
|
|
50
|
+
}
|
|
51
|
+
|
|
43
52
|
.row-operations-container {
|
|
44
53
|
display: flex;
|
|
45
54
|
}
|
|
@@ -57,6 +66,10 @@ export const styles = css `
|
|
|
57
66
|
flex: 0 0 auto;
|
|
58
67
|
}
|
|
59
68
|
|
|
69
|
+
.row-front-spacer.top-level-parent {
|
|
70
|
+
width: ${mediumPadding};
|
|
71
|
+
}
|
|
72
|
+
|
|
60
73
|
.cell-container {
|
|
61
74
|
display: grid;
|
|
62
75
|
width: 100%;
|
|
@@ -65,6 +78,12 @@ export const styles = css `
|
|
|
65
78
|
grid-template-columns: var(--ni-private-table-row-grid-columns) auto;
|
|
66
79
|
}
|
|
67
80
|
|
|
81
|
+
.cell-container.nested-parent {
|
|
82
|
+
margin-left: calc(
|
|
83
|
+
(${controlHeight} * var(--ni-private-table-row-indent-level)) * -1
|
|
84
|
+
);
|
|
85
|
+
}
|
|
86
|
+
|
|
68
87
|
nimble-table-cell {
|
|
69
88
|
--ni-private-table-cell-action-menu-display: none;
|
|
70
89
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/table/components/row/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,KAAK,EAAE,MAAM,kDAAkD,CAAC;AACzE,OAAO,EACH,0BAA0B,EAC1B,WAAW,EACX,aAAa,EACb,cAAc,EACd,sBAAsB,EACtB,iBAAiB,EACjB,eAAe,EAClB,MAAM,uCAAuC,CAAC;AAC/C,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AACtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AACpE,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/table/components/row/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,KAAK,EAAE,MAAM,kDAAkD,CAAC;AACzE,OAAO,EACH,0BAA0B,EAC1B,WAAW,EACX,aAAa,EACb,cAAc,EACd,sBAAsB,EACtB,iBAAiB,EACjB,aAAa,EACb,eAAe,EAClB,MAAM,uCAAuC,CAAC;AAC/C,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AACtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AACpE,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAC/D,OAAO,EAAE,MAAM,IAAI,oBAAoB,EAAE,MAAM,0CAA0C,CAAC;AAE1F,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,oBAAoB;MACpB,OAAO,CAAC,MAAM,CAAC;;;;;4BAKO,0BAA0B;uBAC/B,aAAa,UAAU,WAAW;+BAC1B,WAAW;;;;;;;;kBAQxB,aAAa;;;;;;;;4BAQH,cAAc;;;;4BAId,iBAAiB;;;;4BAIjB,sBAAsB;;;;;cAKpC,aAAa;kBACT,aAAa;;;;;;;;;uBASR,eAAe;;;;;;;;iBAQrB,aAAa;;;;;iBAKb,aAAa;;;;;;;;;;;;;eAaf,aAAa;;;;;;;;;;;;;;;;;;;CAmB3B,CAAC,aAAa,CACX,aAAa,CACT,KAAK,CAAC,KAAK,EACX,GAAG,CAAA;;oCAEyB,iBAAiB,CAAC,KAAK,EAAE,IAAI,CAAC;;;;oCAI9B,iBAAiB,CAAC,KAAK,EAAE,IAAI,CAAC;;;;oCAI9B,iBAAiB,CAAC,KAAK,EAAE,GAAG,CAAC;;SAExD,CACJ,CACJ,CAAC"}
|