@ni/nimble-components 18.11.0 → 18.11.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.
Files changed (47) hide show
  1. package/dist/all-components-bundle.js +239 -226
  2. package/dist/all-components-bundle.js.map +1 -1
  3. package/dist/all-components-bundle.min.js +959 -951
  4. package/dist/all-components-bundle.min.js.map +1 -1
  5. package/dist/esm/table/components/cell/template.d.ts +1 -3
  6. package/dist/esm/table/components/cell/template.js +0 -5
  7. package/dist/esm/table/components/cell/template.js.map +1 -1
  8. package/dist/esm/table/components/group-row/styles.js +1 -1
  9. package/dist/esm/table/components/group-row/template.js +1 -1
  10. package/dist/esm/table/components/group-row/template.js.map +1 -1
  11. package/dist/esm/table/components/row/index.js +3 -3
  12. package/dist/esm/table/components/row/index.js.map +1 -1
  13. package/dist/esm/table/components/row/template.js +1 -1
  14. package/dist/esm/table/components/row/template.js.map +1 -1
  15. package/dist/esm/table/index.js +17 -11
  16. package/dist/esm/table/index.js.map +1 -1
  17. package/dist/esm/table/models/table-layout-helper.js +9 -13
  18. package/dist/esm/table/models/table-layout-helper.js.map +1 -1
  19. package/dist/esm/table/models/update-tracker.js +12 -3
  20. package/dist/esm/table/models/update-tracker.js.map +1 -1
  21. package/dist/esm/table-column/base/cell-view/template.d.ts +3 -0
  22. package/dist/esm/table-column/base/cell-view/template.js +26 -0
  23. package/dist/esm/table-column/base/cell-view/template.js.map +1 -0
  24. package/dist/esm/table-column/base/group-header-view/template.js +20 -4
  25. package/dist/esm/table-column/base/group-header-view/template.js.map +1 -1
  26. package/dist/esm/table-column/base/index.d.ts +5 -106
  27. package/dist/esm/table-column/base/index.js +7 -110
  28. package/dist/esm/table-column/base/index.js.map +1 -1
  29. package/dist/esm/table-column/base/models/column-internals.d.ts +97 -0
  30. package/dist/esm/table-column/base/models/column-internals.js +88 -0
  31. package/dist/esm/table-column/base/models/column-internals.js.map +1 -0
  32. package/dist/esm/table-column/base/template.d.ts +2 -1
  33. package/dist/esm/table-column/base/template.js +1 -1
  34. package/dist/esm/table-column/base/template.js.map +1 -1
  35. package/dist/esm/table-column/mixins/fractional-width-column.d.ts +2 -3
  36. package/dist/esm/table-column/mixins/fractional-width-column.js +4 -9
  37. package/dist/esm/table-column/mixins/fractional-width-column.js.map +1 -1
  38. package/dist/esm/table-column/mixins/groupable-column.d.ts +2 -3
  39. package/dist/esm/table-column/mixins/groupable-column.js +3 -3
  40. package/dist/esm/table-column/mixins/groupable-column.js.map +1 -1
  41. package/dist/esm/table-column/text/group-header-view/index.d.ts +0 -1
  42. package/dist/esm/table-column/text/group-header-view/index.js +0 -3
  43. package/dist/esm/table-column/text/group-header-view/index.js.map +1 -1
  44. package/dist/esm/table-column/text/index.d.ts +15 -18
  45. package/dist/esm/table-column/text/index.js +15 -20
  46. package/dist/esm/table-column/text/index.js.map +1 -1
  47. package/package.json +1 -1
@@ -1,78 +1,20 @@
1
1
  import { __decorate } from "tslib";
2
- import { attr, nullableNumberConverter, observable } from '@microsoft/fast-element';
2
+ import { attr, nullableNumberConverter } from '@microsoft/fast-element';
3
3
  import { FoundationElement } from '@microsoft/fast-foundation';
4
- import { uniqueId } from '@microsoft/fast-web-utilities';
5
- import { createGroupHeaderViewTemplate } from './group-header-view/template';
6
- import { createCellViewTemplate } from '../../table/components/cell/template';
7
4
  import { TableColumnSortDirection } from '../../table/types';
8
- import { defaultFractionalWidth, defaultMinPixelWidth, TableColumnSortOperation } from './types';
5
+ import { ColumnInternals } from './models/column-internals';
9
6
  /**
10
7
  * The base class for table columns
11
8
  */
12
9
  export class TableColumn extends FoundationElement {
13
- constructor() {
10
+ constructor(options) {
14
11
  super();
15
12
  this.columnHidden = false;
16
13
  this.sortDirection = TableColumnSortDirection.none;
17
- /**
18
- * @internal
19
- * Used by the Table in order to size a column proportionally to the available
20
- * width of a row.
21
- */
22
- this.currentFractionalWidth = defaultFractionalWidth;
23
- /**
24
- * @internal
25
- * Used by column plugins to size a column proportionally to the available
26
- * width of a row. Sets currentFractionalWidth when changed.
27
- */
28
- this.internalFractionalWidth = defaultFractionalWidth;
29
- /**
30
- * @internal
31
- * The minimum size in pixels according to the design doc
32
- */
33
- this.internalMinPixelWidth = defaultMinPixelWidth;
34
- /**
35
- * @internal
36
- * Whether or not this column can be used to group rows by
37
- */
38
- this.internalGroupingDisabled = false;
39
- /**
40
- * @internal
41
- *
42
- * The names of the fields from the row's record that correlate to the data that will be in TCellRecord.
43
- * This array is parallel with the field names specified by `cellRecordFieldNames`.
44
- */
45
- this.dataRecordFieldNames = [];
46
- /**
47
- * @internal
48
- *
49
- * The operation to use when sorting the table by this column.
50
- */
51
- this.sortOperation = TableColumnSortOperation.basic;
52
- this.internalUniqueId = uniqueId('table-column-slot');
53
- }
54
- /**
55
- * @internal
56
- */
57
- connectedCallback() {
58
- super.connectedCallback();
59
- this.setAttribute('slot', this.internalUniqueId);
60
- }
61
- cellViewTagChanged() {
62
- this.currentCellViewTemplate = this.cellViewTag
63
- ? createCellViewTemplate(this.cellViewTag)
64
- : undefined;
65
- }
66
- internalFractionalWidthChanged() {
67
- this.currentFractionalWidth = this.internalFractionalWidth;
68
- }
69
- internalPixelWidthChanged() {
70
- this.currentPixelWidth = this.internalPixelWidth;
71
- }
72
- groupHeaderViewTagChanged() {
73
- this.internalGroupHeaderViewTemplate = this.groupHeaderViewTag
74
- ? createGroupHeaderViewTemplate(this.groupHeaderViewTag)
75
- : undefined;
14
+ if (!options) {
15
+ throw new Error('ColumnInternalsOptions must be provided to constructor');
16
+ }
17
+ this.columnInternals = new ColumnInternals(options);
76
18
  }
77
19
  }
78
20
  __decorate([
@@ -93,49 +35,4 @@ __decorate([
93
35
  __decorate([
94
36
  attr({ attribute: 'sort-direction' })
95
37
  ], TableColumn.prototype, "sortDirection", void 0);
96
- __decorate([
97
- observable
98
- ], TableColumn.prototype, "currentPixelWidth", void 0);
99
- __decorate([
100
- observable
101
- ], TableColumn.prototype, "currentFractionalWidth", void 0);
102
- __decorate([
103
- observable
104
- ], TableColumn.prototype, "internalPixelWidth", void 0);
105
- __decorate([
106
- observable
107
- ], TableColumn.prototype, "internalFractionalWidth", void 0);
108
- __decorate([
109
- observable
110
- ], TableColumn.prototype, "internalMinPixelWidth", void 0);
111
- __decorate([
112
- observable
113
- ], TableColumn.prototype, "internalGroupingDisabled", void 0);
114
- __decorate([
115
- observable
116
- ], TableColumn.prototype, "internalGroupIndex", void 0);
117
- __decorate([
118
- observable
119
- ], TableColumn.prototype, "groupHeaderViewTag", void 0);
120
- __decorate([
121
- observable
122
- ], TableColumn.prototype, "internalGroupHeaderViewTemplate", void 0);
123
- __decorate([
124
- observable
125
- ], TableColumn.prototype, "cellViewTag", void 0);
126
- __decorate([
127
- observable
128
- ], TableColumn.prototype, "currentCellViewTemplate", void 0);
129
- __decorate([
130
- observable
131
- ], TableColumn.prototype, "dataRecordFieldNames", void 0);
132
- __decorate([
133
- observable
134
- ], TableColumn.prototype, "columnConfig", void 0);
135
- __decorate([
136
- observable
137
- ], TableColumn.prototype, "operandDataRecordFieldName", void 0);
138
- __decorate([
139
- observable
140
- ], TableColumn.prototype, "sortOperation", void 0);
141
38
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/table-column/base/index.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/table-column/base/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAC;AACxE,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAE,wBAAwB,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,EAEH,eAAe,EAClB,MAAM,2BAA2B,CAAC;AAEnC;;GAEG;AACH,MAAM,OAAgB,WAEpB,SAAQ,iBAAiB;IA0BvB,YAAmB,OAA+B;QAC9C,KAAK,EAAE,CAAC;QAhBL,iBAAY,GAAG,KAAK,CAAC;QAMrB,kBAAa,GAA6B,wBAAwB,CAAC,IAAI,CAAC;QAW3E,IAAI,CAAC,OAAO,EAAE;YACV,MAAM,IAAI,KAAK,CACX,wDAAwD,CAC3D,CAAC;SACL;QACD,IAAI,CAAC,eAAe,GAAG,IAAI,eAAe,CAAC,OAAO,CAAC,CAAC;IACxD,CAAC;CACJ;AAjCG;IADC,IAAI,CAAC,EAAE,SAAS,EAAE,WAAW,EAAE,CAAC;6CACR;AAGzB;IADC,IAAI,CAAC,EAAE,SAAS,EAAE,kBAAkB,EAAE,CAAC;mDACT;AAG/B;IADC,IAAI,CAAC,EAAE,SAAS,EAAE,mBAAmB,EAAE,CAAC;oDACT;AAGhC;IADC,IAAI,CAAC,EAAE,SAAS,EAAE,eAAe,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;iDAC1B;AAG5B;IADC,IAAI,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,SAAS,EAAE,uBAAuB,EAAE,CAAC;8CACrC;AAGjC;IADC,IAAI,CAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC;kDACyC"}
@@ -0,0 +1,97 @@
1
+ import { ViewTemplate } from '@microsoft/fast-element';
2
+ import type { TableFieldName } from '../../../table/types';
3
+ import type { TableCell } from '../../../table/components/cell';
4
+ import { TableColumnSortOperation } from '../types';
5
+ import type { TableGroupRow } from '../../../table/components/group-row';
6
+ export interface ColumnInternalsOptions {
7
+ /**
8
+ * The tag (element name) of the custom element that renders the cell content for the column.
9
+ * That element should derive from TableCellView<TCellRecord, TColumnConfig>.
10
+ */
11
+ readonly cellViewTag: string;
12
+ /**
13
+ * The names of the fields that should be present in TCellRecord.
14
+ * This array is parallel with the field names specified by `dataRecordFieldNames`.
15
+ */
16
+ readonly cellRecordFieldNames: readonly TableFieldName[];
17
+ /**
18
+ * The tag to use to render the group header content for a column.
19
+ * The element this tag refers to must derive from TableGroupHeaderView.
20
+ */
21
+ readonly groupHeaderViewTag: string;
22
+ }
23
+ /**
24
+ * Internal column state configured by plugin authors
25
+ * @internal
26
+ */
27
+ export declare class ColumnInternals<TColumnConfig> {
28
+ /**
29
+ * @see ColumnInternalsOptions.cellRecordFieldNames
30
+ */
31
+ readonly cellRecordFieldNames: readonly TableFieldName[];
32
+ /**
33
+ * A unique id used internally in the table to identify specific column instances
34
+ */
35
+ readonly uniqueId: string;
36
+ /**
37
+ * Template for the cell view
38
+ */
39
+ readonly cellViewTemplate: ViewTemplate<TableCell>;
40
+ /**
41
+ * The relevant, static configuration a column requires its cell view to have access to.
42
+ */
43
+ columnConfig?: TColumnConfig;
44
+ /**
45
+ * The name of the data field that will be used for operations on the table, such as sorting and grouping.
46
+ */
47
+ operandDataRecordFieldName?: TableFieldName;
48
+ /**
49
+ * The operation to use when sorting the table by this column.
50
+ */
51
+ sortOperation: TableColumnSortOperation;
52
+ /**
53
+ * The names of the fields from the row's record that correlate to the data that will be in TCellRecord.
54
+ * This array is parallel with the field names specified by `cellRecordFieldNames`.
55
+ */
56
+ dataRecordFieldNames: readonly (TableFieldName | undefined)[];
57
+ /**
58
+ * Template for the group header view
59
+ */
60
+ readonly groupHeaderViewTemplate: ViewTemplate<TableGroupRow>;
61
+ /**
62
+ * Whether or not this column can be used to group rows by
63
+ */
64
+ groupingDisabled: boolean;
65
+ /**
66
+ * Specifies the grouping precedence of the column within the set of all columns participating in grouping.
67
+ * Columns are rendered in the grouping tree from lowest group-index as the tree root to highest
68
+ * group-index as tree leaves.
69
+ */
70
+ groupIndex?: number;
71
+ /**
72
+ * Used by column plugins to set a specific pixel width. Sets currentPixelWidth when changed.
73
+ */
74
+ pixelWidth?: number;
75
+ /**
76
+ * Used by column plugins to size a column proportionally to the available
77
+ * width of a row. Sets currentFractionalWidth when changed.
78
+ */
79
+ fractionalWidth: number;
80
+ /**
81
+ * The minimum size in pixels according to the design doc
82
+ */
83
+ minPixelWidth: number;
84
+ /**
85
+ * @internal Do not write to this value directly. It is used by the Table in order to store
86
+ * the resolved value of the fractionalWidth after updates programmatic or interactive updates.
87
+ */
88
+ currentFractionalWidth: number;
89
+ /**
90
+ * @internal Do not write to this value directly. It is used by the Table in order to store
91
+ * the resolved value of the pixelWidth after programmatic or interactive updates.
92
+ */
93
+ currentPixelWidth?: number;
94
+ constructor(options: ColumnInternalsOptions);
95
+ protected fractionalWidthChanged(): void;
96
+ protected pixelWidthChanged(): void;
97
+ }
@@ -0,0 +1,88 @@
1
+ import { __decorate } from "tslib";
2
+ import { uniqueId } from '@microsoft/fast-web-utilities';
3
+ import { observable } from '@microsoft/fast-element';
4
+ import { TableColumnSortOperation, defaultFractionalWidth, defaultMinPixelWidth } from '../types';
5
+ import { createGroupHeaderViewTemplate } from '../group-header-view/template';
6
+ import { createCellViewTemplate } from '../cell-view/template';
7
+ /**
8
+ * Internal column state configured by plugin authors
9
+ * @internal
10
+ */
11
+ export class ColumnInternals {
12
+ constructor(options) {
13
+ /**
14
+ * A unique id used internally in the table to identify specific column instances
15
+ */
16
+ this.uniqueId = uniqueId('table-column-slot');
17
+ /**
18
+ * The operation to use when sorting the table by this column.
19
+ */
20
+ this.sortOperation = TableColumnSortOperation.basic;
21
+ /**
22
+ * The names of the fields from the row's record that correlate to the data that will be in TCellRecord.
23
+ * This array is parallel with the field names specified by `cellRecordFieldNames`.
24
+ */
25
+ this.dataRecordFieldNames = [];
26
+ /**
27
+ * Whether or not this column can be used to group rows by
28
+ */
29
+ this.groupingDisabled = false;
30
+ /**
31
+ * Used by column plugins to size a column proportionally to the available
32
+ * width of a row. Sets currentFractionalWidth when changed.
33
+ */
34
+ this.fractionalWidth = defaultFractionalWidth;
35
+ /**
36
+ * The minimum size in pixels according to the design doc
37
+ */
38
+ this.minPixelWidth = defaultMinPixelWidth;
39
+ /**
40
+ * @internal Do not write to this value directly. It is used by the Table in order to store
41
+ * the resolved value of the fractionalWidth after updates programmatic or interactive updates.
42
+ */
43
+ this.currentFractionalWidth = defaultFractionalWidth;
44
+ this.cellRecordFieldNames = options.cellRecordFieldNames;
45
+ this.cellViewTemplate = createCellViewTemplate(options.cellViewTag);
46
+ this.groupHeaderViewTemplate = createGroupHeaderViewTemplate(options.groupHeaderViewTag);
47
+ }
48
+ fractionalWidthChanged() {
49
+ this.currentFractionalWidth = this.fractionalWidth;
50
+ }
51
+ pixelWidthChanged() {
52
+ this.currentPixelWidth = this.pixelWidth;
53
+ }
54
+ }
55
+ __decorate([
56
+ observable
57
+ ], ColumnInternals.prototype, "columnConfig", void 0);
58
+ __decorate([
59
+ observable
60
+ ], ColumnInternals.prototype, "operandDataRecordFieldName", void 0);
61
+ __decorate([
62
+ observable
63
+ ], ColumnInternals.prototype, "sortOperation", void 0);
64
+ __decorate([
65
+ observable
66
+ ], ColumnInternals.prototype, "dataRecordFieldNames", void 0);
67
+ __decorate([
68
+ observable
69
+ ], ColumnInternals.prototype, "groupingDisabled", void 0);
70
+ __decorate([
71
+ observable
72
+ ], ColumnInternals.prototype, "groupIndex", void 0);
73
+ __decorate([
74
+ observable
75
+ ], ColumnInternals.prototype, "pixelWidth", void 0);
76
+ __decorate([
77
+ observable
78
+ ], ColumnInternals.prototype, "fractionalWidth", void 0);
79
+ __decorate([
80
+ observable
81
+ ], ColumnInternals.prototype, "minPixelWidth", void 0);
82
+ __decorate([
83
+ observable
84
+ ], ColumnInternals.prototype, "currentFractionalWidth", void 0);
85
+ __decorate([
86
+ observable
87
+ ], ColumnInternals.prototype, "currentPixelWidth", void 0);
88
+ //# sourceMappingURL=column-internals.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"column-internals.js","sourceRoot":"","sources":["../../../../../src/table-column/base/models/column-internals.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AACzD,OAAO,EAAgB,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAGnE,OAAO,EACH,wBAAwB,EACxB,sBAAsB,EACtB,oBAAoB,EACvB,MAAM,UAAU,CAAC;AAElB,OAAO,EAAE,6BAA6B,EAAE,MAAM,+BAA+B,CAAC;AAC9E,OAAO,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AAsB/D;;;GAGG;AACH,MAAM,OAAO,eAAe;IA6FxB,YAAmB,OAA+B;QAvFlD;;WAEG;QACa,aAAQ,GAAG,QAAQ,CAAC,mBAAmB,CAAC,CAAC;QAmBzD;;WAEG;QAEI,kBAAa,GAA6B,wBAAwB,CAAC,KAAK,CAAC;QAEhF;;;WAGG;QAEI,yBAAoB,GAA4C,EAAE,CAAC;QAO1E;;WAEG;QAEI,qBAAgB,GAAG,KAAK,CAAC;QAgBhC;;;WAGG;QAEI,oBAAe,GAAG,sBAAsB,CAAC;QAEhD;;WAEG;QAEI,kBAAa,GAAG,oBAAoB,CAAC;QAE5C;;;WAGG;QAEI,2BAAsB,GAAG,sBAAsB,CAAC;QAUnD,IAAI,CAAC,oBAAoB,GAAG,OAAO,CAAC,oBAAoB,CAAC;QACzD,IAAI,CAAC,gBAAgB,GAAG,sBAAsB,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC;QACpE,IAAI,CAAC,uBAAuB,GAAG,6BAA6B,CACxD,OAAO,CAAC,kBAAkB,CAC7B,CAAC;IACN,CAAC;IAES,sBAAsB;QAC5B,IAAI,CAAC,sBAAsB,GAAG,IAAI,CAAC,eAAe,CAAC;IACvD,CAAC;IAES,iBAAiB;QACvB,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC,UAAU,CAAC;IAC7C,CAAC;CACJ;AAxFG;IADC,UAAU;qDACyB;AAMpC;IADC,UAAU;mEACwC;AAMnD;IADC,UAAU;sDACqE;AAOhF;IADC,UAAU;6DAC+D;AAW1E;IADC,UAAU;yDACqB;AAQhC;IADC,UAAU;mDACgB;AAM3B;IADC,UAAU;mDACgB;AAO3B;IADC,UAAU;wDACqC;AAMhD;IADC,UAAU;sDACiC;AAO5C;IADC,UAAU;+DAC4C;AAOvD;IADC,UAAU;0DACuB"}
@@ -1 +1,2 @@
1
- export declare const template: import("@microsoft/fast-element").ViewTemplate<any, any>;
1
+ import type { TableColumn } from '.';
2
+ export declare const template: import("@microsoft/fast-element").ViewTemplate<TableColumn<unknown>, any>;
@@ -1,6 +1,6 @@
1
1
  import { html } from '@microsoft/fast-element';
2
2
  export const template = html `
3
- <template>
3
+ <template slot="${x => x.columnInternals.uniqueId}">
4
4
  <span class="header-content">
5
5
  <slot></slot>
6
6
  </span>
@@ -1 +1 @@
1
- {"version":3,"file":"template.js","sourceRoot":"","sources":["../../../../src/table-column/base/template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAE/C,MAAM,CAAC,MAAM,QAAQ,GAAG,IAAI,CAAA;;;;;;CAM3B,CAAC"}
1
+ {"version":3,"file":"template.js","sourceRoot":"","sources":["../../../../src/table-column/base/template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAG/C,MAAM,CAAC,MAAM,QAAQ,GAAG,IAAI,CAAa;sBACnB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,eAAe,CAAC,QAAQ;;;;;CAKpD,CAAC"}
@@ -1,12 +1,11 @@
1
1
  import type { TableColumn } from '../base';
2
- declare type SizedTableColumn = Pick<TableColumn, 'internalFractionalWidth' | 'internalMinPixelWidth'>;
2
+ declare type SizedTableColumn = Pick<TableColumn, 'columnInternals'>;
3
3
  declare type SizedTableColumnConstructor = abstract new (...args: any[]) => SizedTableColumn;
4
4
  export declare function mixinFractionalWidthColumnAPI<TBase extends SizedTableColumnConstructor>(base: TBase): (abstract new (...args: any[]) => {
5
5
  fractionalWidth?: number | null | undefined;
6
6
  minPixelWidth?: number | null | undefined;
7
7
  fractionalWidthChanged(): void;
8
8
  minPixelWidthChanged(): void;
9
- internalFractionalWidth: number;
10
- internalMinPixelWidth: number;
9
+ readonly columnInternals: import("../base/models/column-internals").ColumnInternals<unknown>;
11
10
  }) & TBase;
12
11
  export {};
@@ -8,25 +8,20 @@ export function mixinFractionalWidthColumnAPI(base) {
8
8
  * proportionally within a Table.
9
9
  */
10
10
  class FractionalWidthColumn extends base {
11
- constructor() {
12
- super(...arguments);
13
- this.fractionalWidth = defaultFractionalWidth;
14
- this.minPixelWidth = defaultMinPixelWidth;
15
- }
16
11
  fractionalWidthChanged() {
17
12
  if (typeof this.fractionalWidth === 'number') {
18
- this.internalFractionalWidth = this.fractionalWidth;
13
+ this.columnInternals.fractionalWidth = this.fractionalWidth;
19
14
  }
20
15
  else {
21
- this.internalFractionalWidth = defaultFractionalWidth;
16
+ this.columnInternals.fractionalWidth = defaultFractionalWidth;
22
17
  }
23
18
  }
24
19
  minPixelWidthChanged() {
25
20
  if (typeof this.minPixelWidth === 'number') {
26
- this.internalMinPixelWidth = this.minPixelWidth;
21
+ this.columnInternals.minPixelWidth = this.minPixelWidth;
27
22
  }
28
23
  else {
29
- this.internalMinPixelWidth = defaultMinPixelWidth;
24
+ this.columnInternals.minPixelWidth = defaultMinPixelWidth;
30
25
  }
31
26
  }
32
27
  }
@@ -1 +1 @@
1
- {"version":3,"file":"fractional-width-column.js","sourceRoot":"","sources":["../../../../src/table-column/mixins/fractional-width-column.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAC;AAExE,OAAO,EAAE,oBAAoB,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAC;AAW7E,4HAA4H;AAC5H,+HAA+H;AAC/H,MAAM,UAAU,6BAA6B,CAE3C,IAAW;IACT;;;OAGG;IACH,MAAe,qBAAsB,SAAQ,IAAI;QAAjD;;YACW,oBAAe,GAAmB,sBAAsB,CAAC;YAEzD,kBAAa,GAAmB,oBAAoB,CAAC;QAiBhE,CAAC;QAfU,sBAAsB;YACzB,IAAI,OAAO,IAAI,CAAC,eAAe,KAAK,QAAQ,EAAE;gBAC1C,IAAI,CAAC,uBAAuB,GAAG,IAAI,CAAC,eAAe,CAAC;aACvD;iBAAM;gBACH,IAAI,CAAC,uBAAuB,GAAG,sBAAsB,CAAC;aACzD;QACL,CAAC;QAEM,oBAAoB;YACvB,IAAI,OAAO,IAAI,CAAC,aAAa,KAAK,QAAQ,EAAE;gBACxC,IAAI,CAAC,qBAAqB,GAAG,IAAI,CAAC,aAAa,CAAC;aACnD;iBAAM;gBACH,IAAI,CAAC,qBAAqB,GAAG,oBAAoB,CAAC;aACrD;QACL,CAAC;KACJ;IAED,IAAI,CAAC,EAAE,SAAS,EAAE,kBAAkB,EAAE,SAAS,EAAE,uBAAuB,EAAE,CAAC;IACvE,iEAAiE;IACjE,qBAAqB,CAAC,SAAS,EAC/B,iBAAiB,CACpB,CAAC;IACF,IAAI,CAAC,EAAE,SAAS,EAAE,iBAAiB,EAAE,SAAS,EAAE,uBAAuB,EAAE,CAAC;IACtE,iEAAiE;IACjE,qBAAqB,CAAC,SAAS,EAC/B,eAAe,CAClB,CAAC;IACF,OAAO,qBAAqB,CAAC;AACjC,CAAC"}
1
+ {"version":3,"file":"fractional-width-column.js","sourceRoot":"","sources":["../../../../src/table-column/mixins/fractional-width-column.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAC;AAExE,OAAO,EAAE,oBAAoB,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAC;AAQ7E,4HAA4H;AAC5H,+HAA+H;AAC/H,MAAM,UAAU,6BAA6B,CAE3C,IAAW;IACT;;;OAGG;IACH,MAAe,qBAAsB,SAAQ,IAAI;QAKtC,sBAAsB;YACzB,IAAI,OAAO,IAAI,CAAC,eAAe,KAAK,QAAQ,EAAE;gBAC1C,IAAI,CAAC,eAAe,CAAC,eAAe,GAAG,IAAI,CAAC,eAAe,CAAC;aAC/D;iBAAM;gBACH,IAAI,CAAC,eAAe,CAAC,eAAe,GAAG,sBAAsB,CAAC;aACjE;QACL,CAAC;QAEM,oBAAoB;YACvB,IAAI,OAAO,IAAI,CAAC,aAAa,KAAK,QAAQ,EAAE;gBACxC,IAAI,CAAC,eAAe,CAAC,aAAa,GAAG,IAAI,CAAC,aAAa,CAAC;aAC3D;iBAAM;gBACH,IAAI,CAAC,eAAe,CAAC,aAAa,GAAG,oBAAoB,CAAC;aAC7D;QACL,CAAC;KACJ;IAED,IAAI,CAAC,EAAE,SAAS,EAAE,kBAAkB,EAAE,SAAS,EAAE,uBAAuB,EAAE,CAAC;IACvE,iEAAiE;IACjE,qBAAqB,CAAC,SAAS,EAC/B,iBAAiB,CACpB,CAAC;IACF,IAAI,CAAC,EAAE,SAAS,EAAE,iBAAiB,EAAE,SAAS,EAAE,uBAAuB,EAAE,CAAC;IACtE,iEAAiE;IACjE,qBAAqB,CAAC,SAAS,EAC/B,eAAe,CAClB,CAAC;IACF,OAAO,qBAAqB,CAAC;AACjC,CAAC"}
@@ -1,12 +1,11 @@
1
1
  import type { TableColumn } from '../base';
2
- declare type GroupableTableColumn = Pick<TableColumn, 'internalGroupingDisabled' | 'internalGroupIndex'>;
2
+ declare type GroupableTableColumn = Pick<TableColumn, 'columnInternals'>;
3
3
  declare type GroupableTableColumnConstructor = abstract new (...args: any[]) => GroupableTableColumn;
4
4
  export declare function mixinGroupableColumnAPI<TBase extends GroupableTableColumnConstructor>(base: TBase): (abstract new (...args: any[]) => {
5
5
  groupingDisabled: boolean;
6
6
  groupIndex?: number | null | undefined;
7
7
  groupingDisabledChanged(): void;
8
8
  groupIndexChanged(): void;
9
- internalGroupingDisabled: boolean;
10
- internalGroupIndex?: number | undefined;
9
+ readonly columnInternals: import("../base/models/column-internals").ColumnInternals<unknown>;
11
10
  }) & TBase;
12
11
  export {};
@@ -13,14 +13,14 @@ export function mixinGroupableColumnAPI(base) {
13
13
  this.groupIndex = null;
14
14
  }
15
15
  groupingDisabledChanged() {
16
- this.internalGroupingDisabled = this.groupingDisabled;
16
+ this.columnInternals.groupingDisabled = this.groupingDisabled;
17
17
  }
18
18
  groupIndexChanged() {
19
19
  if (typeof this.groupIndex === 'number') {
20
- this.internalGroupIndex = this.groupIndex;
20
+ this.columnInternals.groupIndex = this.groupIndex;
21
21
  }
22
22
  else {
23
- this.internalGroupIndex = undefined;
23
+ this.columnInternals.groupIndex = undefined;
24
24
  }
25
25
  }
26
26
  }
@@ -1 +1 @@
1
- {"version":3,"file":"groupable-column.js","sourceRoot":"","sources":["../../../../src/table-column/mixins/groupable-column.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAC;AAYxE,4HAA4H;AAC5H,+HAA+H;AAC/H,MAAM,UAAU,uBAAuB,CAErC,IAAW;IACT;;;OAGG;IACH,MAAe,eAAgB,SAAQ,IAAI;QAA3C;;YACW,qBAAgB,GAAG,KAAK,CAAC;YAEzB,eAAU,GAAmB,IAAI,CAAC;QAa7C,CAAC;QAXU,uBAAuB;YAC1B,IAAI,CAAC,wBAAwB,GAAG,IAAI,CAAC,gBAAgB,CAAC;QAC1D,CAAC;QAEM,iBAAiB;YACpB,IAAI,OAAO,IAAI,CAAC,UAAU,KAAK,QAAQ,EAAE;gBACrC,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC,UAAU,CAAC;aAC7C;iBAAM;gBACH,IAAI,CAAC,kBAAkB,GAAG,SAAS,CAAC;aACvC;QACL,CAAC;KACJ;IACD,IAAI,CAAC,EAAE,SAAS,EAAE,mBAAmB,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;IACrD,iEAAiE;IACjE,eAAe,CAAC,SAAS,EACzB,kBAAkB,CACrB,CAAC;IACF,IAAI,CAAC,EAAE,SAAS,EAAE,aAAa,EAAE,SAAS,EAAE,uBAAuB,EAAE,CAAC;IAClE,iEAAiE;IACjE,eAAe,CAAC,SAAS,EACzB,YAAY,CACf,CAAC;IAEF,OAAO,eAAe,CAAC;AAC3B,CAAC"}
1
+ {"version":3,"file":"groupable-column.js","sourceRoot":"","sources":["../../../../src/table-column/mixins/groupable-column.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAC;AASxE,4HAA4H;AAC5H,+HAA+H;AAC/H,MAAM,UAAU,uBAAuB,CAErC,IAAW;IACT;;;OAGG;IACH,MAAe,eAAgB,SAAQ,IAAI;QAA3C;;YACW,qBAAgB,GAAG,KAAK,CAAC;YAEzB,eAAU,GAAmB,IAAI,CAAC;QAa7C,CAAC;QAXU,uBAAuB;YAC1B,IAAI,CAAC,eAAe,CAAC,gBAAgB,GAAG,IAAI,CAAC,gBAAgB,CAAC;QAClE,CAAC;QAEM,iBAAiB;YACpB,IAAI,OAAO,IAAI,CAAC,UAAU,KAAK,QAAQ,EAAE;gBACrC,IAAI,CAAC,eAAe,CAAC,UAAU,GAAG,IAAI,CAAC,UAAU,CAAC;aACrD;iBAAM;gBACH,IAAI,CAAC,eAAe,CAAC,UAAU,GAAG,SAAS,CAAC;aAC/C;QACL,CAAC;KACJ;IACD,IAAI,CAAC,EAAE,SAAS,EAAE,mBAAmB,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;IACrD,iEAAiE;IACjE,eAAe,CAAC,SAAS,EACzB,kBAAkB,CACrB,CAAC;IACF,IAAI,CAAC,EAAE,SAAS,EAAE,aAAa,EAAE,SAAS,EAAE,uBAAuB,EAAE,CAAC;IAClE,iEAAiE;IACjE,eAAe,CAAC,SAAS,EACzB,YAAY,CACf,CAAC;IAEF,OAAO,eAAe,CAAC;AAC3B,CAAC"}
@@ -10,7 +10,6 @@ declare global {
10
10
  * grouped by a TableColumnText column.
11
11
  */
12
12
  export declare class TableColumnTextGroupHeaderView extends TableGroupHeaderView<string | null | undefined, TableColumnTextColumnConfig> {
13
- columnConfig?: TableColumnTextColumnConfig;
14
13
  /** @internal */
15
14
  textSpan: HTMLElement;
16
15
  /** @internal */
@@ -26,9 +26,6 @@ export class TableColumnTextGroupHeaderView extends TableGroupHeaderView {
26
26
  this.isValidContentAndHasOverflow = false;
27
27
  }
28
28
  }
29
- __decorate([
30
- observable
31
- ], TableColumnTextGroupHeaderView.prototype, "columnConfig", void 0);
32
29
  __decorate([
33
30
  observable
34
31
  ], TableColumnTextGroupHeaderView.prototype, "isValidContentAndHasOverflow", void 0);
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/table-column/text/group-header-view/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAE1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAOlC;;;GAGG;AACH,MAAM,OAAO,8BAA+B,SAAQ,oBAGnD;IAHD;;QAUI,gBAAgB;QAET,iCAA4B,GAAG,KAAK,CAAC;IAgBhD,CAAC;IAbG,IAAW,OAAO;QACd,OAAO,OAAO,IAAI,CAAC,gBAAgB,KAAK,QAAQ;YAC5C,CAAC,CAAC,IAAI,CAAC,gBAAgB;YACvB,CAAC,CAAC,IAAI,CAAC,YAAY,EAAE,WAAW,IAAI,EAAE,CAAC;IAC/C,CAAC;IAEM,mBAAmB;QACtB,IAAI,CAAC,4BAA4B,GAAG,IAAI,CAAC,QAAQ,CAAC,WAAW,GAAG,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC;IAC9F,CAAC;IAEM,kBAAkB;QACrB,IAAI,CAAC,4BAA4B,GAAG,KAAK,CAAC;IAC9C,CAAC;CACJ;AAvBG;IADC,UAAU;oEACgD;AAO3D;IADC,UAAU;oFACiC;AAG5C;IADC,QAAQ;6DAKR;AAWL,MAAM,8BAA8B,GAAG,8BAA8B,CAAC,OAAO,CAAC;IAC1E,QAAQ,EAAE,gCAAgC;IAC1C,QAAQ;IACR,MAAM;CACT,CAAC,CAAC;AACH,YAAY,CAAC,WAAW,EAAE;KACrB,UAAU,CAAC,QAAQ,CAAC;KACpB,QAAQ,CAAC,8BAA8B,EAAE,CAAC,CAAC;AAChD,MAAM,CAAC,MAAM,6BAA6B,GAAG,YAAY,CAAC,MAAM,CAC5D,8BAA8B,CACjC,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/table-column/text/group-header-view/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAE1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAOlC;;;GAGG;AACH,MAAM,OAAO,8BAA+B,SAAQ,oBAGnD;IAHD;;QAOI,gBAAgB;QAET,iCAA4B,GAAG,KAAK,CAAC;IAgBhD,CAAC;IAbG,IAAW,OAAO;QACd,OAAO,OAAO,IAAI,CAAC,gBAAgB,KAAK,QAAQ;YAC5C,CAAC,CAAC,IAAI,CAAC,gBAAgB;YACvB,CAAC,CAAC,IAAI,CAAC,YAAY,EAAE,WAAW,IAAI,EAAE,CAAC;IAC/C,CAAC;IAEM,mBAAmB;QACtB,IAAI,CAAC,4BAA4B,GAAG,IAAI,CAAC,QAAQ,CAAC,WAAW,GAAG,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC;IAC9F,CAAC;IAEM,kBAAkB;QACrB,IAAI,CAAC,4BAA4B,GAAG,KAAK,CAAC;IAC9C,CAAC;CACJ;AAhBG;IADC,UAAU;oFACiC;AAG5C;IADC,QAAQ;6DAKR;AAWL,MAAM,8BAA8B,GAAG,8BAA8B,CAAC,OAAO,CAAC;IAC1E,QAAQ,EAAE,gCAAgC;IAC1C,QAAQ;IACR,MAAM;CACT,CAAC,CAAC;AACH,YAAY,CAAC,WAAW,EAAE;KACrB,UAAU,CAAC,QAAQ,CAAC;KACpB,QAAQ,CAAC,8BAA8B,EAAE,CAAC,CAAC;AAChD,MAAM,CAAC,MAAM,6BAA6B,GAAG,YAAY,CAAC,MAAM,CAC5D,8BAA8B,CACjC,CAAC"}
@@ -9,38 +9,35 @@ declare global {
9
9
  'nimble-table-column-text': TableColumnText;
10
10
  }
11
11
  }
12
- /**
13
- * The base class for a table column for displaying strings.
14
- */
15
- declare abstract class TableColumnTextBase extends TableColumn<TableColumnTextColumnConfig> {
16
- cellRecordFieldNames: readonly ["value"];
17
- fieldName?: string;
18
- placeholder?: string;
19
- readonly cellViewTag: string;
20
- constructor();
21
- protected fieldNameChanged(): void;
22
- protected placeholderChanged(): void;
23
- }
24
12
  declare const TableColumnText_base: (abstract new (...args: any[]) => {
25
13
  groupingDisabled: boolean;
26
14
  groupIndex?: number | null | undefined;
27
15
  groupingDisabledChanged(): void;
28
16
  groupIndexChanged(): void;
29
- internalGroupingDisabled: boolean;
30
- internalGroupIndex?: number | undefined;
17
+ readonly columnInternals: import("../base/models/column-internals").ColumnInternals<unknown>;
31
18
  }) & (abstract new (...args: any[]) => {
32
19
  fractionalWidth?: number | null | undefined;
33
20
  minPixelWidth?: number | null | undefined;
34
21
  fractionalWidthChanged(): void;
35
22
  minPixelWidthChanged(): void;
36
- internalFractionalWidth: number;
37
- internalMinPixelWidth: number;
38
- }) & typeof TableColumnTextBase;
23
+ readonly columnInternals: import("../base/models/column-internals").ColumnInternals<unknown>;
24
+ }) & ((abstract new (options: import("../base/models/column-internals").ColumnInternalsOptions) => TableColumn<TableColumnTextColumnConfig>) & {
25
+ compose<T extends import("@microsoft/fast-foundation").FoundationElementDefinition = import("@microsoft/fast-foundation").FoundationElementDefinition, K extends import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement> = import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>(this: K, elementDefinition: T): (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<T> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<T, K>;
26
+ from<TBase extends {
27
+ new (): HTMLElement;
28
+ prototype: HTMLElement;
29
+ }>(BaseType: TBase): new () => InstanceType<TBase> & import("@microsoft/fast-element").FASTElement;
30
+ define<TType extends Function>(type: TType, nameOrDef?: string | import("@microsoft/fast-element").PartialFASTElementDefinition | undefined): TType;
31
+ });
39
32
  /**
40
33
  * The table column for displaying strings.
41
34
  */
42
35
  export declare class TableColumnText extends TableColumnText_base {
43
- groupHeaderViewTag: string;
36
+ fieldName?: string;
37
+ placeholder?: string;
38
+ constructor();
39
+ protected fieldNameChanged(): void;
40
+ protected placeholderChanged(): void;
44
41
  }
45
42
  export declare const tableColumnTextTag: string;
46
43
  export {};
@@ -11,38 +11,33 @@ import { mixinGroupableColumnAPI } from '../mixins/groupable-column';
11
11
  import { tableColumnTextGroupHeaderTag } from './group-header-view';
12
12
  import { tableColumnTextCellViewTag } from './cell-view';
13
13
  /**
14
- * The base class for a table column for displaying strings.
14
+ * The table column for displaying strings.
15
15
  */
16
- class TableColumnTextBase extends TableColumn {
16
+ export class TableColumnText extends mixinGroupableColumnAPI(mixinFractionalWidthColumnAPI((TableColumn))) {
17
17
  constructor() {
18
- super();
19
- this.cellRecordFieldNames = ['value'];
20
- this.cellViewTag = tableColumnTextCellViewTag;
21
- this.sortOperation = TableColumnSortOperation.localeAwareCaseSensitive;
18
+ super({
19
+ cellRecordFieldNames: ['value'],
20
+ cellViewTag: tableColumnTextCellViewTag,
21
+ groupHeaderViewTag: tableColumnTextGroupHeaderTag
22
+ });
23
+ this.columnInternals.sortOperation = TableColumnSortOperation.localeAwareCaseSensitive;
22
24
  }
23
25
  fieldNameChanged() {
24
- this.dataRecordFieldNames = [this.fieldName];
25
- this.operandDataRecordFieldName = this.fieldName;
26
+ this.columnInternals.dataRecordFieldNames = [this.fieldName];
27
+ this.columnInternals.operandDataRecordFieldName = this.fieldName;
26
28
  }
27
29
  placeholderChanged() {
28
- this.columnConfig = { placeholder: this.placeholder ?? '' };
30
+ this.columnInternals.columnConfig = {
31
+ placeholder: this.placeholder ?? ''
32
+ };
29
33
  }
30
34
  }
31
35
  __decorate([
32
36
  attr({ attribute: 'field-name' })
33
- ], TableColumnTextBase.prototype, "fieldName", void 0);
37
+ ], TableColumnText.prototype, "fieldName", void 0);
34
38
  __decorate([
35
39
  attr
36
- ], TableColumnTextBase.prototype, "placeholder", void 0);
37
- /**
38
- * The table column for displaying strings.
39
- */
40
- export class TableColumnText extends mixinGroupableColumnAPI(mixinFractionalWidthColumnAPI(TableColumnTextBase)) {
41
- constructor() {
42
- super(...arguments);
43
- this.groupHeaderViewTag = tableColumnTextGroupHeaderTag;
44
- }
45
- }
40
+ ], TableColumnText.prototype, "placeholder", void 0);
46
41
  const nimbleTableColumnText = TableColumnText.compose({
47
42
  baseName: 'table-column-text',
48
43
  template,
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/table-column/text/index.ts"],"names":[],"mappings":";AAAA,yCAAyC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,6BAA6B,EAAE,MAAM,mCAAmC,CAAC;AAElF,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AACtC,OAAO,EAAE,wBAAwB,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,EAAE,uBAAuB,EAAE,MAAM,4BAA4B,CAAC;AACrE,OAAO,EAAE,6BAA6B,EAAE,MAAM,qBAAqB,CAAC;AACpE,OAAO,EAAE,0BAA0B,EAAE,MAAM,aAAa,CAAC;AAazD;;GAEG;AACH,MAAe,mBAAoB,SAAQ,WAAwC;IAW/E;QACI,KAAK,EAAE,CAAC;QAXL,yBAAoB,GAAG,CAAC,OAAO,CAAU,CAAC;QAQjC,gBAAW,GAAG,0BAA0B,CAAC;QAIrD,IAAI,CAAC,aAAa,GAAG,wBAAwB,CAAC,wBAAwB,CAAC;IAC3E,CAAC;IAES,gBAAgB;QACtB,IAAI,CAAC,oBAAoB,GAAG,CAAC,IAAI,CAAC,SAAS,CAAU,CAAC;QACtD,IAAI,CAAC,0BAA0B,GAAG,IAAI,CAAC,SAAS,CAAC;IACrD,CAAC;IAES,kBAAkB;QACxB,IAAI,CAAC,YAAY,GAAG,EAAE,WAAW,EAAE,IAAI,CAAC,WAAW,IAAI,EAAE,EAAE,CAAC;IAChE,CAAC;CACJ;AApBG;IADC,IAAI,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC;sDACR;AAG1B;IADC,IAAI;wDACuB;AAmBhC;;GAEG;AACH,MAAM,OAAO,eAAgB,SAAQ,uBAAuB,CACxD,6BAA6B,CAAC,mBAAmB,CAAC,CACrD;IAFD;;QAGW,uBAAkB,GAAG,6BAA6B,CAAC;IAC9D,CAAC;CAAA;AAED,MAAM,qBAAqB,GAAG,eAAe,CAAC,OAAO,CAAC;IAClD,QAAQ,EAAE,mBAAmB;IAC7B,QAAQ;IACR,MAAM;CACT,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,EAAE;KACrB,UAAU,CAAC,QAAQ,CAAC;KACpB,QAAQ,CAAC,qBAAqB,EAAE,CAAC,CAAC;AACvC,MAAM,CAAC,MAAM,kBAAkB,GAAG,YAAY,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/table-column/text/index.ts"],"names":[],"mappings":";AAAA,yCAAyC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,6BAA6B,EAAE,MAAM,mCAAmC,CAAC;AAElF,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AACtC,OAAO,EAAE,wBAAwB,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,EAAE,uBAAuB,EAAE,MAAM,4BAA4B,CAAC;AACrE,OAAO,EAAE,6BAA6B,EAAE,MAAM,qBAAqB,CAAC;AACpE,OAAO,EAAE,0BAA0B,EAAE,MAAM,aAAa,CAAC;AAazD;;GAEG;AACH,MAAM,OAAO,eAAgB,SAAQ,uBAAuB,CACxD,6BAA6B,CAAC,CAAA,WAAwC,CAAA,CAAC,CAC1E;IAOG;QACI,KAAK,CAAC;YACF,oBAAoB,EAAE,CAAC,OAAO,CAAC;YAC/B,WAAW,EAAE,0BAA0B;YACvC,kBAAkB,EAAE,6BAA6B;SACpD,CAAC,CAAC;QACH,IAAI,CAAC,eAAe,CAAC,aAAa,GAAG,wBAAwB,CAAC,wBAAwB,CAAC;IAC3F,CAAC;IAES,gBAAgB;QACtB,IAAI,CAAC,eAAe,CAAC,oBAAoB,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QAC7D,IAAI,CAAC,eAAe,CAAC,0BAA0B,GAAG,IAAI,CAAC,SAAS,CAAC;IACrE,CAAC;IAES,kBAAkB;QACxB,IAAI,CAAC,eAAe,CAAC,YAAY,GAAG;YAChC,WAAW,EAAE,IAAI,CAAC,WAAW,IAAI,EAAE;SACtC,CAAC;IACN,CAAC;CACJ;AAxBG;IADC,IAAI,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC;kDACR;AAG1B;IADC,IAAI;oDACuB;AAuBhC,MAAM,qBAAqB,GAAG,eAAe,CAAC,OAAO,CAAC;IAClD,QAAQ,EAAE,mBAAmB;IAC7B,QAAQ;IACR,MAAM;CACT,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,EAAE;KACrB,UAAU,CAAC,QAAQ,CAAC;KACpB,QAAQ,CAAC,qBAAqB,EAAE,CAAC,CAAC;AACvC,MAAM,CAAC,MAAM,kBAAkB,GAAG,YAAY,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ni/nimble-components",
3
- "version": "18.11.0",
3
+ "version": "18.11.1",
4
4
  "description": "Styled web components for the NI Nimble Design System",
5
5
  "scripts": {
6
6
  "build": "npm run generate-icons && npm run build-components && npm run bundle-components && npm run generate-scss && npm run build-storybook",