@ni/nimble-components 29.8.0 → 29.8.2

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

@@ -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;AACnE,OAAO,EAAE,wBAAwB,EAAkB,MAAM,sBAAsB,CAAC;AAEhF,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;AA6C/D;;;GAGG;AACH,MAAM,OAAO,eAAe;IA6IxB,YAAmB,OAAiD;QApIpE;;WAEG;QACa,aAAQ,GAAG,QAAQ,CAAC,mBAAmB,CAAC,CAAC;QA6BzD;;WAEG;QAEI,kBAAa,GAA6B,wBAAwB,CAAC,KAAK,CAAC;QAEhF;;;WAGG;QAEI,yBAAoB,GAA4C,EAAE,CAAC;QAO1E;;WAEG;QAEI,qBAAgB,GAAG,IAAI,CAAC;QAgB/B;;;WAGG;QAEI,oBAAe,GAAG,sBAAsB,CAAC;QAEhD;;WAEG;QAEI,kBAAa,GAAG,oBAAoB,CAAC;QAE5C;;WAEG;QAEI,qBAAgB,GAAG,KAAK,CAAC;QAEhC;;;WAGG;QAEI,yBAAoB,GAAG,KAAK,CAAC;QAEpC;;;WAGG;QAEI,2BAAsB,GAAG,sBAAsB,CAAC;QASvD;;WAEG;QAEI,oBAAe,GAAG,IAAI,CAAC;QAS9B;;;WAGG;QAEI,yBAAoB,GAA6B,wBAAwB,CAAC,IAAI,CAAC;QAKlF,IAAI,CAAC,oBAAoB,GAAG,OAAO,CAAC,oBAAoB,CAAC;QACzD,IAAI,CAAC,gBAAgB,GAAG,sBAAsB,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC;QACpE,IAAI,OAAO,CAAC,kBAAkB,EAAE;YAC5B,IAAI,CAAC,uBAAuB,GAAG,6BAA6B,CACxD,OAAO,CAAC,kBAAkB,CAC7B,CAAC;SACL;QACD,IAAI,CAAC,eAAe,GAAG,OAAO,CAAC,eAAe,CAAC;QAC/C,IAAI,CAAC,SAAS,GAAG,OAAO,CAAC,SAAS,IAAI,EAAE,CAAC;QACzC,IAAI,CAAC,aAAa,GAAG,OAAO,CAAC,aAAa,IAAI,wBAAwB,CAAC,KAAK,CAAC;QAC7E,IAAI,CAAC,SAAS,GAAG,OAAO,CAAC,SAAS,CAAC;IACvC,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;AAjIU;IADN,UAAU;qDACyB;AAM7B;IADN,UAAU;mEACwC;AAM5C;IADN,UAAU;sDACqE;AAOzE;IADN,UAAU;6DAC+D;AAWnE;IADN,UAAU;yDACoB;AAQxB;IADN,UAAU;mDACgB;AAMpB;IADN,UAAU;mDACgB;AAOpB;IADN,UAAU;wDACqC;AAMzC;IADN,UAAU;sDACiC;AAMrC;IADN,UAAU;yDACqB;AAOzB;IADN,UAAU;6DACyB;AAO7B;IADN,UAAU;+DAC4C;AAOhD;IADN,UAAU;0DACuB;AAM3B;IADN,UAAU;wDACmB;AAOvB;IADN,UAAU;yDACsB;AAO1B;IADN,UAAU;6DAC2E;AA2B1F,MAAM,UAAU,yBAAyB,CACrC,eAAuB,EACvB,GAAG,IAA6D;IAEhE,KAAK,MAAM,GAAG,IAAI,IAAI,EAAE;QACpB,IAAI,eAAe,KAAK,GAAG,EAAE;YACzB,OAAO,IAAI,CAAC;SACf;KACJ;IACD,OAAO,KAAK,CAAC;AACjB,CAAC","sourcesContent":["import { uniqueId } from '@microsoft/fast-web-utilities';\nimport { ViewTemplate, observable } from '@microsoft/fast-element';\nimport { TableColumnSortDirection, TableFieldName } from '../../../table/types';\nimport type { TableCell } from '../../../table/components/cell';\nimport {\n    TableColumnSortOperation,\n    defaultFractionalWidth,\n    defaultMinPixelWidth\n} from '../types';\nimport type { TableGroupRow } from '../../../table/components/group-row';\nimport { createGroupHeaderViewTemplate } from '../group-header-view/template';\nimport { createCellViewTemplate } from '../cell-view/template';\nimport type { ColumnValidator } from './column-validator';\n\nexport interface ColumnInternalsOptions<\n    TColumnValidator extends ColumnValidator<[]> = ColumnValidator<[]>\n> {\n    /**\n     * The tag (element name) of the custom element that renders the cell content for the column.\n     * That element should derive from TableCellView<TCellRecord, TColumnConfig>.\n     */\n    readonly cellViewTag: string;\n\n    /**\n     * The names of the fields that should be present in TCellRecord.\n     * This array is parallel with the field names specified by `dataRecordFieldNames`.\n     */\n    readonly cellRecordFieldNames: readonly TableFieldName[];\n\n    /**\n     * The tag to use to render the group header content for a column.\n     * The element this tag refers to must derive from TableGroupHeaderView.\n     */\n    readonly groupHeaderViewTag?: string;\n\n    /**\n     * The names of events that should be delegated from the cell view to the column.\n     */\n    readonly delegatedEvents: readonly string[];\n\n    /**\n     * The names of slots that need to be forwarded into a cell.\n     */\n    readonly slotNames?: readonly string[];\n\n    /**\n     * The sort operation to use for the column (defaults to TableColumnSortOperation.basic)\n     */\n    readonly sortOperation?: TableColumnSortOperation;\n\n    /**\n     * The validator for the column\n     */\n    readonly validator: TColumnValidator;\n}\n\n/**\n * Internal column state configured by plugin authors\n * @internal\n */\nexport class ColumnInternals<\n    TColumnConfig,\n    TColumnValidator extends ColumnValidator<[]>\n> {\n    /**\n     * @see ColumnInternalsOptions.cellRecordFieldNames\n     */\n    public readonly cellRecordFieldNames: readonly TableFieldName[];\n\n    /**\n     * A unique id used internally in the table to identify specific column instances\n     */\n    public readonly uniqueId = uniqueId('table-column-slot');\n\n    /**\n     * Template for the cell view\n     */\n    public readonly cellViewTemplate: ViewTemplate<TableCell>;\n\n    /**\n     * The names of events that should be delegated from the cell view to the column.\n     */\n    public readonly delegatedEvents: readonly string[];\n\n    /**\n     * The names of slots that need to be forwarded into a cell.\n     */\n    public readonly slotNames: readonly string[];\n\n    /**\n     * The relevant, static configuration a column requires its cell view to have access to.\n     */\n    @observable\n    public columnConfig?: TColumnConfig;\n\n    /**\n     * The name of the data field that will be used for operations on the table, such as sorting and grouping.\n     */\n    @observable\n    public operandDataRecordFieldName?: TableFieldName;\n\n    /**\n     * The operation to use when sorting the table by this column.\n     */\n    @observable\n    public sortOperation: TableColumnSortOperation = TableColumnSortOperation.basic;\n\n    /**\n     * The names of the fields from the row's record that correlate to the data that will be in TCellRecord.\n     * This array is parallel with the field names specified by `cellRecordFieldNames`.\n     */\n    @observable\n    public dataRecordFieldNames: readonly (TableFieldName | undefined)[] = [];\n\n    /**\n     * Template for the group header view\n     */\n    public readonly groupHeaderViewTemplate?: ViewTemplate<TableGroupRow>;\n\n    /**\n     * Whether or not this column can be used to group rows by\n     */\n    @observable\n    public groupingDisabled = true;\n\n    /**\n     * Specifies the grouping precedence of the column within the set of all columns participating in grouping.\n     * Columns are rendered in the grouping tree from lowest group-index as the tree root to highest\n     * group-index as tree leaves.\n     */\n    @observable\n    public groupIndex?: number;\n\n    /**\n     * Used by column plugins to set a specific pixel width. Sets currentPixelWidth when changed.\n     */\n    @observable\n    public pixelWidth?: number;\n\n    /**\n     * Used by column plugins to size a column proportionally to the available\n     * width of a row. Sets currentFractionalWidth when changed.\n     */\n    @observable\n    public fractionalWidth = defaultFractionalWidth;\n\n    /**\n     * The minimum size in pixels according to the design doc\n     */\n    @observable\n    public minPixelWidth = defaultMinPixelWidth;\n\n    /**\n     * Whether or not resizing the column has been disabled.\n     */\n    @observable\n    public resizingDisabled = false;\n\n    /**\n     * Whether or not the grouping and sorting indicators should be hidden in the column header\n     * when the column is grouped or sorted.\n     */\n    @observable\n    public hideHeaderIndicators = false;\n\n    /**\n     * @internal Do not write to this value directly. It is used by the Table in order to store\n     * the resolved value of the fractionalWidth after updates programmatic or interactive updates.\n     */\n    @observable\n    public currentFractionalWidth = defaultFractionalWidth;\n\n    /**\n     * @internal Do not write to this value directly. It is used by the Table in order to store\n     * the resolved value of the pixelWidth after programmatic or interactive updates.\n     */\n    @observable\n    public currentPixelWidth?: number;\n\n    /**\n     * Whether or not this column can be sorted\n     */\n    @observable\n    public sortingDisabled = true;\n\n    /**\n     * @internal Do not write to this value directly. It is used by the Table in order to store\n     * the resolved value of the sortIndex after programmatic or interactive updates.\n     */\n    @observable\n    public currentSortIndex?: number;\n\n    /**\n     * @internal Do not write to this value directly. It is used by the Table in order to store\n     * the resolved value of the sortDirection after programmatic or interactive updates.\n     */\n    @observable\n    public currentSortDirection: TableColumnSortDirection = TableColumnSortDirection.none;\n\n    public readonly validator: TColumnValidator;\n\n    public constructor(options: ColumnInternalsOptions<TColumnValidator>) {\n        this.cellRecordFieldNames = options.cellRecordFieldNames;\n        this.cellViewTemplate = createCellViewTemplate(options.cellViewTag);\n        if (options.groupHeaderViewTag) {\n            this.groupHeaderViewTemplate = createGroupHeaderViewTemplate(\n                options.groupHeaderViewTag\n            );\n        }\n        this.delegatedEvents = options.delegatedEvents;\n        this.slotNames = options.slotNames ?? [];\n        this.sortOperation = options.sortOperation ?? TableColumnSortOperation.basic;\n        this.validator = options.validator;\n    }\n\n    protected fractionalWidthChanged(): void {\n        this.currentFractionalWidth = this.fractionalWidth;\n    }\n\n    protected pixelWidthChanged(): void {\n        this.currentPixelWidth = this.pixelWidth;\n    }\n}\n\nexport function isColumnInternalsProperty(\n    changedProperty: string,\n    ...args: (keyof ColumnInternals<unknown, ColumnValidator<[]>>)[]\n): boolean {\n    for (const arg of args) {\n        if (changedProperty === arg) {\n            return true;\n        }\n    }\n    return false;\n}\n"]}
+{"version":3,"file":"column-internals.js","sourceRoot":"","sources":["../../../../../src/table-column/base/models/column-internals.ts"],"names":[],"mappings":"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","sourcesContent":["import { uniqueId } from '@microsoft/fast-web-utilities';\nimport { ViewTemplate, observable } from '@microsoft/fast-element';\nimport {\n    TableColumnAlignment,\n    TableColumnSortDirection,\n    TableFieldName\n} from '../../../table/types';\nimport type { TableCell } from '../../../table/components/cell';\nimport {\n    TableColumnSortOperation,\n    defaultFractionalWidth,\n    defaultMinPixelWidth\n} from '../types';\nimport type { TableGroupRow } from '../../../table/components/group-row';\nimport { createGroupHeaderViewTemplate } from '../group-header-view/template';\nimport { createCellViewTemplate } from '../cell-view/template';\nimport type { ColumnValidator } from './column-validator';\n\nexport interface ColumnInternalsOptions<\n    TColumnValidator extends ColumnValidator<[]> = ColumnValidator<[]>\n> {\n    /**\n     * The tag (element name) of the custom element that renders the cell content for the column.\n     * That element should derive from TableCellView<TCellRecord, TColumnConfig>.\n     */\n    readonly cellViewTag: string;\n\n    /**\n     * The names of the fields that should be present in TCellRecord.\n     * This array is parallel with the field names specified by `dataRecordFieldNames`.\n     */\n    readonly cellRecordFieldNames: readonly TableFieldName[];\n\n    /**\n     * The tag to use to render the group header content for a column.\n     * The element this tag refers to must derive from TableGroupHeaderView.\n     */\n    readonly groupHeaderViewTag?: string;\n\n    /**\n     * The names of events that should be delegated from the cell view to the column.\n     */\n    readonly delegatedEvents: readonly string[];\n\n    /**\n     * The names of slots that need to be forwarded into a cell.\n     */\n    readonly slotNames?: readonly string[];\n\n    /**\n     * The sort operation to use for the column (defaults to TableColumnSortOperation.basic)\n     */\n    readonly sortOperation?: TableColumnSortOperation;\n\n    /**\n     * The validator for the column\n     */\n    readonly validator: TColumnValidator;\n}\n\n/**\n * Internal column state configured by plugin authors\n * @internal\n */\nexport class ColumnInternals<\n    TColumnConfig,\n    TColumnValidator extends ColumnValidator<[]>\n> {\n    /**\n     * @see ColumnInternalsOptions.cellRecordFieldNames\n     */\n    public readonly cellRecordFieldNames: readonly TableFieldName[];\n\n    /**\n     * A unique id used internally in the table to identify specific column instances\n     */\n    public readonly uniqueId = uniqueId('table-column-slot');\n\n    /**\n     * Template for the cell view\n     */\n    public readonly cellViewTemplate: ViewTemplate<TableCell>;\n\n    /**\n     * The names of events that should be delegated from the cell view to the column.\n     */\n    public readonly delegatedEvents: readonly string[];\n\n    /**\n     * The names of slots that need to be forwarded into a cell.\n     */\n    public readonly slotNames: readonly string[];\n\n    /**\n     * The relevant, static configuration a column requires its cell view to have access to.\n     */\n    @observable\n    public columnConfig?: TColumnConfig;\n\n    /**\n     * The name of the data field that will be used for operations on the table, such as sorting and grouping.\n     */\n    @observable\n    public operandDataRecordFieldName?: TableFieldName;\n\n    /**\n     * The operation to use when sorting the table by this column.\n     */\n    @observable\n    public sortOperation: TableColumnSortOperation = TableColumnSortOperation.basic;\n\n    /**\n     * The names of the fields from the row's record that correlate to the data that will be in TCellRecord.\n     * This array is parallel with the field names specified by `cellRecordFieldNames`.\n     */\n    @observable\n    public dataRecordFieldNames: readonly (TableFieldName | undefined)[] = [];\n\n    /**\n     * Template for the group header view\n     */\n    public readonly groupHeaderViewTemplate?: ViewTemplate<TableGroupRow>;\n\n    /**\n     * Whether or not this column can be used to group rows by\n     */\n    @observable\n    public groupingDisabled = true;\n\n    /**\n     * Specifies the grouping precedence of the column within the set of all columns participating in grouping.\n     * Columns are rendered in the grouping tree from lowest group-index as the tree root to highest\n     * group-index as tree leaves.\n     */\n    @observable\n    public groupIndex?: number;\n\n    /**\n     * Used by column plugins to set a specific pixel width. Sets currentPixelWidth when changed.\n     */\n    @observable\n    public pixelWidth?: number;\n\n    /**\n     * Used by column plugins to size a column proportionally to the available\n     * width of a row. Sets currentFractionalWidth when changed.\n     */\n    @observable\n    public fractionalWidth = defaultFractionalWidth;\n\n    /**\n     * The minimum size in pixels according to the design doc\n     */\n    @observable\n    public minPixelWidth = defaultMinPixelWidth;\n\n    /**\n     * Whether or not resizing the column has been disabled.\n     */\n    @observable\n    public resizingDisabled = false;\n\n    /**\n     * Whether or not the grouping and sorting indicators should be hidden in the column header\n     * when the column is grouped or sorted.\n     */\n    @observable\n    public hideHeaderIndicators = false;\n\n    /**\n     * How to align the header content.\n     */\n    @observable\n    public headerAlignment: TableColumnAlignment = TableColumnAlignment.left;\n\n    /**\n     * @internal Do not write to this value directly. It is used by the Table in order to store\n     * the resolved value of the fractionalWidth after updates programmatic or interactive updates.\n     */\n    @observable\n    public currentFractionalWidth = defaultFractionalWidth;\n\n    /**\n     * @internal Do not write to this value directly. It is used by the Table in order to store\n     * the resolved value of the pixelWidth after programmatic or interactive updates.\n     */\n    @observable\n    public currentPixelWidth?: number;\n\n    /**\n     * Whether or not this column can be sorted\n     */\n    @observable\n    public sortingDisabled = true;\n\n    /**\n     * @internal Do not write to this value directly. It is used by the Table in order to store\n     * the resolved value of the sortIndex after programmatic or interactive updates.\n     */\n    @observable\n    public currentSortIndex?: number;\n\n    /**\n     * @internal Do not write to this value directly. It is used by the Table in order to store\n     * the resolved value of the sortDirection after programmatic or interactive updates.\n     */\n    @observable\n    public currentSortDirection: TableColumnSortDirection = TableColumnSortDirection.none;\n\n    public readonly validator: TColumnValidator;\n\n    public constructor(options: ColumnInternalsOptions<TColumnValidator>) {\n        this.cellRecordFieldNames = options.cellRecordFieldNames;\n        this.cellViewTemplate = createCellViewTemplate(options.cellViewTag);\n        if (options.groupHeaderViewTag) {\n            this.groupHeaderViewTemplate = createGroupHeaderViewTemplate(\n                options.groupHeaderViewTag\n            );\n        }\n        this.delegatedEvents = options.delegatedEvents;\n        this.slotNames = options.slotNames ?? [];\n        this.sortOperation = options.sortOperation ?? TableColumnSortOperation.basic;\n        this.validator = options.validator;\n    }\n\n    protected fractionalWidthChanged(): void {\n        this.currentFractionalWidth = this.fractionalWidth;\n    }\n\n    protected pixelWidthChanged(): void {\n        this.currentPixelWidth = this.pixelWidth;\n    }\n}\n\nexport function isColumnInternalsProperty(\n    changedProperty: string,\n    ...args: (keyof ColumnInternals<unknown, ColumnValidator<[]>>)[]\n): boolean {\n    for (const arg of args) {\n        if (changedProperty === arg) {\n            return true;\n        }\n    }\n    return false;\n}\n"]}

package/dist/esm/table-column/number-text/cell-view/index.js

@@ -2,14 +2,14 @@ import { DesignSystem } from '@microsoft/fast-foundation';
 import { template } from '../../text-base/cell-view/template';
 import { styles } from '../../text-base/cell-view/styles';
 import { TableColumnTextCellViewBase } from '../../text-base/cell-view';
-import { TextCellViewBaseAlignment } from '../../text-base/cell-view/types';
+import { TableColumnAlignment } from '../../../table/types';
 /**
  * A cell view for displaying number fields as text
  */
 export class TableColumnNumberTextCellView extends TableColumnTextCellViewBase {
     columnConfigChanged() {
         super.columnConfigChanged();
-        this.alignment = this.columnConfig?.alignment ?? TextCellViewBaseAlignment.left;
+        this.alignment = this.columnConfig?.alignment ?? TableColumnAlignment.left;
     }
     updateText() {
         this.text = this.columnConfig?.formatter?.format(this.cellRecord?.value) ?? '';

package/dist/esm/table-column/number-text/cell-view/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/table-column/number-text/cell-view/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,oCAAoC,CAAC;AAK9D,OAAO,EAAE,MAAM,EAAE,MAAM,kCAAkC,CAAC;AAC1D,OAAO,EAAE,2BAA2B,EAAE,MAAM,2BAA2B,CAAC;AACxE,OAAO,EAAE,yBAAyB,EAAE,MAAM,iCAAiC,CAAC;AAQ5E;;GAEG;AACH,MAAM,OAAO,6BAA8B,SAAQ,2BAGlD;IACsB,mBAAmB;QAClC,KAAK,CAAC,mBAAmB,EAAE,CAAC;QAC5B,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,YAAY,EAAE,SAAS,IAAI,yBAAyB,CAAC,IAAI,CAAC;IACpF,CAAC;IAES,UAAU;QAChB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,YAAY,EAAE,SAAS,EAAE,MAAM,CAAC,IAAI,CAAC,UAAU,EAAE,KAAK,CAAC,IAAI,EAAE,CAAC;IACnF,CAAC;CACJ;AAED,MAAM,kBAAkB,GAAG,6BAA6B,CAAC,OAAO,CAAC;IAC7D,QAAQ,EAAE,oCAAoC;IAC9C,QAAQ;IACR,MAAM;CACT,CAAC,CAAC;AACH,YAAY,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,kBAAkB,EAAE,CAAC,CAAC;AAC/E,MAAM,CAAC,MAAM,gCAAgC,GAAG,2CAA2C,CAAC","sourcesContent":["import { DesignSystem } from '@microsoft/fast-foundation';\nimport { template } from '../../text-base/cell-view/template';\nimport type {\n    TableColumnNumberTextCellRecord,\n    TableColumnNumberTextColumnConfig\n} from '..';\nimport { styles } from '../../text-base/cell-view/styles';\nimport { TableColumnTextCellViewBase } from '../../text-base/cell-view';\nimport { TextCellViewBaseAlignment } from '../../text-base/cell-view/types';\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-table-column-number-text-cell-view': TableColumnNumberTextCellView;\n    }\n}\n\n/**\n * A cell view for displaying number fields as text\n */\nexport class TableColumnNumberTextCellView extends TableColumnTextCellViewBase<\nTableColumnNumberTextCellRecord,\nTableColumnNumberTextColumnConfig\n> {\n    protected override columnConfigChanged(): void {\n        super.columnConfigChanged();\n        this.alignment = this.columnConfig?.alignment ?? TextCellViewBaseAlignment.left;\n    }\n\n    protected updateText(): void {\n        this.text = this.columnConfig?.formatter?.format(this.cellRecord?.value) ?? '';\n    }\n}\n\nconst numberTextCellView = TableColumnNumberTextCellView.compose({\n    baseName: 'table-column-number-text-cell-view',\n    template,\n    styles\n});\nDesignSystem.getOrCreate().withPrefix('nimble').register(numberTextCellView());\nexport const tableColumnNumberTextCellViewTag = 'nimble-table-column-number-text-cell-view';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/table-column/number-text/cell-view/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,oCAAoC,CAAC;AAK9D,OAAO,EAAE,MAAM,EAAE,MAAM,kCAAkC,CAAC;AAC1D,OAAO,EAAE,2BAA2B,EAAE,MAAM,2BAA2B,CAAC;AACxE,OAAO,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAQ5D;;GAEG;AACH,MAAM,OAAO,6BAA8B,SAAQ,2BAGlD;IACsB,mBAAmB;QAClC,KAAK,CAAC,mBAAmB,EAAE,CAAC;QAC5B,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,YAAY,EAAE,SAAS,IAAI,oBAAoB,CAAC,IAAI,CAAC;IAC/E,CAAC;IAES,UAAU;QAChB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,YAAY,EAAE,SAAS,EAAE,MAAM,CAAC,IAAI,CAAC,UAAU,EAAE,KAAK,CAAC,IAAI,EAAE,CAAC;IACnF,CAAC;CACJ;AAED,MAAM,kBAAkB,GAAG,6BAA6B,CAAC,OAAO,CAAC;IAC7D,QAAQ,EAAE,oCAAoC;IAC9C,QAAQ;IACR,MAAM;CACT,CAAC,CAAC;AACH,YAAY,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,kBAAkB,EAAE,CAAC,CAAC;AAC/E,MAAM,CAAC,MAAM,gCAAgC,GAAG,2CAA2C,CAAC","sourcesContent":["import { DesignSystem } from '@microsoft/fast-foundation';\nimport { template } from '../../text-base/cell-view/template';\nimport type {\n    TableColumnNumberTextCellRecord,\n    TableColumnNumberTextColumnConfig\n} from '..';\nimport { styles } from '../../text-base/cell-view/styles';\nimport { TableColumnTextCellViewBase } from '../../text-base/cell-view';\nimport { TableColumnAlignment } from '../../../table/types';\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-table-column-number-text-cell-view': TableColumnNumberTextCellView;\n    }\n}\n\n/**\n * A cell view for displaying number fields as text\n */\nexport class TableColumnNumberTextCellView extends TableColumnTextCellViewBase<\nTableColumnNumberTextCellRecord,\nTableColumnNumberTextColumnConfig\n> {\n    protected override columnConfigChanged(): void {\n        super.columnConfigChanged();\n        this.alignment = this.columnConfig?.alignment ?? TableColumnAlignment.left;\n    }\n\n    protected updateText(): void {\n        this.text = this.columnConfig?.formatter?.format(this.cellRecord?.value) ?? '';\n    }\n}\n\nconst numberTextCellView = TableColumnNumberTextCellView.compose({\n    baseName: 'table-column-number-text-cell-view',\n    template,\n    styles\n});\nDesignSystem.getOrCreate().withPrefix('nimble').register(numberTextCellView());\nexport const tableColumnNumberTextCellViewTag = 'nimble-table-column-number-text-cell-view';\n"]}

package/dist/esm/table-column/number-text/index.d.ts

@@ -1,15 +1,14 @@
-import type { TableNumberField } from '../../table/types';
+import { TableColumnAlignment, type TableNumberField } from '../../table/types';
 import { TableColumnTextBase } from '../text-base';
 import type { ColumnInternalsOptions } from '../base/models/column-internals';
 import { NumberTextAlignment, NumberTextFormat } from './types';
 import type { UnitFormat } from '../../utilities/unit-format/unit-format';
 import { TableColumnNumberTextValidator } from './models/table-column-number-text-validator';
-import { TextCellViewBaseAlignment } from '../text-base/cell-view/types';
 import type { TableColumnTextBaseColumnConfig } from '../text-base/cell-view';
 export type TableColumnNumberTextCellRecord = TableNumberField<'value'>;
 export interface TableColumnNumberTextColumnConfig extends TableColumnTextBaseColumnConfig {
     formatter: UnitFormat;
-    alignment: TextCellViewBaseAlignment;
+    alignment: TableColumnAlignment;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/esm/table-column/number-text/index.js

@@ -3,6 +3,7 @@ import { DesignSystem } from '@microsoft/fast-foundation';
 import { attr, nullableNumberConverter, Observable, observable } from '@microsoft/fast-element';
 import { styles } from '../base/styles';
 import { template } from './template';
+import { TableColumnAlignment } from '../../table/types';
 import { TableColumnTextBase, mixinTextBase } from '../text-base';
 import { TableColumnSortOperation } from '../base/types';
 import { tableColumnNumberTextGroupHeaderTag } from './group-header-view';
@@ -10,7 +11,6 @@ import { tableColumnNumberTextCellViewTag } from './cell-view';
 import { NumberTextAlignment, NumberTextFormat } from './types';
 import { NumberTextUnitFormat } from './models/number-text-unit-format';
 import { TableColumnNumberTextValidator } from './models/table-column-number-text-validator';
-import { TextCellViewBaseAlignment } from '../text-base/cell-view/types';
 import { lang } from '../../theme-provider';
 import { Unit } from '../../unit/base/unit';
 import { waitUntilCustomElementsDefinedAsync } from '../../utilities/wait-until-custom-elements-defined-async';
@@ -102,6 +102,7 @@ export class TableColumnNumberText extends mixinTextBase((TableColumnTextBase))
                 alignment: this.determineCellContentAlignment(),
                 placeholder: this.placeholder
             };
+            this.columnInternals.headerAlignment = columnConfig.alignment;
             this.columnInternals.columnConfig = columnConfig;
         }
         else {
@@ -121,18 +122,18 @@ export class TableColumnNumberText extends mixinTextBase((TableColumnTextBase))
     }
     determineCellContentAlignment() {
         if (this.alignment === NumberTextAlignment.left) {
-            return TextCellViewBaseAlignment.left;
+            return TableColumnAlignment.left;
         }
         if (this.alignment === NumberTextAlignment.right) {
-            return TextCellViewBaseAlignment.right;
+            return TableColumnAlignment.right;
         }
         // Look at format and decimal max digits and unit to determine the default alignment
         if (this.format === NumberTextFormat.decimal
             && typeof this.decimalMaximumDigits !== 'number'
             && !this.unit) {
-            return TextCellViewBaseAlignment.right;
+            return TableColumnAlignment.right;
         }
-        return TextCellViewBaseAlignment.left;
+        return TableColumnAlignment.left;
     }
 }
 __decorate([

package/dist/esm/table-column/number-text/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/table-column/number-text/index.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n    DesignSystem,\n    DesignTokenSubscriber\n} from '@microsoft/fast-foundation';\nimport {\n    attr,\n    Notifier,\n    nullableNumberConverter,\n    Observable,\n    observable,\n    Subscriber\n} from '@microsoft/fast-element';\nimport { styles } from '../base/styles';\nimport { template } from './template';\nimport type { TableNumberField } from '../../table/types';\nimport { TableColumnTextBase, mixinTextBase } from '../text-base';\nimport { TableColumnSortOperation } from '../base/types';\nimport { tableColumnNumberTextGroupHeaderTag } from './group-header-view';\nimport { tableColumnNumberTextCellViewTag } from './cell-view';\nimport type { ColumnInternalsOptions } from '../base/models/column-internals';\nimport { NumberTextAlignment, NumberTextFormat } from './types';\nimport type { UnitFormat } from '../../utilities/unit-format/unit-format';\nimport { NumberTextUnitFormat } from './models/number-text-unit-format';\nimport { TableColumnNumberTextValidator } from './models/table-column-number-text-validator';\nimport { TextCellViewBaseAlignment } from '../text-base/cell-view/types';\nimport { lang } from '../../theme-provider';\nimport { Unit } from '../../unit/base/unit';\nimport { waitUntilCustomElementsDefinedAsync } from '../../utilities/wait-until-custom-elements-defined-async';\nimport type { TableColumnTextBaseColumnConfig } from '../text-base/cell-view';\n\nexport type TableColumnNumberTextCellRecord = TableNumberField<'value'>;\nexport interface TableColumnNumberTextColumnConfig\n    extends TableColumnTextBaseColumnConfig {\n    formatter: UnitFormat;\n    alignment: TextCellViewBaseAlignment;\n}\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-table-column-number-text': TableColumnNumberText;\n    }\n}\n\n/**\n * The table column for displaying numbers as text.\n */\nexport class TableColumnNumberText extends mixinTextBase(\n    TableColumnTextBase<\n    TableColumnNumberTextColumnConfig,\n    TableColumnNumberTextValidator\n    >\n) {\n    @attr\n    public format: NumberTextFormat;\n\n    @attr\n    public alignment: NumberTextAlignment;\n\n    @attr({ attribute: 'decimal-digits', converter: nullableNumberConverter })\n    public decimalDigits?: number;\n\n    @attr({\n        attribute: 'decimal-maximum-digits',\n        converter: nullableNumberConverter\n    })\n    public decimalMaximumDigits?: number;\n\n    /** @internal */\n    @observable\n    public unitElements?: Element[];\n\n    @observable\n    private unit?: Unit;\n\n    private unitNotifier?: Notifier;\n\n    private readonly langSubscriber: DesignTokenSubscriber<typeof lang> = {\n        handleChange: () => {\n            this.updateColumnConfig();\n        }\n    };\n\n    private readonly unitSubscriber: Subscriber = {\n        handleChange: () => {\n            this.updateColumnConfig();\n        }\n    };\n\n    public override connectedCallback(): void {\n        super.connectedCallback();\n        lang.subscribe(this.langSubscriber, this);\n        this.updateColumnConfig();\n    }\n\n    public override disconnectedCallback(): void {\n        super.disconnectedCallback();\n        lang.unsubscribe(this.langSubscriber, this);\n    }\n\n    public placeholderChanged(): void {\n        this.updateColumnConfig();\n    }\n\n    protected override getColumnInternalsOptions(): ColumnInternalsOptions<TableColumnNumberTextValidator> {\n        return {\n            cellRecordFieldNames: ['value'],\n            cellViewTag: tableColumnNumberTextCellViewTag,\n            groupHeaderViewTag: tableColumnNumberTextGroupHeaderTag,\n            delegatedEvents: [],\n            sortOperation: TableColumnSortOperation.basic,\n            validator: new TableColumnNumberTextValidator()\n        };\n    }\n\n    private updateUnitNotifier(): void {\n        if (this.unitNotifier) {\n            this.unitNotifier.unsubscribe(this.unitSubscriber);\n            this.unitNotifier = undefined;\n        }\n\n        if (this.unit) {\n            const notifier = Observable.getNotifier(this.unit);\n            notifier.subscribe(this.unitSubscriber, 'resolvedUnitScale');\n            this.unitNotifier = notifier;\n        }\n    }\n\n    private formatChanged(): void {\n        this.updateColumnConfig();\n    }\n\n    private alignmentChanged(): void {\n        this.updateColumnConfig();\n    }\n\n    private decimalDigitsChanged(): void {\n        this.updateColumnConfig();\n    }\n\n    private decimalMaximumDigitsChanged(): void {\n        this.updateColumnConfig();\n    }\n\n    private unitElementsChanged(): void {\n        void this.updateUnit();\n    }\n\n    private async updateUnit(): Promise<void> {\n        this.unit = undefined;\n        if (this.unitElements) {\n            await waitUntilCustomElementsDefinedAsync(this.unitElements);\n            this.unit = this.unitElements.find(\n                (x): x is Unit => x instanceof Unit\n            );\n        }\n        this.updateUnitNotifier();\n    }\n\n    private unitChanged(): void {\n        this.updateColumnConfig();\n    }\n\n    private updateColumnConfig(): void {\n        const validator = this.columnInternals.validator;\n        validator.validateDecimalDigits(this.format, this.decimalDigits);\n        validator.validateDecimalMaximumDigits(\n            this.format,\n            this.decimalMaximumDigits\n        );\n        validator.validateNoMutuallyExclusiveProperties(\n            this.format,\n            this.decimalDigits,\n            this.decimalMaximumDigits\n        );\n        validator.validateAtMostOneUnit(this.unitElements ?? []);\n\n        if (validator.isValid()) {\n            const columnConfig: TableColumnNumberTextColumnConfig = {\n                formatter: this.createFormatter(),\n                alignment: this.determineCellContentAlignment(),\n                placeholder: this.placeholder\n            };\n            this.columnInternals.columnConfig = columnConfig;\n        } else {\n            this.columnInternals.columnConfig = undefined;\n        }\n    }\n\n    private createFormatter(): UnitFormat {\n        const unitScale = this.unit?.resolvedUnitScale;\n        return new NumberTextUnitFormat(lang.getValueFor(this), {\n            // Attribute values sometimes resolve to either null or undefined\n            // See https://github.com/microsoft/fast/issues/6630\n            numberTextFormat: this.format ?? undefined,\n            decimalDigits: this.decimalDigits ?? undefined,\n            decimalMaximumDigits: this.decimalMaximumDigits ?? undefined,\n            unitScale\n        });\n    }\n\n    private determineCellContentAlignment(): TextCellViewBaseAlignment {\n        if (this.alignment === NumberTextAlignment.left) {\n            return TextCellViewBaseAlignment.left;\n        }\n\n        if (this.alignment === NumberTextAlignment.right) {\n            return TextCellViewBaseAlignment.right;\n        }\n\n        // Look at format and decimal max digits and unit to determine the default alignment\n        if (\n            this.format === NumberTextFormat.decimal\n            && typeof this.decimalMaximumDigits !== 'number'\n            && !this.unit\n        ) {\n            return TextCellViewBaseAlignment.right;\n        }\n        return TextCellViewBaseAlignment.left;\n    }\n}\n\nconst nimbleTableColumnNumberText = TableColumnNumberText.compose({\n    baseName: 'table-column-number-text',\n    template,\n    styles\n});\n\nDesignSystem.getOrCreate()\n    .withPrefix('nimble')\n    .register(nimbleTableColumnNumberText());\nexport const tableColumnNumberTextTag = 'nimble-table-column-number-text';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/table-column/number-text/index.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n    DesignSystem,\n    DesignTokenSubscriber\n} from '@microsoft/fast-foundation';\nimport {\n    attr,\n    Notifier,\n    nullableNumberConverter,\n    Observable,\n    observable,\n    Subscriber\n} from '@microsoft/fast-element';\nimport { styles } from '../base/styles';\nimport { template } from './template';\nimport { TableColumnAlignment, type TableNumberField } from '../../table/types';\nimport { TableColumnTextBase, mixinTextBase } from '../text-base';\nimport { TableColumnSortOperation } from '../base/types';\nimport { tableColumnNumberTextGroupHeaderTag } from './group-header-view';\nimport { tableColumnNumberTextCellViewTag } from './cell-view';\nimport type { ColumnInternalsOptions } from '../base/models/column-internals';\nimport { NumberTextAlignment, NumberTextFormat } from './types';\nimport type { UnitFormat } from '../../utilities/unit-format/unit-format';\nimport { NumberTextUnitFormat } from './models/number-text-unit-format';\nimport { TableColumnNumberTextValidator } from './models/table-column-number-text-validator';\nimport { lang } from '../../theme-provider';\nimport { Unit } from '../../unit/base/unit';\nimport { waitUntilCustomElementsDefinedAsync } from '../../utilities/wait-until-custom-elements-defined-async';\nimport type { TableColumnTextBaseColumnConfig } from '../text-base/cell-view';\n\nexport type TableColumnNumberTextCellRecord = TableNumberField<'value'>;\nexport interface TableColumnNumberTextColumnConfig\n    extends TableColumnTextBaseColumnConfig {\n    formatter: UnitFormat;\n    alignment: TableColumnAlignment;\n}\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-table-column-number-text': TableColumnNumberText;\n    }\n}\n\n/**\n * The table column for displaying numbers as text.\n */\nexport class TableColumnNumberText extends mixinTextBase(\n    TableColumnTextBase<\n    TableColumnNumberTextColumnConfig,\n    TableColumnNumberTextValidator\n    >\n) {\n    @attr\n    public format: NumberTextFormat;\n\n    @attr\n    public alignment: NumberTextAlignment;\n\n    @attr({ attribute: 'decimal-digits', converter: nullableNumberConverter })\n    public decimalDigits?: number;\n\n    @attr({\n        attribute: 'decimal-maximum-digits',\n        converter: nullableNumberConverter\n    })\n    public decimalMaximumDigits?: number;\n\n    /** @internal */\n    @observable\n    public unitElements?: Element[];\n\n    @observable\n    private unit?: Unit;\n\n    private unitNotifier?: Notifier;\n\n    private readonly langSubscriber: DesignTokenSubscriber<typeof lang> = {\n        handleChange: () => {\n            this.updateColumnConfig();\n        }\n    };\n\n    private readonly unitSubscriber: Subscriber = {\n        handleChange: () => {\n            this.updateColumnConfig();\n        }\n    };\n\n    public override connectedCallback(): void {\n        super.connectedCallback();\n        lang.subscribe(this.langSubscriber, this);\n        this.updateColumnConfig();\n    }\n\n    public override disconnectedCallback(): void {\n        super.disconnectedCallback();\n        lang.unsubscribe(this.langSubscriber, this);\n    }\n\n    public placeholderChanged(): void {\n        this.updateColumnConfig();\n    }\n\n    protected override getColumnInternalsOptions(): ColumnInternalsOptions<TableColumnNumberTextValidator> {\n        return {\n            cellRecordFieldNames: ['value'],\n            cellViewTag: tableColumnNumberTextCellViewTag,\n            groupHeaderViewTag: tableColumnNumberTextGroupHeaderTag,\n            delegatedEvents: [],\n            sortOperation: TableColumnSortOperation.basic,\n            validator: new TableColumnNumberTextValidator()\n        };\n    }\n\n    private updateUnitNotifier(): void {\n        if (this.unitNotifier) {\n            this.unitNotifier.unsubscribe(this.unitSubscriber);\n            this.unitNotifier = undefined;\n        }\n\n        if (this.unit) {\n            const notifier = Observable.getNotifier(this.unit);\n            notifier.subscribe(this.unitSubscriber, 'resolvedUnitScale');\n            this.unitNotifier = notifier;\n        }\n    }\n\n    private formatChanged(): void {\n        this.updateColumnConfig();\n    }\n\n    private alignmentChanged(): void {\n        this.updateColumnConfig();\n    }\n\n    private decimalDigitsChanged(): void {\n        this.updateColumnConfig();\n    }\n\n    private decimalMaximumDigitsChanged(): void {\n        this.updateColumnConfig();\n    }\n\n    private unitElementsChanged(): void {\n        void this.updateUnit();\n    }\n\n    private async updateUnit(): Promise<void> {\n        this.unit = undefined;\n        if (this.unitElements) {\n            await waitUntilCustomElementsDefinedAsync(this.unitElements);\n            this.unit = this.unitElements.find(\n                (x): x is Unit => x instanceof Unit\n            );\n        }\n        this.updateUnitNotifier();\n    }\n\n    private unitChanged(): void {\n        this.updateColumnConfig();\n    }\n\n    private updateColumnConfig(): void {\n        const validator = this.columnInternals.validator;\n        validator.validateDecimalDigits(this.format, this.decimalDigits);\n        validator.validateDecimalMaximumDigits(\n            this.format,\n            this.decimalMaximumDigits\n        );\n        validator.validateNoMutuallyExclusiveProperties(\n            this.format,\n            this.decimalDigits,\n            this.decimalMaximumDigits\n        );\n        validator.validateAtMostOneUnit(this.unitElements ?? []);\n\n        if (validator.isValid()) {\n            const columnConfig: TableColumnNumberTextColumnConfig = {\n                formatter: this.createFormatter(),\n                alignment: this.determineCellContentAlignment(),\n                placeholder: this.placeholder\n            };\n            this.columnInternals.headerAlignment = columnConfig.alignment;\n            this.columnInternals.columnConfig = columnConfig;\n        } else {\n            this.columnInternals.columnConfig = undefined;\n        }\n    }\n\n    private createFormatter(): UnitFormat {\n        const unitScale = this.unit?.resolvedUnitScale;\n        return new NumberTextUnitFormat(lang.getValueFor(this), {\n            // Attribute values sometimes resolve to either null or undefined\n            // See https://github.com/microsoft/fast/issues/6630\n            numberTextFormat: this.format ?? undefined,\n            decimalDigits: this.decimalDigits ?? undefined,\n            decimalMaximumDigits: this.decimalMaximumDigits ?? undefined,\n            unitScale\n        });\n    }\n\n    private determineCellContentAlignment(): TableColumnAlignment {\n        if (this.alignment === NumberTextAlignment.left) {\n            return TableColumnAlignment.left;\n        }\n\n        if (this.alignment === NumberTextAlignment.right) {\n            return TableColumnAlignment.right;\n        }\n\n        // Look at format and decimal max digits and unit to determine the default alignment\n        if (\n            this.format === NumberTextFormat.decimal\n            && typeof this.decimalMaximumDigits !== 'number'\n            && !this.unit\n        ) {\n            return TableColumnAlignment.right;\n        }\n        return TableColumnAlignment.left;\n    }\n}\n\nconst nimbleTableColumnNumberText = TableColumnNumberText.compose({\n    baseName: 'table-column-number-text',\n    template,\n    styles\n});\n\nDesignSystem.getOrCreate()\n    .withPrefix('nimble')\n    .register(nimbleTableColumnNumberText());\nexport const tableColumnNumberTextTag = 'nimble-table-column-number-text';\n"]}

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

@@ -1,7 +1,6 @@
 import { TableCellView } from '../../base/cell-view';
 import type { TableCellRecord } from '../../base/types';
-import { TextCellViewBaseAlignment } from './types';
-import type { TableFieldValue } from '../../../table/types';
+import { TableColumnAlignment, TableFieldValue } from '../../../table/types';
 export interface TableColumnTextBaseCellRecord extends TableCellRecord {
     value: TableFieldValue;
 }
@@ -21,7 +20,7 @@ export declare abstract class TableColumnTextCellViewBase<TCellRecord extends Ta
     /**
      * The alignment of the text within the cell.
      */
-    alignment: TextCellViewBaseAlignment;
+    alignment: TableColumnAlignment;
     /**
      * Whether or not the text being displayed in the cell view is a placeholder.
      */

package/dist/esm/table-column/text-base/cell-view/index.js

@@ -1,7 +1,7 @@
 import { __decorate } from "tslib";
 import { observable } from '@microsoft/fast-element';
 import { TableCellView } from '../../base/cell-view';
-import { TextCellViewBaseAlignment } from './types';
+import { TableColumnAlignment } from '../../../table/types';
 /**
  * The cell view base class for displaying fields of any type as text.
  */
@@ -17,7 +17,7 @@ export class TableColumnTextCellViewBase extends TableCellView {
         /**
          * The alignment of the text within the cell.
          */
-        this.alignment = TextCellViewBaseAlignment.left;
+        this.alignment = TableColumnAlignment.left;
         /**
          * Whether or not the text being displayed in the cell view is a placeholder.
          */

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/table-column/text-base/cell-view/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAErD,OAAO,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAC;AAWpD;;GAEG;AACH,MAAM,OAAgB,2BAKpB,SAAQ,aAAyC;IALnD;;QAMI,gBAAgB;QAET,gBAAW,GAAG,KAAK,CAAC;QAE3B;;WAEG;QAEI,SAAI,GAAG,EAAE,CAAC;QAEjB;;WAEG;QAEI,cAAS,GAA8B,yBAAyB,CAAC,IAAI,CAAC;QAE7E;;WAEG;QAEI,kBAAa,GAAG,KAAK,CAAC;IAmCjC,CAAC;IA/Ba,mBAAmB;QACzB,IAAI,CAAC,IAAI,CAAC,4BAA4B,EAAE,EAAE;YACtC,IAAI,CAAC,UAAU,EAAE,CAAC;SACrB;IACL,CAAC;IAEO,iBAAiB;QACrB,IAAI,CAAC,IAAI,CAAC,4BAA4B,EAAE,EAAE;YACtC,IAAI,CAAC,UAAU,EAAE,CAAC;SACrB;IACL,CAAC;IAED;;;OAGG;IACK,4BAA4B;QAChC,MAAM,SAAS,GAAG,IAAI,CAAC,UAAU,EAAE,KAAK,CAAC;QACzC,MAAM,WAAW,GAAG,IAAI,CAAC,YAAY,EAAE,WAAW,CAAC;QACnD,IACI,OAAO,WAAW,KAAK,QAAQ;eAC5B,CAAC,SAAS,KAAK,IAAI,IAAI,SAAS,KAAK,SAAS,CAAC,EACpD;YACE,IAAI,CAAC,IAAI,GAAG,WAAW,CAAC;YACxB,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;SAC7B;aAAM;YACH,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;SAC9B;QAED,OAAO,IAAI,CAAC,aAAa,CAAC;IAC9B,CAAC;CACJ;AArDU;IADN,UAAU;gEACgB;AAMpB;IADN,UAAU;yDACM;AAMV;IADN,UAAU;8DACkE;AAMtE;IADN,UAAU;kEACkB","sourcesContent":["import { observable } from '@microsoft/fast-element';\nimport { TableCellView } from '../../base/cell-view';\nimport type { TableCellRecord } from '../../base/types';\nimport { TextCellViewBaseAlignment } from './types';\nimport type { TableFieldValue } from '../../../table/types';\n\nexport interface TableColumnTextBaseCellRecord extends TableCellRecord {\n    value: TableFieldValue;\n}\n\nexport interface TableColumnTextBaseColumnConfig {\n    placeholder?: string;\n}\n\n/**\n * The cell view base class for displaying fields of any type as text.\n */\nexport abstract class TableColumnTextCellViewBase<\n    TCellRecord extends\n    TableColumnTextBaseCellRecord = TableColumnTextBaseCellRecord,\n    TColumnConfig extends\n    TableColumnTextBaseColumnConfig = TableColumnTextBaseColumnConfig\n> extends TableCellView<TCellRecord, TColumnConfig> {\n    /** @internal */\n    @observable\n    public hasOverflow = false;\n\n    /**\n     * Text to render in the cell.\n     */\n    @observable\n    public text = '';\n\n    /**\n     * The alignment of the text within the cell.\n     */\n    @observable\n    public alignment: TextCellViewBaseAlignment = TextCellViewBaseAlignment.left;\n\n    /**\n     * Whether or not the text being displayed in the cell view is a placeholder.\n     */\n    @observable\n    public isPlaceholder = false;\n\n    protected abstract updateText(): void;\n\n    protected columnConfigChanged(): void {\n        if (!this.applyPlaceholderTextIfNeeded()) {\n            this.updateText();\n        }\n    }\n\n    private cellRecordChanged(): void {\n        if (!this.applyPlaceholderTextIfNeeded()) {\n            this.updateText();\n        }\n    }\n\n    /**\n     * Sets `this.text` to the appropriate placeholder if `cellValue` warrants it.\n     * @returns `true` if `this.text` was set to a placeholder, `false` otherwise.\n     */\n    private applyPlaceholderTextIfNeeded(): boolean {\n        const cellValue = this.cellRecord?.value;\n        const placeholder = this.columnConfig?.placeholder;\n        if (\n            typeof placeholder === 'string'\n            && (cellValue === null || cellValue === undefined)\n        ) {\n            this.text = placeholder;\n            this.isPlaceholder = true;\n        } else {\n            this.isPlaceholder = false;\n        }\n\n        return this.isPlaceholder;\n    }\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/table-column/text-base/cell-view/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAErD,OAAO,EAAE,oBAAoB,EAAmB,MAAM,sBAAsB,CAAC;AAU7E;;GAEG;AACH,MAAM,OAAgB,2BAKpB,SAAQ,aAAyC;IALnD;;QAMI,gBAAgB;QAET,gBAAW,GAAG,KAAK,CAAC;QAE3B;;WAEG;QAEI,SAAI,GAAG,EAAE,CAAC;QAEjB;;WAEG;QAEI,cAAS,GAAyB,oBAAoB,CAAC,IAAI,CAAC;QAEnE;;WAEG;QAEI,kBAAa,GAAG,KAAK,CAAC;IAmCjC,CAAC;IA/Ba,mBAAmB;QACzB,IAAI,CAAC,IAAI,CAAC,4BAA4B,EAAE,EAAE;YACtC,IAAI,CAAC,UAAU,EAAE,CAAC;SACrB;IACL,CAAC;IAEO,iBAAiB;QACrB,IAAI,CAAC,IAAI,CAAC,4BAA4B,EAAE,EAAE;YACtC,IAAI,CAAC,UAAU,EAAE,CAAC;SACrB;IACL,CAAC;IAED;;;OAGG;IACK,4BAA4B;QAChC,MAAM,SAAS,GAAG,IAAI,CAAC,UAAU,EAAE,KAAK,CAAC;QACzC,MAAM,WAAW,GAAG,IAAI,CAAC,YAAY,EAAE,WAAW,CAAC;QACnD,IACI,OAAO,WAAW,KAAK,QAAQ;eAC5B,CAAC,SAAS,KAAK,IAAI,IAAI,SAAS,KAAK,SAAS,CAAC,EACpD;YACE,IAAI,CAAC,IAAI,GAAG,WAAW,CAAC;YACxB,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;SAC7B;aAAM;YACH,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;SAC9B;QAED,OAAO,IAAI,CAAC,aAAa,CAAC;IAC9B,CAAC;CACJ;AArDU;IADN,UAAU;gEACgB;AAMpB;IADN,UAAU;yDACM;AAMV;IADN,UAAU;8DACwD;AAM5D;IADN,UAAU;kEACkB","sourcesContent":["import { observable } from '@microsoft/fast-element';\nimport { TableCellView } from '../../base/cell-view';\nimport type { TableCellRecord } from '../../base/types';\nimport { TableColumnAlignment, TableFieldValue } from '../../../table/types';\n\nexport interface TableColumnTextBaseCellRecord extends TableCellRecord {\n    value: TableFieldValue;\n}\n\nexport interface TableColumnTextBaseColumnConfig {\n    placeholder?: string;\n}\n\n/**\n * The cell view base class for displaying fields of any type as text.\n */\nexport abstract class TableColumnTextCellViewBase<\n    TCellRecord extends\n    TableColumnTextBaseCellRecord = TableColumnTextBaseCellRecord,\n    TColumnConfig extends\n    TableColumnTextBaseColumnConfig = TableColumnTextBaseColumnConfig\n> extends TableCellView<TCellRecord, TColumnConfig> {\n    /** @internal */\n    @observable\n    public hasOverflow = false;\n\n    /**\n     * Text to render in the cell.\n     */\n    @observable\n    public text = '';\n\n    /**\n     * The alignment of the text within the cell.\n     */\n    @observable\n    public alignment: TableColumnAlignment = TableColumnAlignment.left;\n\n    /**\n     * Whether or not the text being displayed in the cell view is a placeholder.\n     */\n    @observable\n    public isPlaceholder = false;\n\n    protected abstract updateText(): void;\n\n    protected columnConfigChanged(): void {\n        if (!this.applyPlaceholderTextIfNeeded()) {\n            this.updateText();\n        }\n    }\n\n    private cellRecordChanged(): void {\n        if (!this.applyPlaceholderTextIfNeeded()) {\n            this.updateText();\n        }\n    }\n\n    /**\n     * Sets `this.text` to the appropriate placeholder if `cellValue` warrants it.\n     * @returns `true` if `this.text` was set to a placeholder, `false` otherwise.\n     */\n    private applyPlaceholderTextIfNeeded(): boolean {\n        const cellValue = this.cellRecord?.value;\n        const placeholder = this.columnConfig?.placeholder;\n        if (\n            typeof placeholder === 'string'\n            && (cellValue === null || cellValue === undefined)\n        ) {\n            this.text = placeholder;\n            this.isPlaceholder = true;\n        } else {\n            this.isPlaceholder = false;\n        }\n\n        return this.isPlaceholder;\n    }\n}\n"]}

package/dist/esm/table-column/text-base/cell-view/template.js

@@ -1,11 +1,11 @@
 import { html } from '@microsoft/fast-element';
 import { overflow } from '../../../utilities/directive/overflow';
-import { TextCellViewBaseAlignment } from './types';
+import { TableColumnAlignment } from '../../../table/types';
 // prettier-ignore
 export const template = html `
     <template
         class="
-            ${x => (x.alignment === TextCellViewBaseAlignment.right ? 'right-align' : '')}
+            ${x => (x.alignment === TableColumnAlignment.right ? 'right-align' : '')}
             ${x => (x.isPlaceholder ? 'placeholder' : '')}
         "
     >

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

@@ -1 +1 @@
-{"version":3,"file":"template.js","sourceRoot":"","sources":["../../../../../src/table-column/text-base/cell-view/template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAG/C,OAAO,EAAE,QAAQ,EAAE,MAAM,uCAAuC,CAAC;AACjE,OAAO,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAC;AAEpD,kBAAkB;AAClB,MAAM,CAAC,MAAM,QAAQ,GAAG,IAAI,CAA6B;;;cAG3C,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS,KAAK,yBAAyB,CAAC,KAAK,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC;cAC3E,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC;;;;cAI3C,QAAQ,CAAC,aAAa,CAAC;oBACjB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,WAAW,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;;cAEpD,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI;;;CAGxB,CAAC","sourcesContent":["import { html } from '@microsoft/fast-element';\n\nimport type { TableColumnTextCellViewBase } from '.';\nimport { overflow } from '../../../utilities/directive/overflow';\nimport { TextCellViewBaseAlignment } from './types';\n\n// prettier-ignore\nexport const template = html<TableColumnTextCellViewBase>`\n    <template\n        class=\"\n            ${x => (x.alignment === TextCellViewBaseAlignment.right ? 'right-align' : '')}\n            ${x => (x.isPlaceholder ? 'placeholder' : '')}\n        \"\n    >\n        <span\n            ${overflow('hasOverflow')}\n            title=${x => (x.hasOverflow && x.text ? x.text : null)}\n        >\n            ${x => x.text}\n        </span>\n    </template>\n`;\n"]}
+{"version":3,"file":"template.js","sourceRoot":"","sources":["../../../../../src/table-column/text-base/cell-view/template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAG/C,OAAO,EAAE,QAAQ,EAAE,MAAM,uCAAuC,CAAC;AACjE,OAAO,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAE5D,kBAAkB;AAClB,MAAM,CAAC,MAAM,QAAQ,GAAG,IAAI,CAA6B;;;cAG3C,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS,KAAK,oBAAoB,CAAC,KAAK,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC;cACtE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC;;;;cAI3C,QAAQ,CAAC,aAAa,CAAC;oBACjB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,WAAW,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;;cAEpD,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI;;;CAGxB,CAAC","sourcesContent":["import { html } from '@microsoft/fast-element';\n\nimport type { TableColumnTextCellViewBase } from '.';\nimport { overflow } from '../../../utilities/directive/overflow';\nimport { TableColumnAlignment } from '../../../table/types';\n\n// prettier-ignore\nexport const template = html<TableColumnTextCellViewBase>`\n    <template\n        class=\"\n            ${x => (x.alignment === TableColumnAlignment.right ? 'right-align' : '')}\n            ${x => (x.isPlaceholder ? 'placeholder' : '')}\n        \"\n    >\n        <span\n            ${overflow('hasOverflow')}\n            title=${x => (x.hasOverflow && x.text ? x.text : null)}\n        >\n            ${x => x.text}\n        </span>\n    </template>\n`;\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ni/nimble-components",
-  "version": "29.8.0",
+  "version": "29.8.2",
   "description": "Styled web components for the NI Nimble Design System",
   "scripts": {
     "build": "npm run generate-icons && npm run generate-workers && npm run build-components && npm run bundle-components && npm run generate-scss",

package/dist/esm/table-column/text-base/cell-view/types.d.ts

@@ -1,8 +0,0 @@
-/**
- * The aligment of the value in a TableColumnTextCellViewBase instance.
- */
-export declare const TextCellViewBaseAlignment: {
-    readonly left: "left";
-    readonly right: "right";
-};
-export type TextCellViewBaseAlignment = (typeof TextCellViewBaseAlignment)[keyof typeof TextCellViewBaseAlignment];

package/dist/esm/table-column/text-base/cell-view/types.js

@@ -1,8 +0,0 @@
-/**
- * The aligment of the value in a TableColumnTextCellViewBase instance.
- */
-export const TextCellViewBaseAlignment = {
-    left: 'left',
-    right: 'right'
-};
-//# sourceMappingURL=types.js.map

package/dist/esm/table-column/text-base/cell-view/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../src/table-column/text-base/cell-view/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,CAAC,MAAM,yBAAyB,GAAG;IACrC,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE,OAAO;CACR,CAAC","sourcesContent":["/**\n * The aligment of the value in a TableColumnTextCellViewBase instance.\n */\nexport const TextCellViewBaseAlignment = {\n    left: 'left',\n    right: 'right'\n} as const;\nexport type TextCellViewBaseAlignment =\n    (typeof TextCellViewBaseAlignment)[keyof typeof TextCellViewBaseAlignment];\n"]}