@ni/nimble-components 18.11.0 → 18.12.0

package/dist/esm/table-column/base/index.d.ts

@@ -1,9 +1,6 @@
-import { ViewTemplate } from '@microsoft/fast-element';
 import { FoundationElement } from '@microsoft/fast-foundation';
-import type { TableGroupRow } from '../../table/components/group-row';
-import type { TableCell } from '../../table/components/cell';
-import { TableColumnSortDirection, TableFieldName } from '../../table/types';
-import { TableColumnSortOperation } from './types';
+import { TableColumnSortDirection } from '../../table/types';
+import { ColumnInternalsOptions, ColumnInternals } from './models/column-internals';
 /**
  * The base class for table columns
  */
@@ -14,109 +11,11 @@ export declare abstract class TableColumn<TColumnConfig = unknown> extends Found
     columnHidden: boolean;
     sortIndex?: number | null;
     sortDirection: TableColumnSortDirection;
-    /**
-     * @internal
-     * Used by the Table in order to give a column a specific pixel width.
-     * When set 'currentFractionalWidth' will be ignored.
-     */
-    currentPixelWidth?: number;
-    /**
-     * @internal
-     * Used by the Table in order to size a column proportionally to the available
-     * width of a row.
-     */
-    currentFractionalWidth: number;
-    /**
-     * @internal
-     * Used by column plugins to set a specific pixel width. Sets currentPixelWidth when changed.
-     */
-    internalPixelWidth?: number;
-    /**
-     * @internal
-     * Used by column plugins to size a column proportionally to the available
-     * width of a row. Sets currentFractionalWidth when changed.
-     */
-    internalFractionalWidth: number;
-    /**
-     * @internal
-     * The minimum size in pixels according to the design doc
-     */
-    internalMinPixelWidth: number;
-    /**
-     * @internal
-     * Whether or not this column can be used to group rows by
-     */
-    internalGroupingDisabled: boolean;
-    /**
-     * @internal
-     * Specifies the grouping precedence of the column within the set of all columns participating in grouping.
-     * Columns are rendered in the grouping tree from lowest group-index as the tree root to highest
-     * group-index as tree leaves.
-     */
-    internalGroupIndex?: number;
-    /**
-     * The tag to use to render the group header content for a column.
-     * The element this tag refers to must derive from TableGroupHeaderView.
-     */
-    abstract readonly groupHeaderViewTag?: string;
-    /**
-     * @internal
-     */
-    internalGroupHeaderViewTemplate?: ViewTemplate<TableGroupRow>;
     /**
      * @internal
      *
-     * The template to use to render the cell content for the column
-     * The tag (element name) of the custom element that renders the cell content for the column.
-     * That element should derive from TableCellView<TCellRecord, TColumnConfig>.
-     */
-    abstract readonly cellViewTag: string;
-    currentCellViewTemplate?: ViewTemplate<TableCell>;
-    /**
-     * @internal
-     *
-     * The names of the fields that should be present in TCellRecord.
-     * This array is parallel with the field names specified by `dataRecordFieldNames`.
-     */
-    abstract readonly cellRecordFieldNames: readonly TableFieldName[];
-    /**
-     * @internal
-     *
-     * The names of the fields from the row's record that correlate to the data that will be in TCellRecord.
-     * This array is parallel with the field names specified by `cellRecordFieldNames`.
-     */
-    dataRecordFieldNames: readonly (TableFieldName | undefined)[];
-    /**
-     * @internal
-     *
-     * The relevant, static configuration a column requires its cell view to have access to.
-     */
-    columnConfig?: TColumnConfig;
-    /**
-     * @internal
-     *
-     * The name of the data field that will be used for operations on the table, such as sorting and grouping.
-     */
-    operandDataRecordFieldName?: TableFieldName;
-    /**
-     * @internal
-     *
-     * The operation to use when sorting the table by this column.
-     */
-    sortOperation: TableColumnSortOperation;
-    /**
-     * @internal
-     *
-     * Properties prefixed with `internal` are for internal table-use only.
-     */
-    readonly internalUniqueId: string;
-    constructor();
-    /**
-     * @internal
+     * Column properties configurable by plugin authors
      */
-    connectedCallback(): void;
-    protected cellViewTagChanged(): void;
-    protected internalFractionalWidthChanged(): void;
-    protected internalPixelWidthChanged(): void;
-    protected groupHeaderViewTagChanged(): void;
+    readonly columnInternals: ColumnInternals<TColumnConfig>;
+    constructor(options: ColumnInternalsOptions);
 }

package/dist/esm/table-column/base/index.js

@@ -1,78 +1,20 @@
 import { __decorate } from "tslib";
-import { attr, nullableNumberConverter, observable } from '@microsoft/fast-element';
+import { attr, nullableNumberConverter } from '@microsoft/fast-element';
 import { FoundationElement } from '@microsoft/fast-foundation';
-import { uniqueId } from '@microsoft/fast-web-utilities';
-import { createGroupHeaderViewTemplate } from './group-header-view/template';
-import { createCellViewTemplate } from '../../table/components/cell/template';
 import { TableColumnSortDirection } from '../../table/types';
-import { defaultFractionalWidth, defaultMinPixelWidth, TableColumnSortOperation } from './types';
+import { ColumnInternals } from './models/column-internals';
 /**
  * The base class for table columns
  */
 export class TableColumn extends FoundationElement {
-    constructor() {
+    constructor(options) {
         super();
         this.columnHidden = false;
         this.sortDirection = TableColumnSortDirection.none;
-        /**
-         * @internal
-         * Used by the Table in order to size a column proportionally to the available
-         * width of a row.
-         */
-        this.currentFractionalWidth = defaultFractionalWidth;
-        /**
-         * @internal
-         * Used by column plugins to size a column proportionally to the available
-         * width of a row. Sets currentFractionalWidth when changed.
-         */
-        this.internalFractionalWidth = defaultFractionalWidth;
-        /**
-         * @internal
-         * The minimum size in pixels according to the design doc
-         */
-        this.internalMinPixelWidth = defaultMinPixelWidth;
-        /**
-         * @internal
-         * Whether or not this column can be used to group rows by
-         */
-        this.internalGroupingDisabled = false;
-        /**
-         * @internal
-         *
-         * The names of the fields from the row's record that correlate to the data that will be in TCellRecord.
-         * This array is parallel with the field names specified by `cellRecordFieldNames`.
-         */
-        this.dataRecordFieldNames = [];
-        /**
-         * @internal
-         *
-         * The operation to use when sorting the table by this column.
-         */
-        this.sortOperation = TableColumnSortOperation.basic;
-        this.internalUniqueId = uniqueId('table-column-slot');
-    }
-    /**
-     * @internal
-     */
-    connectedCallback() {
-        super.connectedCallback();
-        this.setAttribute('slot', this.internalUniqueId);
-    }
-    cellViewTagChanged() {
-        this.currentCellViewTemplate = this.cellViewTag
-            ? createCellViewTemplate(this.cellViewTag)
-            : undefined;
-    }
-    internalFractionalWidthChanged() {
-        this.currentFractionalWidth = this.internalFractionalWidth;
-    }
-    internalPixelWidthChanged() {
-        this.currentPixelWidth = this.internalPixelWidth;
-    }
-    groupHeaderViewTagChanged() {
-        this.internalGroupHeaderViewTemplate = this.groupHeaderViewTag
-            ? createGroupHeaderViewTemplate(this.groupHeaderViewTag)
-            : undefined;
+        if (!options) {
+            throw new Error('ColumnInternalsOptions must be provided to constructor');
+        }
+        this.columnInternals = new ColumnInternals(options);
     }
 }
 __decorate([
@@ -93,49 +35,4 @@ __decorate([
 __decorate([
     attr({ attribute: 'sort-direction' })
 ], TableColumn.prototype, "sortDirection", void 0);
-__decorate([
-    observable
-], TableColumn.prototype, "currentPixelWidth", void 0);
-__decorate([
-    observable
-], TableColumn.prototype, "currentFractionalWidth", void 0);
-__decorate([
-    observable
-], TableColumn.prototype, "internalPixelWidth", void 0);
-__decorate([
-    observable
-], TableColumn.prototype, "internalFractionalWidth", void 0);
-__decorate([
-    observable
-], TableColumn.prototype, "internalMinPixelWidth", void 0);
-__decorate([
-    observable
-], TableColumn.prototype, "internalGroupingDisabled", void 0);
-__decorate([
-    observable
-], TableColumn.prototype, "internalGroupIndex", void 0);
-__decorate([
-    observable
-], TableColumn.prototype, "groupHeaderViewTag", void 0);
-__decorate([
-    observable
-], TableColumn.prototype, "internalGroupHeaderViewTemplate", void 0);
-__decorate([
-    observable
-], TableColumn.prototype, "cellViewTag", void 0);
-__decorate([
-    observable
-], TableColumn.prototype, "currentCellViewTemplate", void 0);
-__decorate([
-    observable
-], TableColumn.prototype, "dataRecordFieldNames", void 0);
-__decorate([
-    observable
-], TableColumn.prototype, "columnConfig", void 0);
-__decorate([
-    observable
-], TableColumn.prototype, "operandDataRecordFieldName", void 0);
-__decorate([
-    observable
-], TableColumn.prototype, "sortOperation", void 0);
 //# sourceMappingURL=index.js.map

package/dist/esm/table-column/base/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/table-column/base/index.ts"],"names":[],"mappings":"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"}
+{"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"}

package/dist/esm/table-column/base/models/column-internals.d.ts

@@ -0,0 +1,97 @@
+import { ViewTemplate } from '@microsoft/fast-element';
+import type { TableFieldName } from '../../../table/types';
+import type { TableCell } from '../../../table/components/cell';
+import { TableColumnSortOperation } from '../types';
+import type { TableGroupRow } from '../../../table/components/group-row';
+export interface ColumnInternalsOptions {
+    /**
+     * The tag (element name) of the custom element that renders the cell content for the column.
+     * That element should derive from TableCellView<TCellRecord, TColumnConfig>.
+     */
+    readonly cellViewTag: string;
+    /**
+     * The names of the fields that should be present in TCellRecord.
+     * This array is parallel with the field names specified by `dataRecordFieldNames`.
+     */
+    readonly cellRecordFieldNames: readonly TableFieldName[];
+    /**
+     * The tag to use to render the group header content for a column.
+     * The element this tag refers to must derive from TableGroupHeaderView.
+     */
+    readonly groupHeaderViewTag: string;
+}
+/**
+ * Internal column state configured by plugin authors
+ * @internal
+ */
+export declare class ColumnInternals<TColumnConfig> {
+    /**
+     * @see ColumnInternalsOptions.cellRecordFieldNames
+     */
+    readonly cellRecordFieldNames: readonly TableFieldName[];
+    /**
+     * A unique id used internally in the table to identify specific column instances
+     */
+    readonly uniqueId: string;
+    /**
+     * Template for the cell view
+     */
+    readonly cellViewTemplate: ViewTemplate<TableCell>;
+    /**
+     * The relevant, static configuration a column requires its cell view to have access to.
+     */
+    columnConfig?: TColumnConfig;
+    /**
+     * The name of the data field that will be used for operations on the table, such as sorting and grouping.
+     */
+    operandDataRecordFieldName?: TableFieldName;
+    /**
+     * The operation to use when sorting the table by this column.
+     */
+    sortOperation: TableColumnSortOperation;
+    /**
+     * The names of the fields from the row's record that correlate to the data that will be in TCellRecord.
+     * This array is parallel with the field names specified by `cellRecordFieldNames`.
+     */
+    dataRecordFieldNames: readonly (TableFieldName | undefined)[];
+    /**
+     * Template for the group header view
+     */
+    readonly groupHeaderViewTemplate: ViewTemplate<TableGroupRow>;
+    /**
+     * Whether or not this column can be used to group rows by
+     */
+    groupingDisabled: boolean;
+    /**
+     * Specifies the grouping precedence of the column within the set of all columns participating in grouping.
+     * Columns are rendered in the grouping tree from lowest group-index as the tree root to highest
+     * group-index as tree leaves.
+     */
+    groupIndex?: number;
+    /**
+     * Used by column plugins to set a specific pixel width. Sets currentPixelWidth when changed.
+     */
+    pixelWidth?: number;
+    /**
+     * Used by column plugins to size a column proportionally to the available
+     * width of a row. Sets currentFractionalWidth when changed.
+     */
+    fractionalWidth: number;
+    /**
+     * The minimum size in pixels according to the design doc
+     */
+    minPixelWidth: number;
+    /**
+     * @internal Do not write to this value directly. It is used by the Table in order to store
+     * the resolved value of the fractionalWidth after updates programmatic or interactive updates.
+     */
+    currentFractionalWidth: number;
+    /**
+     * @internal Do not write to this value directly. It is used by the Table in order to store
+     * the resolved value of the pixelWidth after programmatic or interactive updates.
+     */
+    currentPixelWidth?: number;
+    constructor(options: ColumnInternalsOptions);
+    protected fractionalWidthChanged(): void;
+    protected pixelWidthChanged(): void;
+}

package/dist/esm/table-column/base/models/column-internals.js

@@ -0,0 +1,88 @@
+import { __decorate } from "tslib";
+import { uniqueId } from '@microsoft/fast-web-utilities';
+import { observable } from '@microsoft/fast-element';
+import { TableColumnSortOperation, defaultFractionalWidth, defaultMinPixelWidth } from '../types';
+import { createGroupHeaderViewTemplate } from '../group-header-view/template';
+import { createCellViewTemplate } from '../cell-view/template';
+/**
+ * Internal column state configured by plugin authors
+ * @internal
+ */
+export class ColumnInternals {
+    constructor(options) {
+        /**
+         * A unique id used internally in the table to identify specific column instances
+         */
+        this.uniqueId = uniqueId('table-column-slot');
+        /**
+         * The operation to use when sorting the table by this column.
+         */
+        this.sortOperation = TableColumnSortOperation.basic;
+        /**
+         * The names of the fields from the row's record that correlate to the data that will be in TCellRecord.
+         * This array is parallel with the field names specified by `cellRecordFieldNames`.
+         */
+        this.dataRecordFieldNames = [];
+        /**
+         * Whether or not this column can be used to group rows by
+         */
+        this.groupingDisabled = false;
+        /**
+         * Used by column plugins to size a column proportionally to the available
+         * width of a row. Sets currentFractionalWidth when changed.
+         */
+        this.fractionalWidth = defaultFractionalWidth;
+        /**
+         * The minimum size in pixels according to the design doc
+         */
+        this.minPixelWidth = defaultMinPixelWidth;
+        /**
+         * @internal Do not write to this value directly. It is used by the Table in order to store
+         * the resolved value of the fractionalWidth after updates programmatic or interactive updates.
+         */
+        this.currentFractionalWidth = defaultFractionalWidth;
+        this.cellRecordFieldNames = options.cellRecordFieldNames;
+        this.cellViewTemplate = createCellViewTemplate(options.cellViewTag);
+        this.groupHeaderViewTemplate = createGroupHeaderViewTemplate(options.groupHeaderViewTag);
+    }
+    fractionalWidthChanged() {
+        this.currentFractionalWidth = this.fractionalWidth;
+    }
+    pixelWidthChanged() {
+        this.currentPixelWidth = this.pixelWidth;
+    }
+}
+__decorate([
+    observable
+], ColumnInternals.prototype, "columnConfig", void 0);
+__decorate([
+    observable
+], ColumnInternals.prototype, "operandDataRecordFieldName", void 0);
+__decorate([
+    observable
+], ColumnInternals.prototype, "sortOperation", void 0);
+__decorate([
+    observable
+], ColumnInternals.prototype, "dataRecordFieldNames", void 0);
+__decorate([
+    observable
+], ColumnInternals.prototype, "groupingDisabled", void 0);
+__decorate([
+    observable
+], ColumnInternals.prototype, "groupIndex", void 0);
+__decorate([
+    observable
+], ColumnInternals.prototype, "pixelWidth", void 0);
+__decorate([
+    observable
+], ColumnInternals.prototype, "fractionalWidth", void 0);
+__decorate([
+    observable
+], ColumnInternals.prototype, "minPixelWidth", void 0);
+__decorate([
+    observable
+], ColumnInternals.prototype, "currentFractionalWidth", void 0);
+__decorate([
+    observable
+], ColumnInternals.prototype, "currentPixelWidth", void 0);
+//# sourceMappingURL=column-internals.js.map

package/dist/esm/table-column/base/models/column-internals.js.map

@@ -0,0 +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"}

package/dist/esm/table-column/base/template.d.ts

@@ -1 +1,2 @@
-export declare const template: import("@microsoft/fast-element").ViewTemplate<any, any>;
+import type { TableColumn } from '.';
+export declare const template: import("@microsoft/fast-element").ViewTemplate<TableColumn<unknown>, any>;

package/dist/esm/table-column/base/template.js

@@ -1,6 +1,6 @@
 import { html } from '@microsoft/fast-element';
 export const template = html `
-    <template>
+    <template slot="${x => x.columnInternals.uniqueId}">
         <span class="header-content">
             <slot></slot>
         </span>

package/dist/esm/table-column/base/template.js.map

@@ -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"}
+{"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"}

package/dist/esm/table-column/mixins/fractional-width-column.d.ts

@@ -1,12 +1,11 @@
 import type { TableColumn } from '../base';
-declare type SizedTableColumn = Pick<TableColumn, 'internalFractionalWidth' | 'internalMinPixelWidth'>;
+declare type SizedTableColumn = Pick<TableColumn, 'columnInternals'>;
 declare type SizedTableColumnConstructor = abstract new (...args: any[]) => SizedTableColumn;
 export declare function mixinFractionalWidthColumnAPI<TBase extends SizedTableColumnConstructor>(base: TBase): (abstract new (...args: any[]) => {
     fractionalWidth?: number | null | undefined;
     minPixelWidth?: number | null | undefined;
     fractionalWidthChanged(): void;
     minPixelWidthChanged(): void;
-    internalFractionalWidth: number;
-    internalMinPixelWidth: number;
+    readonly columnInternals: import("../base/models/column-internals").ColumnInternals<unknown>;
 }) & TBase;
 export {};

package/dist/esm/table-column/mixins/fractional-width-column.js

@@ -8,25 +8,20 @@ export function mixinFractionalWidthColumnAPI(base) {
      * proportionally within a Table.
      */
     class FractionalWidthColumn extends base {
-        constructor() {
-            super(...arguments);
-            this.fractionalWidth = defaultFractionalWidth;
-            this.minPixelWidth = defaultMinPixelWidth;
-        }
         fractionalWidthChanged() {
             if (typeof this.fractionalWidth === 'number') {
-                this.internalFractionalWidth = this.fractionalWidth;
+                this.columnInternals.fractionalWidth = this.fractionalWidth;
             }
             else {
-                this.internalFractionalWidth = defaultFractionalWidth;
+                this.columnInternals.fractionalWidth = defaultFractionalWidth;
             }
         }
         minPixelWidthChanged() {
             if (typeof this.minPixelWidth === 'number') {
-                this.internalMinPixelWidth = this.minPixelWidth;
+                this.columnInternals.minPixelWidth = this.minPixelWidth;
             }
             else {
-                this.internalMinPixelWidth = defaultMinPixelWidth;
+                this.columnInternals.minPixelWidth = defaultMinPixelWidth;
             }
         }
     }

package/dist/esm/table-column/mixins/fractional-width-column.js.map

@@ -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"}
+{"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"}

package/dist/esm/table-column/mixins/groupable-column.d.ts

@@ -1,12 +1,11 @@
 import type { TableColumn } from '../base';
-declare type GroupableTableColumn = Pick<TableColumn, 'internalGroupingDisabled' | 'internalGroupIndex'>;
+declare type GroupableTableColumn = Pick<TableColumn, 'columnInternals'>;
 declare type GroupableTableColumnConstructor = abstract new (...args: any[]) => GroupableTableColumn;
 export declare function mixinGroupableColumnAPI<TBase extends GroupableTableColumnConstructor>(base: TBase): (abstract new (...args: any[]) => {
     groupingDisabled: boolean;
     groupIndex?: number | null | undefined;
     groupingDisabledChanged(): void;
     groupIndexChanged(): void;
-    internalGroupingDisabled: boolean;
-    internalGroupIndex?: number | undefined;
+    readonly columnInternals: import("../base/models/column-internals").ColumnInternals<unknown>;
 }) & TBase;
 export {};

package/dist/esm/table-column/mixins/groupable-column.js

@@ -13,14 +13,14 @@ export function mixinGroupableColumnAPI(base) {
             this.groupIndex = null;
         }
         groupingDisabledChanged() {
-            this.internalGroupingDisabled = this.groupingDisabled;
+            this.columnInternals.groupingDisabled = this.groupingDisabled;
         }
         groupIndexChanged() {
             if (typeof this.groupIndex === 'number') {
-                this.internalGroupIndex = this.groupIndex;
+                this.columnInternals.groupIndex = this.groupIndex;
             }
             else {
-                this.internalGroupIndex = undefined;
+                this.columnInternals.groupIndex = undefined;
             }
         }
     }

package/dist/esm/table-column/mixins/groupable-column.js.map

@@ -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"}
+{"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"}

package/dist/esm/table-column/text/group-header-view/index.d.ts

@@ -10,7 +10,6 @@ declare global {
  * grouped by a TableColumnText column.
  */
 export declare class TableColumnTextGroupHeaderView extends TableGroupHeaderView<string | null | undefined, TableColumnTextColumnConfig> {
-    columnConfig?: TableColumnTextColumnConfig;
     /** @internal */
     textSpan: HTMLElement;
     /** @internal */

package/dist/esm/table-column/text/group-header-view/index.js

@@ -26,9 +26,6 @@ export class TableColumnTextGroupHeaderView extends TableGroupHeaderView {
         this.isValidContentAndHasOverflow = false;
     }
 }
-__decorate([
-    observable
-], TableColumnTextGroupHeaderView.prototype, "columnConfig", void 0);
 __decorate([
     observable
 ], TableColumnTextGroupHeaderView.prototype, "isValidContentAndHasOverflow", void 0);

package/dist/esm/table-column/text/group-header-view/index.js.map

@@ -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"}
+{"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"}