@ni/nimble-components 24.0.1 → 24.1.1

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/table-column/anchor/index.ts"],"names":[],"mappings":"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","sourcesContent":["import { DesignSystem } from '@microsoft/fast-foundation';\nimport { attr } from '@microsoft/fast-element';\nimport { TableColumn } from '../base';\nimport { styles } from '../base/styles';\nimport { template } from '../base/template';\nimport { TableColumnSortOperation } from '../base/types';\nimport { mixinFractionalWidthColumnAPI } from '../mixins/fractional-width-column';\nimport { mixinGroupableColumnAPI } from '../mixins/groupable-column';\nimport type { TableStringField } from '../../table/types';\nimport { tableColumnAnchorCellViewTag } from './cell-view';\nimport { tableColumnTextGroupHeaderViewTag } from '../text/group-header-view';\nimport type { AnchorAppearance } from '../../anchor/types';\nimport type { ColumnInternalsOptions } from '../base/models/column-internals';\n\nexport type TableColumnAnchorCellRecord = TableStringField<'label' | 'href'>;\nexport interface TableColumnAnchorColumnConfig {\n    appearance: AnchorAppearance;\n    underlineHidden?: boolean;\n    hreflang?: string;\n    ping?: string;\n    referrerpolicy?: string;\n    rel?: string;\n    target?: string;\n    type?: string;\n    download?: string;\n}\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-table-column-anchor': TableColumnAnchor;\n    }\n}\n\n/**\n * A table column for displaying links.\n */\nexport class TableColumnAnchor extends mixinGroupableColumnAPI(\n    mixinFractionalWidthColumnAPI(TableColumn<TableColumnAnchorColumnConfig>)\n) {\n    @attr({ attribute: 'label-field-name' })\n    public labelFieldName?: string;\n\n    @attr({ attribute: 'href-field-name' })\n    public hrefFieldName?: string;\n\n    @attr\n    public appearance?: AnchorAppearance;\n\n    @attr({ attribute: 'underline-hidden', mode: 'boolean' })\n    public underlineHidden = false;\n\n    @attr\n    public hreflang?: string;\n\n    @attr\n    public ping?: string;\n\n    @attr\n    public referrerpolicy?: string;\n\n    @attr\n    public rel?: string;\n\n    @attr\n    public target?: string;\n\n    @attr\n    public type?: string;\n\n    @attr\n    public download?: string;\n\n    protected override getColumnInternalsOptions(): ColumnInternalsOptions {\n        return {\n            cellRecordFieldNames: ['label', 'href'],\n            cellViewTag: tableColumnAnchorCellViewTag,\n            groupHeaderViewTag: tableColumnTextGroupHeaderViewTag,\n            delegatedEvents: ['click'],\n            sortOperation: TableColumnSortOperation.localeAwareCaseSensitive\n        };\n    }\n\n    protected labelFieldNameChanged(): void {\n        this.columnInternals.dataRecordFieldNames = [\n            this.labelFieldName,\n            this.hrefFieldName\n        ] as const;\n        this.columnInternals.operandDataRecordFieldName = this.labelFieldName;\n    }\n\n    protected hrefFieldNameChanged(): void {\n        this.columnInternals.dataRecordFieldNames = [\n            this.labelFieldName,\n            this.hrefFieldName\n        ] as const;\n    }\n\n    protected appearanceChanged(): void {\n        this.updateColumnConfig();\n    }\n\n    protected underlineHiddenChanged(): void {\n        this.updateColumnConfig();\n    }\n\n    protected hreflangChanged(): void {\n        this.updateColumnConfig();\n    }\n\n    protected pingChanged(): void {\n        this.updateColumnConfig();\n    }\n\n    protected referrerpolicyChanged(): void {\n        this.updateColumnConfig();\n    }\n\n    protected relChanged(): void {\n        this.updateColumnConfig();\n    }\n\n    protected targetChanged(): void {\n        this.updateColumnConfig();\n    }\n\n    protected typeChanged(): void {\n        this.updateColumnConfig();\n    }\n\n    protected downloadChanged(): void {\n        this.updateColumnConfig();\n    }\n\n    private updateColumnConfig(): void {\n        this.columnInternals.columnConfig = {\n            appearance: this.appearance,\n            underlineHidden: this.underlineHidden,\n            hreflang: this.hreflang,\n            ping: this.ping,\n            referrerpolicy: this.referrerpolicy,\n            rel: this.rel,\n            target: this.target,\n            type: this.type,\n            download: this.download\n        };\n    }\n}\n\nconst nimbleTableColumnAnchor = TableColumnAnchor.compose({\n    baseName: 'table-column-anchor',\n    template,\n    styles\n});\n\nDesignSystem.getOrCreate()\n    .withPrefix('nimble')\n    .register(nimbleTableColumnAnchor());\nexport const tableColumnAnchorTag = 'nimble-table-column-anchor';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/table-column/anchor/index.ts"],"names":[],"mappings":"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","sourcesContent":["import { DesignSystem } from '@microsoft/fast-foundation';\nimport { attr } from '@microsoft/fast-element';\nimport { TableColumn } from '../base';\nimport { styles } from '../base/styles';\nimport { template } from '../base/template';\nimport { TableColumnSortOperation } from '../base/types';\nimport { mixinFractionalWidthColumnAPI } from '../mixins/fractional-width-column';\nimport { mixinGroupableColumnAPI } from '../mixins/groupable-column';\nimport { mixinColumnWithPlaceholderAPI } from '../mixins/placeholder';\nimport type { TableStringField } from '../../table/types';\nimport { tableColumnAnchorCellViewTag } from './cell-view';\nimport { tableColumnTextGroupHeaderViewTag } from '../text/group-header-view';\nimport type { AnchorAppearance } from '../../anchor/types';\nimport type { ColumnInternalsOptions } from '../base/models/column-internals';\n\nexport type TableColumnAnchorCellRecord = TableStringField<'label' | 'href'>;\nexport interface TableColumnAnchorColumnConfig {\n    appearance: AnchorAppearance;\n    underlineHidden?: boolean;\n    hreflang?: string;\n    ping?: string;\n    referrerpolicy?: string;\n    rel?: string;\n    target?: string;\n    type?: string;\n    download?: string;\n    placeholder?: string;\n}\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-table-column-anchor': TableColumnAnchor;\n    }\n}\n\n/**\n * A table column for displaying links.\n */\nexport class TableColumnAnchor extends mixinGroupableColumnAPI(\n    mixinFractionalWidthColumnAPI(\n        mixinColumnWithPlaceholderAPI(\n            TableColumn<TableColumnAnchorColumnConfig>\n        )\n    )\n) {\n    @attr({ attribute: 'label-field-name' })\n    public labelFieldName?: string;\n\n    @attr({ attribute: 'href-field-name' })\n    public hrefFieldName?: string;\n\n    @attr\n    public appearance?: AnchorAppearance;\n\n    @attr({ attribute: 'underline-hidden', mode: 'boolean' })\n    public underlineHidden = false;\n\n    @attr\n    public hreflang?: string;\n\n    @attr\n    public ping?: string;\n\n    @attr\n    public referrerpolicy?: string;\n\n    @attr\n    public rel?: string;\n\n    @attr\n    public target?: string;\n\n    @attr\n    public type?: string;\n\n    @attr\n    public download?: string;\n\n    public placeholderChanged(): void {\n        this.updateColumnConfig();\n    }\n\n    protected override getColumnInternalsOptions(): ColumnInternalsOptions {\n        return {\n            cellRecordFieldNames: ['label', 'href'],\n            cellViewTag: tableColumnAnchorCellViewTag,\n            groupHeaderViewTag: tableColumnTextGroupHeaderViewTag,\n            delegatedEvents: ['click'],\n            sortOperation: TableColumnSortOperation.localeAwareCaseSensitive\n        };\n    }\n\n    protected labelFieldNameChanged(): void {\n        this.columnInternals.dataRecordFieldNames = [\n            this.labelFieldName,\n            this.hrefFieldName\n        ] as const;\n        this.columnInternals.operandDataRecordFieldName = this.labelFieldName;\n    }\n\n    protected hrefFieldNameChanged(): void {\n        this.columnInternals.dataRecordFieldNames = [\n            this.labelFieldName,\n            this.hrefFieldName\n        ] as const;\n    }\n\n    protected appearanceChanged(): void {\n        this.updateColumnConfig();\n    }\n\n    protected underlineHiddenChanged(): void {\n        this.updateColumnConfig();\n    }\n\n    protected hreflangChanged(): void {\n        this.updateColumnConfig();\n    }\n\n    protected pingChanged(): void {\n        this.updateColumnConfig();\n    }\n\n    protected referrerpolicyChanged(): void {\n        this.updateColumnConfig();\n    }\n\n    protected relChanged(): void {\n        this.updateColumnConfig();\n    }\n\n    protected targetChanged(): void {\n        this.updateColumnConfig();\n    }\n\n    protected typeChanged(): void {\n        this.updateColumnConfig();\n    }\n\n    protected downloadChanged(): void {\n        this.updateColumnConfig();\n    }\n\n    private updateColumnConfig(): void {\n        this.columnInternals.columnConfig = {\n            appearance: this.appearance,\n            underlineHidden: this.underlineHidden,\n            hreflang: this.hreflang,\n            ping: this.ping,\n            referrerpolicy: this.referrerpolicy,\n            rel: this.rel,\n            target: this.target,\n            type: this.type,\n            download: this.download,\n            placeholder: this.placeholder\n        };\n    }\n}\n\nconst nimbleTableColumnAnchor = TableColumnAnchor.compose({\n    baseName: 'table-column-anchor',\n    template,\n    styles\n});\n\nDesignSystem.getOrCreate()\n    .withPrefix('nimble')\n    .register(nimbleTableColumnAnchor());\nexport const tableColumnAnchorTag = 'nimble-table-column-anchor';\n"]}

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

@@ -9,8 +9,6 @@ declare global {
  * A cell view for displaying date/time fields as text
  */
 export declare class TableColumnDateTextCellView extends TableColumnTextCellViewBase<TableColumnDateTextCellRecord, TableColumnDateTextColumnConfig> {
-    private columnConfigChanged;
-    private cellRecordChanged;
-    private updateText;
+    protected updateText(): void;
 }
 export declare const tableColumnDateTextCellViewTag = "nimble-table-column-date-text-cell-view";

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

@@ -7,12 +7,6 @@ import { formatNumericDate } from '../models/format-helper';
  * A cell view for displaying date/time fields as text
  */
 export class TableColumnDateTextCellView extends TableColumnTextCellViewBase {
-    columnConfigChanged() {
-        this.updateText();
-    }
-    cellRecordChanged() {
-        this.updateText();
-    }
     updateText() {
         if (this.columnConfig) {
             this.text = formatNumericDate(this.columnConfig.formatter, this.cellRecord?.value);

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/table-column/date-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,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAQ5D;;GAEG;AACH,MAAM,OAAO,2BAA4B,SAAQ,2BAGhD;IACW,mBAAmB;QACvB,IAAI,CAAC,UAAU,EAAE,CAAC;IACtB,CAAC;IAEO,iBAAiB;QACrB,IAAI,CAAC,UAAU,EAAE,CAAC;IACtB,CAAC;IAEO,UAAU;QACd,IAAI,IAAI,CAAC,YAAY,EAAE;YACnB,IAAI,CAAC,IAAI,GAAG,iBAAiB,CACzB,IAAI,CAAC,YAAY,CAAC,SAAS,EAC3B,IAAI,CAAC,UAAU,EAAE,KAAK,CACzB,CAAC;SACL;aAAM;YACH,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC;SAClB;IACL,CAAC;CACJ;AAED,MAAM,gBAAgB,GAAG,2BAA2B,CAAC,OAAO,CAAC;IACzD,QAAQ,EAAE,kCAAkC;IAC5C,QAAQ;IACR,MAAM;CACT,CAAC,CAAC;AACH,YAAY,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,gBAAgB,EAAE,CAAC,CAAC;AAC7E,MAAM,CAAC,MAAM,8BAA8B,GAAG,yCAAyC,CAAC","sourcesContent":["import { DesignSystem } from '@microsoft/fast-foundation';\nimport { template } from '../../text-base/cell-view/template';\nimport type {\n    TableColumnDateTextCellRecord,\n    TableColumnDateTextColumnConfig\n} from '..';\nimport { styles } from '../../text-base/cell-view/styles';\nimport { TableColumnTextCellViewBase } from '../../text-base/cell-view';\nimport { formatNumericDate } from '../models/format-helper';\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-table-column-date-text-cell-view': TableColumnDateTextCellView;\n    }\n}\n\n/**\n * A cell view for displaying date/time fields as text\n */\nexport class TableColumnDateTextCellView extends TableColumnTextCellViewBase<\nTableColumnDateTextCellRecord,\nTableColumnDateTextColumnConfig\n> {\n    private columnConfigChanged(): void {\n        this.updateText();\n    }\n\n    private cellRecordChanged(): void {\n        this.updateText();\n    }\n\n    private updateText(): void {\n        if (this.columnConfig) {\n            this.text = formatNumericDate(\n                this.columnConfig.formatter,\n                this.cellRecord?.value\n            );\n        } else {\n            this.text = '';\n        }\n    }\n}\n\nconst dateTextCellView = TableColumnDateTextCellView.compose({\n    baseName: 'table-column-date-text-cell-view',\n    template,\n    styles\n});\nDesignSystem.getOrCreate().withPrefix('nimble').register(dateTextCellView());\nexport const tableColumnDateTextCellViewTag = 'nimble-table-column-date-text-cell-view';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/table-column/date-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,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAQ5D;;GAEG;AACH,MAAM,OAAO,2BAA4B,SAAQ,2BAGhD;IACa,UAAU;QAChB,IAAI,IAAI,CAAC,YAAY,EAAE;YACnB,IAAI,CAAC,IAAI,GAAG,iBAAiB,CACzB,IAAI,CAAC,YAAY,CAAC,SAAS,EAC3B,IAAI,CAAC,UAAU,EAAE,KAAK,CACzB,CAAC;SACL;aAAM;YACH,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC;SAClB;IACL,CAAC;CACJ;AAED,MAAM,gBAAgB,GAAG,2BAA2B,CAAC,OAAO,CAAC;IACzD,QAAQ,EAAE,kCAAkC;IAC5C,QAAQ;IACR,MAAM;CACT,CAAC,CAAC;AACH,YAAY,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,gBAAgB,EAAE,CAAC,CAAC;AAC7E,MAAM,CAAC,MAAM,8BAA8B,GAAG,yCAAyC,CAAC","sourcesContent":["import { DesignSystem } from '@microsoft/fast-foundation';\nimport { template } from '../../text-base/cell-view/template';\nimport type {\n    TableColumnDateTextCellRecord,\n    TableColumnDateTextColumnConfig\n} from '..';\nimport { styles } from '../../text-base/cell-view/styles';\nimport { TableColumnTextCellViewBase } from '../../text-base/cell-view';\nimport { formatNumericDate } from '../models/format-helper';\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-table-column-date-text-cell-view': TableColumnDateTextCellView;\n    }\n}\n\n/**\n * A cell view for displaying date/time fields as text\n */\nexport class TableColumnDateTextCellView extends TableColumnTextCellViewBase<\nTableColumnDateTextCellRecord,\nTableColumnDateTextColumnConfig\n> {\n    protected updateText(): void {\n        if (this.columnConfig) {\n            this.text = formatNumericDate(\n                this.columnConfig.formatter,\n                this.cellRecord?.value\n            );\n        } else {\n            this.text = '';\n        }\n    }\n}\n\nconst dateTextCellView = TableColumnDateTextCellView.compose({\n    baseName: 'table-column-date-text-cell-view',\n    template,\n    styles\n});\nDesignSystem.getOrCreate().withPrefix('nimble').register(dateTextCellView());\nexport const tableColumnDateTextCellViewTag = 'nimble-table-column-date-text-cell-view';\n"]}

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

@@ -4,8 +4,9 @@ import { TableColumnValidity } from '../base/types';
 import type { ColumnInternalsOptions } from '../base/models/column-internals';
 import { DateTextFormat, LocaleMatcherAlgorithm, EraFormat, YearFormat, DayFormat, HourFormat, MinuteFormat, SecondFormat, TimeZoneNameFormat, FormatMatcherAlgorithm, DayPeriodFormat, DateStyle, TimeStyle, HourCycleFormat, MonthFormat, WeekdayFormat } from './types';
 import { TableColumnDateTextValidator } from './models/table-column-date-text-validator';
+import type { TableColumnTextBaseColumnConfig } from '../text-base/cell-view';
 export type TableColumnDateTextCellRecord = TableNumberField<'value'>;
-export interface TableColumnDateTextColumnConfig {
+export interface TableColumnDateTextColumnConfig extends TableColumnTextBaseColumnConfig {
     formatter: Intl.DateTimeFormat;
 }
 declare global {
@@ -43,6 +44,7 @@ export declare class TableColumnDateText extends TableColumnTextBase {
     connectedCallback(): void;
     disconnectedCallback(): void;
     get validity(): TableColumnValidity;
+    placeholderChanged(): void;
     protected getColumnInternalsOptions(): ColumnInternalsOptions;
     protected formatChanged(): void;
     protected customLocaleMatcherChanged(): void;

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

@@ -37,6 +37,9 @@ export class TableColumnDateText extends TableColumnTextBase {
     get validity() {
         return this.validator.getValidity();
     }
+    placeholderChanged() {
+        this.updateColumnConfig();
+    }
     getColumnInternalsOptions() {
         return {
             cellRecordFieldNames: ['value'],
@@ -110,7 +113,8 @@ export class TableColumnDateText extends TableColumnTextBase {
         const formatter = this.createFormatter();
         if (formatter) {
             const columnConfig = {
-                formatter
+                formatter,
+                placeholder: this.placeholder
             };
             this.columnInternals.columnConfig = columnConfig;
             this.validator.setCustomOptionsValidity(true);

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/table-column/date-text/index.ts"],"names":[],"mappings":";AAAA,OAAO,EACH,YAAY,EAEf,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE5C,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAAE,wBAAwB,EAAuB,MAAM,eAAe,CAAC;AAC9E,OAAO,EAAE,qCAAqC,EAAE,MAAM,qBAAqB,CAAC;AAC5E,OAAO,EAAE,8BAA8B,EAAE,MAAM,aAAa,CAAC;AAE7D,OAAO,EACH,cAAc,EAgBjB,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,4BAA4B,EAAE,MAAM,2CAA2C,CAAC;AACzF,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,wBAAwB,EAAE,MAAM,kCAAkC,CAAC;AAa5E;;GAEG;AACH,MAAM,OAAO,mBAAoB,SAAQ,mBAAmB;IAA5D;;QACI,gBAAgB;QACT,cAAS,GAAG,IAAI,4BAA4B,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;QAiEzD,mBAAc,GAAuC;YAClE,YAAY,EAAE,GAAG,EAAE;gBACf,IAAI,CAAC,kBAAkB,EAAE,CAAC;YAC9B,CAAC;SACJ,CAAC;IAsKN,CAAC;IApKmB,iBAAiB;QAC7B,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,cAAc,EAAE,IAAI,CAAC,CAAC;QAC1C,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAC9B,CAAC;IAEe,oBAAoB;QAChC,KAAK,CAAC,oBAAoB,EAAE,CAAC;QAC7B,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,cAAc,EAAE,IAAI,CAAC,CAAC;IAChD,CAAC;IAED,IAAoB,QAAQ;QACxB,OAAO,IAAI,CAAC,SAAS,CAAC,WAAW,EAAE,CAAC;IACxC,CAAC;IAEkB,yBAAyB;QACxC,OAAO;YACH,oBAAoB,EAAE,CAAC,OAAO,CAAC;YAC/B,WAAW,EAAE,8BAA8B;YAC3C,kBAAkB,EAAE,qCAAqC;YACzD,eAAe,EAAE,EAAE;YACnB,aAAa,EAAE,wBAAwB,CAAC,KAAK;SAChD,CAAC;IACN,CAAC;IAES,aAAa;QACnB,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAC9B,CAAC;IAES,0BAA0B;QAChC,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAC9B,CAAC;IAES,oBAAoB;QAC1B,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAC9B,CAAC;IAES,gBAAgB;QACtB,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAC9B,CAAC;IAES,iBAAiB;QACvB,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAC9B,CAAC;IAES,kBAAkB;QACxB,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAC9B,CAAC;IAES,gBAAgB;QACtB,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAC9B,CAAC;IAES,iBAAiB;QACvB,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAC9B,CAAC;IAES,mBAAmB;QACzB,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAC9B,CAAC;IAES,mBAAmB;QACzB,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAC9B,CAAC;IAES,yBAAyB;QAC/B,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAC9B,CAAC;IAES,0BAA0B;QAChC,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAC9B,CAAC;IAES,mBAAmB;QACzB,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAC9B,CAAC;IAES,qBAAqB;QAC3B,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAC9B,CAAC;IAES,qBAAqB;QAC3B,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAC9B,CAAC;IAES,sBAAsB;QAC5B,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAC9B,CAAC;IAES,4BAA4B;QAClC,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAC9B,CAAC;IAES,sBAAsB;QAC5B,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAC9B,CAAC;IAES,sBAAsB;QAC5B,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAC9B,CAAC;IAES,sBAAsB;QAC5B,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAC9B,CAAC;IAEO,kBAAkB;QACtB,MAAM,SAAS,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;QAEzC,IAAI,SAAS,EAAE;YACX,MAAM,YAAY,GAAoC;gBAClD,SAAS;aACZ,CAAC;YACF,IAAI,CAAC,eAAe,CAAC,YAAY,GAAG,YAAY,CAAC;YACjD,IAAI,CAAC,SAAS,CAAC,wBAAwB,CAAC,IAAI,CAAC,CAAC;SACjD;aAAM;YACH,IAAI,CAAC,eAAe,CAAC,YAAY,GAAG,SAAS,CAAC;YAC9C,IAAI,CAAC,SAAS,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC;SAClD;IACL,CAAC;IAEO,eAAe;QACnB,IAAI,OAAmC,CAAC;QACxC,IAAI,IAAI,CAAC,MAAM,KAAK,cAAc,CAAC,OAAO,EAAE;YACxC,OAAO,GAAG;gBACN,SAAS,EAAE,QAAQ;gBACnB,SAAS,EAAE,QAAQ;aACtB,CAAC;SACL;aAAM;YACH,OAAO,GAAG,IAAI,CAAC,0BAA0B,EAAE,CAAC;SAC/C;QACD,IAAI;YACA,OAAO,IAAI,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC,CAAC;SACnE;QAAC,OAAO,CAAC,EAAE;YACR,OAAO,SAAS,CAAC;SACpB;IACL,CAAC;IAEO,0BAA0B;QAC9B,oFAAoF;QACpF,kFAAkF;QAClF,sCAAsC;QACtC,MAAM,OAAO,GAA+B;YACxC,aAAa,EAAE,IAAI,CAAC,mBAAmB,IAAI,SAAS;YACpD,OAAO,EAAE,IAAI,CAAC,aAAa,IAAI,SAAS;YACxC,GAAG,EAAE,IAAI,CAAC,SAAS,IAAI,SAAS;YAChC,IAAI,EAAE,IAAI,CAAC,UAAU,IAAI,SAAS;YAClC,KAAK,EAAE,IAAI,CAAC,WAAW,IAAI,SAAS;YACpC,GAAG,EAAE,IAAI,CAAC,SAAS,IAAI,SAAS;YAChC,IAAI,EAAE,IAAI,CAAC,UAAU,IAAI,SAAS;YAClC,MAAM,EAAE,IAAI,CAAC,YAAY,IAAI,SAAS;YACtC,MAAM,EAAE,IAAI,CAAC,YAAY,IAAI,SAAS;YACtC,YAAY,EAAE,IAAI,CAAC,kBAAkB,IAAI,SAAS;YAClD,aAAa,EAAE,IAAI,CAAC,mBAAmB,IAAI,SAAS;YACpD,MAAM,EAAE,IAAI,CAAC,YAAY,IAAI,SAAS;YACtC,QAAQ,EAAE,IAAI,CAAC,cAAc,IAAI,SAAS;YAC1C,QAAQ,EAAE,IAAI,CAAC,cAAc,IAAI,SAAS;YAC1C,SAAS,EAAE,IAAI,CAAC,eAAe,IAAI,SAAS;YAC5C,eAAe,EAAE,IAAI,CAAC,qBAAqB,IAAI,SAAS;YACxD,SAAS,EAAE,IAAI,CAAC,eAAe,IAAI,SAAS;YAC5C,SAAS,EAAE,IAAI,CAAC,eAAe,IAAI,SAAS;YAC5C,SAAS,EAAE,IAAI,CAAC,eAAe,IAAI,SAAS;SAC/C,CAAC;QACF,OAAO,OAAO,CAAC;IACnB,CAAC;CACJ;AAxOG;IADC,IAAI;mDACyB;AAG9B;IADC,IAAI,CAAC,EAAE,SAAS,EAAE,uBAAuB,EAAE,CAAC;gEACM;AAGnD;IADC,IAAI,CAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC;0DACF;AAGpC;IADC,IAAI,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC;sDACN;AAG5B;IADC,IAAI,CAAC,EAAE,SAAS,EAAE,aAAa,EAAE,CAAC;uDACL;AAG9B;IADC,IAAI,CAAC,EAAE,SAAS,EAAE,cAAc,EAAE,CAAC;wDACJ;AAGhC;IADC,IAAI,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC;sDACN;AAG5B;IADC,IAAI,CAAC,EAAE,SAAS,EAAE,aAAa,EAAE,CAAC;uDACL;AAG9B;IADC,IAAI,CAAC,EAAE,SAAS,EAAE,eAAe,EAAE,CAAC;yDACH;AAGlC;IADC,IAAI,CAAC,EAAE,SAAS,EAAE,eAAe,EAAE,CAAC;yDACH;AAGlC;IADC,IAAI,CAAC,EAAE,SAAS,EAAE,uBAAuB,EAAE,CAAC;+DACC;AAG9C;IADC,IAAI,CAAC,EAAE,SAAS,EAAE,uBAAuB,EAAE,CAAC;gEACM;AAMnD;IADC,IAAI,CAAC,EAAE,SAAS,EAAE,eAAe,EAAE,SAAS,EAAE,wBAAwB,EAAE,CAAC;yDAC5C;AAG9B;IADC,IAAI,CAAC,EAAE,SAAS,EAAE,kBAAkB,EAAE,CAAC;2DACT;AAG/B;IADC,IAAI,CAAC,EAAE,SAAS,EAAE,iBAAiB,EAAE,CAAC;2DACR;AAG/B;IADC,IAAI,CAAC,EAAE,SAAS,EAAE,mBAAmB,EAAE,CAAC;4DACD;AAGxC;IADC,IAAI,CAAC,EAAE,SAAS,EAAE,yBAAyB,EAAE,CAAC;kEACT;AAGtC;IADC,IAAI,CAAC,EAAE,SAAS,EAAE,mBAAmB,EAAE,CAAC;4DACP;AAGlC;IADC,IAAI,CAAC,EAAE,SAAS,EAAE,mBAAmB,EAAE,CAAC;4DACP;AAGlC;IADC,IAAI,CAAC,EAAE,SAAS,EAAE,mBAAmB,EAAE,CAAC;4DACD;AA8K5C,MAAM,yBAAyB,GAAG,mBAAmB,CAAC,OAAO,CAAC;IAC1D,QAAQ,EAAE,wBAAwB;IAClC,QAAQ;IACR,MAAM;CACT,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,EAAE;KACrB,UAAU,CAAC,QAAQ,CAAC;KACpB,QAAQ,CAAC,yBAAyB,EAAE,CAAC,CAAC;AAC3C,MAAM,CAAC,MAAM,sBAAsB,GAAG,+BAA+B,CAAC","sourcesContent":["import {\n    DesignSystem,\n    DesignTokenSubscriber\n} from '@microsoft/fast-foundation';\nimport { attr } from '@microsoft/fast-element';\nimport { styles } from '../base/styles';\nimport { template } from '../base/template';\nimport type { TableNumberField } from '../../table/types';\nimport { TableColumnTextBase } from '../text-base';\nimport { TableColumnSortOperation, TableColumnValidity } from '../base/types';\nimport { tableColumnDateTextGroupHeaderViewTag } from './group-header-view';\nimport { tableColumnDateTextCellViewTag } from './cell-view';\nimport type { ColumnInternalsOptions } from '../base/models/column-internals';\nimport {\n    DateTextFormat,\n    LocaleMatcherAlgorithm,\n    EraFormat,\n    YearFormat,\n    DayFormat,\n    HourFormat,\n    MinuteFormat,\n    SecondFormat,\n    TimeZoneNameFormat,\n    FormatMatcherAlgorithm,\n    DayPeriodFormat,\n    DateStyle,\n    TimeStyle,\n    HourCycleFormat,\n    MonthFormat,\n    WeekdayFormat\n} from './types';\nimport { TableColumnDateTextValidator } from './models/table-column-date-text-validator';\nimport { lang } from '../../theme-provider';\nimport { optionalBooleanConverter } from '../../utilities/models/converter';\n\nexport type TableColumnDateTextCellRecord = TableNumberField<'value'>;\nexport interface TableColumnDateTextColumnConfig {\n    formatter: Intl.DateTimeFormat;\n}\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-table-column-date-text': TableColumnDateText;\n    }\n}\n\n/**\n * The table column for displaying dates/times as text.\n */\nexport class TableColumnDateText extends TableColumnTextBase {\n    /** @internal */\n    public validator = new TableColumnDateTextValidator(this.columnInternals);\n\n    @attr\n    public format: DateTextFormat;\n\n    @attr({ attribute: 'custom-locale-matcher' })\n    public customLocaleMatcher: LocaleMatcherAlgorithm;\n\n    @attr({ attribute: 'custom-weekday' })\n    public customWeekday: WeekdayFormat;\n\n    @attr({ attribute: 'custom-era' })\n    public customEra: EraFormat;\n\n    @attr({ attribute: 'custom-year' })\n    public customYear: YearFormat;\n\n    @attr({ attribute: 'custom-month' })\n    public customMonth: MonthFormat;\n\n    @attr({ attribute: 'custom-day' })\n    public customDay: DayFormat;\n\n    @attr({ attribute: 'custom-hour' })\n    public customHour: HourFormat;\n\n    @attr({ attribute: 'custom-minute' })\n    public customMinute: MinuteFormat;\n\n    @attr({ attribute: 'custom-second' })\n    public customSecond: SecondFormat;\n\n    @attr({ attribute: 'custom-time-zone-name' })\n    public customTimeZoneName: TimeZoneNameFormat;\n\n    @attr({ attribute: 'custom-format-matcher' })\n    public customFormatMatcher: FormatMatcherAlgorithm;\n\n    // Later versions of FAST (than the legacy branch we're on) have a nullableBooleanConverter.\n    // We should replace our converter with that one when it is available to us.\n    // See issue related to adopting FastElement 2.0: https://github.com/ni/nimble/issues/572\n    @attr({ attribute: 'custom-hour12', converter: optionalBooleanConverter })\n    public customHour12?: boolean;\n\n    @attr({ attribute: 'custom-time-zone' })\n    public customTimeZone?: string;\n\n    @attr({ attribute: 'custom-calendar' })\n    public customCalendar?: string;\n\n    @attr({ attribute: 'custom-day-period' })\n    public customDayPeriod: DayPeriodFormat;\n\n    @attr({ attribute: 'custom-numbering-system' })\n    public customNumberingSystem?: string;\n\n    @attr({ attribute: 'custom-date-style' })\n    public customDateStyle: DateStyle;\n\n    @attr({ attribute: 'custom-time-style' })\n    public customTimeStyle: TimeStyle;\n\n    @attr({ attribute: 'custom-hour-cycle' })\n    public customHourCycle: HourCycleFormat;\n\n    private readonly langSubscriber: DesignTokenSubscriber<typeof lang> = {\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 override get validity(): TableColumnValidity {\n        return this.validator.getValidity();\n    }\n\n    protected override getColumnInternalsOptions(): ColumnInternalsOptions {\n        return {\n            cellRecordFieldNames: ['value'],\n            cellViewTag: tableColumnDateTextCellViewTag,\n            groupHeaderViewTag: tableColumnDateTextGroupHeaderViewTag,\n            delegatedEvents: [],\n            sortOperation: TableColumnSortOperation.basic\n        };\n    }\n\n    protected formatChanged(): void {\n        this.updateColumnConfig();\n    }\n\n    protected customLocaleMatcherChanged(): void {\n        this.updateColumnConfig();\n    }\n\n    protected customWeekdayChanged(): void {\n        this.updateColumnConfig();\n    }\n\n    protected customEraChanged(): void {\n        this.updateColumnConfig();\n    }\n\n    protected customYearChanged(): void {\n        this.updateColumnConfig();\n    }\n\n    protected customMonthChanged(): void {\n        this.updateColumnConfig();\n    }\n\n    protected customDayChanged(): void {\n        this.updateColumnConfig();\n    }\n\n    protected customHourChanged(): void {\n        this.updateColumnConfig();\n    }\n\n    protected customMinuteChanged(): void {\n        this.updateColumnConfig();\n    }\n\n    protected customSecondChanged(): void {\n        this.updateColumnConfig();\n    }\n\n    protected customTimeZoneNameChanged(): void {\n        this.updateColumnConfig();\n    }\n\n    protected customFormatMatcherChanged(): void {\n        this.updateColumnConfig();\n    }\n\n    protected customHour12Changed(): void {\n        this.updateColumnConfig();\n    }\n\n    protected customTimeZoneChanged(): void {\n        this.updateColumnConfig();\n    }\n\n    protected customCalendarChanged(): void {\n        this.updateColumnConfig();\n    }\n\n    protected customDayPeriodChanged(): void {\n        this.updateColumnConfig();\n    }\n\n    protected customNumberingSystemChanged(): void {\n        this.updateColumnConfig();\n    }\n\n    protected customDateStyleChanged(): void {\n        this.updateColumnConfig();\n    }\n\n    protected customTimeStyleChanged(): void {\n        this.updateColumnConfig();\n    }\n\n    protected customHourCycleChanged(): void {\n        this.updateColumnConfig();\n    }\n\n    private updateColumnConfig(): void {\n        const formatter = this.createFormatter();\n\n        if (formatter) {\n            const columnConfig: TableColumnDateTextColumnConfig = {\n                formatter\n            };\n            this.columnInternals.columnConfig = columnConfig;\n            this.validator.setCustomOptionsValidity(true);\n        } else {\n            this.columnInternals.columnConfig = undefined;\n            this.validator.setCustomOptionsValidity(false);\n        }\n    }\n\n    private createFormatter(): Intl.DateTimeFormat | undefined {\n        let options: Intl.DateTimeFormatOptions;\n        if (this.format === DateTextFormat.default) {\n            options = {\n                dateStyle: 'medium',\n                timeStyle: 'medium'\n            };\n        } else {\n            options = this.getCustomFormattingOptions();\n        }\n        try {\n            return new Intl.DateTimeFormat(lang.getValueFor(this), options);\n        } catch (e) {\n            return undefined;\n        }\n    }\n\n    private getCustomFormattingOptions(): Intl.DateTimeFormatOptions {\n        // There's a FAST bug (https://github.com/microsoft/fast/issues/6630) where removing\n        // attributes sets their values to null instead of undefined. To work around this,\n        // translate null values to undefined.\n        const options: Intl.DateTimeFormatOptions = {\n            localeMatcher: this.customLocaleMatcher ?? undefined,\n            weekday: this.customWeekday ?? undefined,\n            era: this.customEra ?? undefined,\n            year: this.customYear ?? undefined,\n            month: this.customMonth ?? undefined,\n            day: this.customDay ?? undefined,\n            hour: this.customHour ?? undefined,\n            minute: this.customMinute ?? undefined,\n            second: this.customSecond ?? undefined,\n            timeZoneName: this.customTimeZoneName ?? undefined,\n            formatMatcher: this.customFormatMatcher ?? undefined,\n            hour12: this.customHour12 ?? undefined,\n            timeZone: this.customTimeZone ?? undefined,\n            calendar: this.customCalendar ?? undefined,\n            dayPeriod: this.customDayPeriod ?? undefined,\n            numberingSystem: this.customNumberingSystem ?? undefined,\n            dateStyle: this.customDateStyle ?? undefined,\n            timeStyle: this.customTimeStyle ?? undefined,\n            hourCycle: this.customHourCycle ?? undefined\n        };\n        return options;\n    }\n}\n\nconst nimbleTableColumnDateText = TableColumnDateText.compose({\n    baseName: 'table-column-date-text',\n    template,\n    styles\n});\n\nDesignSystem.getOrCreate()\n    .withPrefix('nimble')\n    .register(nimbleTableColumnDateText());\nexport const tableColumnDateTextTag = 'nimble-table-column-date-text';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/table-column/date-text/index.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n    DesignSystem,\n    DesignTokenSubscriber\n} from '@microsoft/fast-foundation';\nimport { attr } from '@microsoft/fast-element';\nimport { styles } from '../base/styles';\nimport { template } from '../base/template';\nimport type { TableNumberField } from '../../table/types';\nimport { TableColumnTextBase } from '../text-base';\nimport { TableColumnSortOperation, TableColumnValidity } from '../base/types';\nimport { tableColumnDateTextGroupHeaderViewTag } from './group-header-view';\nimport { tableColumnDateTextCellViewTag } from './cell-view';\nimport type { ColumnInternalsOptions } from '../base/models/column-internals';\nimport {\n    DateTextFormat,\n    LocaleMatcherAlgorithm,\n    EraFormat,\n    YearFormat,\n    DayFormat,\n    HourFormat,\n    MinuteFormat,\n    SecondFormat,\n    TimeZoneNameFormat,\n    FormatMatcherAlgorithm,\n    DayPeriodFormat,\n    DateStyle,\n    TimeStyle,\n    HourCycleFormat,\n    MonthFormat,\n    WeekdayFormat\n} from './types';\nimport { TableColumnDateTextValidator } from './models/table-column-date-text-validator';\nimport { lang } from '../../theme-provider';\nimport { optionalBooleanConverter } from '../../utilities/models/converter';\nimport type { TableColumnTextBaseColumnConfig } from '../text-base/cell-view';\n\nexport type TableColumnDateTextCellRecord = TableNumberField<'value'>;\nexport interface TableColumnDateTextColumnConfig\n    extends TableColumnTextBaseColumnConfig {\n    formatter: Intl.DateTimeFormat;\n}\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-table-column-date-text': TableColumnDateText;\n    }\n}\n\n/**\n * The table column for displaying dates/times as text.\n */\nexport class TableColumnDateText extends TableColumnTextBase {\n    /** @internal */\n    public validator = new TableColumnDateTextValidator(this.columnInternals);\n\n    @attr\n    public format: DateTextFormat;\n\n    @attr({ attribute: 'custom-locale-matcher' })\n    public customLocaleMatcher: LocaleMatcherAlgorithm;\n\n    @attr({ attribute: 'custom-weekday' })\n    public customWeekday: WeekdayFormat;\n\n    @attr({ attribute: 'custom-era' })\n    public customEra: EraFormat;\n\n    @attr({ attribute: 'custom-year' })\n    public customYear: YearFormat;\n\n    @attr({ attribute: 'custom-month' })\n    public customMonth: MonthFormat;\n\n    @attr({ attribute: 'custom-day' })\n    public customDay: DayFormat;\n\n    @attr({ attribute: 'custom-hour' })\n    public customHour: HourFormat;\n\n    @attr({ attribute: 'custom-minute' })\n    public customMinute: MinuteFormat;\n\n    @attr({ attribute: 'custom-second' })\n    public customSecond: SecondFormat;\n\n    @attr({ attribute: 'custom-time-zone-name' })\n    public customTimeZoneName: TimeZoneNameFormat;\n\n    @attr({ attribute: 'custom-format-matcher' })\n    public customFormatMatcher: FormatMatcherAlgorithm;\n\n    // Later versions of FAST (than the legacy branch we're on) have a nullableBooleanConverter.\n    // We should replace our converter with that one when it is available to us.\n    // See issue related to adopting FastElement 2.0: https://github.com/ni/nimble/issues/572\n    @attr({ attribute: 'custom-hour12', converter: optionalBooleanConverter })\n    public customHour12?: boolean;\n\n    @attr({ attribute: 'custom-time-zone' })\n    public customTimeZone?: string;\n\n    @attr({ attribute: 'custom-calendar' })\n    public customCalendar?: string;\n\n    @attr({ attribute: 'custom-day-period' })\n    public customDayPeriod: DayPeriodFormat;\n\n    @attr({ attribute: 'custom-numbering-system' })\n    public customNumberingSystem?: string;\n\n    @attr({ attribute: 'custom-date-style' })\n    public customDateStyle: DateStyle;\n\n    @attr({ attribute: 'custom-time-style' })\n    public customTimeStyle: TimeStyle;\n\n    @attr({ attribute: 'custom-hour-cycle' })\n    public customHourCycle: HourCycleFormat;\n\n    private readonly langSubscriber: DesignTokenSubscriber<typeof lang> = {\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 override get validity(): TableColumnValidity {\n        return this.validator.getValidity();\n    }\n\n    public placeholderChanged(): void {\n        this.updateColumnConfig();\n    }\n\n    protected override getColumnInternalsOptions(): ColumnInternalsOptions {\n        return {\n            cellRecordFieldNames: ['value'],\n            cellViewTag: tableColumnDateTextCellViewTag,\n            groupHeaderViewTag: tableColumnDateTextGroupHeaderViewTag,\n            delegatedEvents: [],\n            sortOperation: TableColumnSortOperation.basic\n        };\n    }\n\n    protected formatChanged(): void {\n        this.updateColumnConfig();\n    }\n\n    protected customLocaleMatcherChanged(): void {\n        this.updateColumnConfig();\n    }\n\n    protected customWeekdayChanged(): void {\n        this.updateColumnConfig();\n    }\n\n    protected customEraChanged(): void {\n        this.updateColumnConfig();\n    }\n\n    protected customYearChanged(): void {\n        this.updateColumnConfig();\n    }\n\n    protected customMonthChanged(): void {\n        this.updateColumnConfig();\n    }\n\n    protected customDayChanged(): void {\n        this.updateColumnConfig();\n    }\n\n    protected customHourChanged(): void {\n        this.updateColumnConfig();\n    }\n\n    protected customMinuteChanged(): void {\n        this.updateColumnConfig();\n    }\n\n    protected customSecondChanged(): void {\n        this.updateColumnConfig();\n    }\n\n    protected customTimeZoneNameChanged(): void {\n        this.updateColumnConfig();\n    }\n\n    protected customFormatMatcherChanged(): void {\n        this.updateColumnConfig();\n    }\n\n    protected customHour12Changed(): void {\n        this.updateColumnConfig();\n    }\n\n    protected customTimeZoneChanged(): void {\n        this.updateColumnConfig();\n    }\n\n    protected customCalendarChanged(): void {\n        this.updateColumnConfig();\n    }\n\n    protected customDayPeriodChanged(): void {\n        this.updateColumnConfig();\n    }\n\n    protected customNumberingSystemChanged(): void {\n        this.updateColumnConfig();\n    }\n\n    protected customDateStyleChanged(): void {\n        this.updateColumnConfig();\n    }\n\n    protected customTimeStyleChanged(): void {\n        this.updateColumnConfig();\n    }\n\n    protected customHourCycleChanged(): void {\n        this.updateColumnConfig();\n    }\n\n    private updateColumnConfig(): void {\n        const formatter = this.createFormatter();\n\n        if (formatter) {\n            const columnConfig: TableColumnDateTextColumnConfig = {\n                formatter,\n                placeholder: this.placeholder\n            };\n            this.columnInternals.columnConfig = columnConfig;\n            this.validator.setCustomOptionsValidity(true);\n        } else {\n            this.columnInternals.columnConfig = undefined;\n            this.validator.setCustomOptionsValidity(false);\n        }\n    }\n\n    private createFormatter(): Intl.DateTimeFormat | undefined {\n        let options: Intl.DateTimeFormatOptions;\n        if (this.format === DateTextFormat.default) {\n            options = {\n                dateStyle: 'medium',\n                timeStyle: 'medium'\n            };\n        } else {\n            options = this.getCustomFormattingOptions();\n        }\n        try {\n            return new Intl.DateTimeFormat(lang.getValueFor(this), options);\n        } catch (e) {\n            return undefined;\n        }\n    }\n\n    private getCustomFormattingOptions(): Intl.DateTimeFormatOptions {\n        // There's a FAST bug (https://github.com/microsoft/fast/issues/6630) where removing\n        // attributes sets their values to null instead of undefined. To work around this,\n        // translate null values to undefined.\n        const options: Intl.DateTimeFormatOptions = {\n            localeMatcher: this.customLocaleMatcher ?? undefined,\n            weekday: this.customWeekday ?? undefined,\n            era: this.customEra ?? undefined,\n            year: this.customYear ?? undefined,\n            month: this.customMonth ?? undefined,\n            day: this.customDay ?? undefined,\n            hour: this.customHour ?? undefined,\n            minute: this.customMinute ?? undefined,\n            second: this.customSecond ?? undefined,\n            timeZoneName: this.customTimeZoneName ?? undefined,\n            formatMatcher: this.customFormatMatcher ?? undefined,\n            hour12: this.customHour12 ?? undefined,\n            timeZone: this.customTimeZone ?? undefined,\n            calendar: this.customCalendar ?? undefined,\n            dayPeriod: this.customDayPeriod ?? undefined,\n            numberingSystem: this.customNumberingSystem ?? undefined,\n            dateStyle: this.customDateStyle ?? undefined,\n            timeStyle: this.customTimeStyle ?? undefined,\n            hourCycle: this.customHourCycle ?? undefined\n        };\n        return options;\n    }\n}\n\nconst nimbleTableColumnDateText = TableColumnDateText.compose({\n    baseName: 'table-column-date-text',\n    template,\n    styles\n});\n\nDesignSystem.getOrCreate()\n    .withPrefix('nimble')\n    .register(nimbleTableColumnDateText());\nexport const tableColumnDateTextTag = 'nimble-table-column-date-text';\n"]}

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

@@ -9,8 +9,6 @@ declare global {
  * A cell view for displaying duration fields as text
  */
 export declare class TableColumnDurationTextCellView extends TableColumnTextCellViewBase<TableColumnDurationTextCellRecord, TableColumnDurationTextColumnConfig> {
-    private columnConfigChanged;
-    private cellRecordChanged;
-    private updateText;
+    protected updateText(): void;
 }
 export declare const tableColumnDurationTextCellViewTag = "nimble-table-column-duration-text-cell-view";

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

@@ -6,12 +6,6 @@ import { TableColumnTextCellViewBase } from '../../text-base/cell-view';
  * A cell view for displaying duration fields as text
  */
 export class TableColumnDurationTextCellView extends TableColumnTextCellViewBase {
-    columnConfigChanged() {
-        this.updateText();
-    }
-    cellRecordChanged() {
-        this.updateText();
-    }
     updateText() {
         this.text = this.columnConfig?.formatter.format(this.cellRecord?.value) ?? '';
     }

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/table-column/duration-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;AAQxE;;GAEG;AACH,MAAM,OAAO,+BAAgC,SAAQ,2BAGpD;IACW,mBAAmB;QACvB,IAAI,CAAC,UAAU,EAAE,CAAC;IACtB,CAAC;IAEO,iBAAiB;QACrB,IAAI,CAAC,UAAU,EAAE,CAAC;IACtB,CAAC;IAEO,UAAU;QACd,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,YAAY,EAAE,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,UAAU,EAAE,KAAK,CAAC,IAAI,EAAE,CAAC;IAClF,CAAC;CACJ;AAED,MAAM,oBAAoB,GAAG,+BAA+B,CAAC,OAAO,CAAC;IACjE,QAAQ,EAAE,sCAAsC;IAChD,QAAQ;IACR,MAAM;CACT,CAAC,CAAC;AACH,YAAY,CAAC,WAAW,EAAE;KACrB,UAAU,CAAC,QAAQ,CAAC;KACpB,QAAQ,CAAC,oBAAoB,EAAE,CAAC,CAAC;AACtC,MAAM,CAAC,MAAM,kCAAkC,GAAG,6CAA6C,CAAC","sourcesContent":["import { DesignSystem } from '@microsoft/fast-foundation';\nimport { template } from '../../text-base/cell-view/template';\nimport type {\n    TableColumnDurationTextCellRecord,\n    TableColumnDurationTextColumnConfig\n} from '..';\nimport { styles } from '../../text-base/cell-view/styles';\nimport { TableColumnTextCellViewBase } from '../../text-base/cell-view';\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-table-column-duration-text-cell-view': TableColumnDurationTextCellView;\n    }\n}\n\n/**\n * A cell view for displaying duration fields as text\n */\nexport class TableColumnDurationTextCellView extends TableColumnTextCellViewBase<\nTableColumnDurationTextCellRecord,\nTableColumnDurationTextColumnConfig\n> {\n    private columnConfigChanged(): void {\n        this.updateText();\n    }\n\n    private cellRecordChanged(): void {\n        this.updateText();\n    }\n\n    private updateText(): void {\n        this.text = this.columnConfig?.formatter.format(this.cellRecord?.value) ?? '';\n    }\n}\n\nconst durationTextCellView = TableColumnDurationTextCellView.compose({\n    baseName: 'table-column-duration-text-cell-view',\n    template,\n    styles\n});\nDesignSystem.getOrCreate()\n    .withPrefix('nimble')\n    .register(durationTextCellView());\nexport const tableColumnDurationTextCellViewTag = 'nimble-table-column-duration-text-cell-view';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/table-column/duration-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;AAQxE;;GAEG;AACH,MAAM,OAAO,+BAAgC,SAAQ,2BAGpD;IACa,UAAU;QAChB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,YAAY,EAAE,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,UAAU,EAAE,KAAK,CAAC,IAAI,EAAE,CAAC;IAClF,CAAC;CACJ;AAED,MAAM,oBAAoB,GAAG,+BAA+B,CAAC,OAAO,CAAC;IACjE,QAAQ,EAAE,sCAAsC;IAChD,QAAQ;IACR,MAAM;CACT,CAAC,CAAC;AACH,YAAY,CAAC,WAAW,EAAE;KACrB,UAAU,CAAC,QAAQ,CAAC;KACpB,QAAQ,CAAC,oBAAoB,EAAE,CAAC,CAAC;AACtC,MAAM,CAAC,MAAM,kCAAkC,GAAG,6CAA6C,CAAC","sourcesContent":["import { DesignSystem } from '@microsoft/fast-foundation';\nimport { template } from '../../text-base/cell-view/template';\nimport type {\n    TableColumnDurationTextCellRecord,\n    TableColumnDurationTextColumnConfig\n} from '..';\nimport { styles } from '../../text-base/cell-view/styles';\nimport { TableColumnTextCellViewBase } from '../../text-base/cell-view';\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-table-column-duration-text-cell-view': TableColumnDurationTextCellView;\n    }\n}\n\n/**\n * A cell view for displaying duration fields as text\n */\nexport class TableColumnDurationTextCellView extends TableColumnTextCellViewBase<\nTableColumnDurationTextCellRecord,\nTableColumnDurationTextColumnConfig\n> {\n    protected updateText(): void {\n        this.text = this.columnConfig?.formatter.format(this.cellRecord?.value) ?? '';\n    }\n}\n\nconst durationTextCellView = TableColumnDurationTextCellView.compose({\n    baseName: 'table-column-duration-text-cell-view',\n    template,\n    styles\n});\nDesignSystem.getOrCreate()\n    .withPrefix('nimble')\n    .register(durationTextCellView());\nexport const tableColumnDurationTextCellViewTag = 'nimble-table-column-duration-text-cell-view';\n"]}

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

@@ -2,8 +2,9 @@ import type { TableNumberField } from '../../table/types';
 import { TableColumnTextBase } from '../text-base';
 import type { ColumnInternalsOptions } from '../base/models/column-internals';
 import { DurationFormatter } from './models/duration-formatter';
+import type { TableColumnTextBaseColumnConfig } from '../text-base/cell-view';
 export type TableColumnDurationTextCellRecord = TableNumberField<'value'>;
-export interface TableColumnDurationTextColumnConfig {
+export interface TableColumnDurationTextColumnConfig extends TableColumnTextBaseColumnConfig {
     formatter: DurationFormatter;
 }
 declare global {
@@ -18,6 +19,7 @@ export declare class TableColumnDurationText extends TableColumnTextBase {
     private readonly langSubscriber;
     connectedCallback(): void;
     disconnectedCallback(): void;
+    placeholderChanged(): void;
     protected getColumnInternalsOptions(): ColumnInternalsOptions;
     private updateColumnConfig;
 }

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

@@ -28,6 +28,9 @@ export class TableColumnDurationText extends TableColumnTextBase {
         super.disconnectedCallback();
         lang.unsubscribe(this.langSubscriber, this);
     }
+    placeholderChanged() {
+        this.updateColumnConfig();
+    }
     getColumnInternalsOptions() {
         return {
             cellRecordFieldNames: ['value'],
@@ -39,15 +42,11 @@ export class TableColumnDurationText extends TableColumnTextBase {
     }
     updateColumnConfig() {
         const formatter = new DurationFormatter(lang.getValueFor(this));
-        if (formatter) {
-            const columnConfig = {
-                formatter
-            };
-            this.columnInternals.columnConfig = columnConfig;
-        }
-        else {
-            this.columnInternals.columnConfig = undefined;
-        }
+        const columnConfig = {
+            formatter,
+            placeholder: this.placeholder
+        };
+        this.columnInternals.columnConfig = columnConfig;
     }
 }
 const nimbleTableColumnDurationText = TableColumnDurationText.compose({

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/table-column/duration-text/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,YAAY,EAEf,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE5C,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAAE,wBAAwB,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,EAAE,kCAAkC,EAAE,MAAM,aAAa,CAAC;AAEjE,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAChE,OAAO,EAAE,yCAAyC,EAAE,MAAM,qBAAqB,CAAC;AAahF;;GAEG;AACH,MAAM,OAAO,uBAAwB,SAAQ,mBAAmB;IAAhE;;QACqB,mBAAc,GAAuC;YAClE,YAAY,EAAE,GAAG,EAAE;gBACf,IAAI,CAAC,kBAAkB,EAAE,CAAC;YAC9B,CAAC;SACJ,CAAC;IAmCN,CAAC;IAjCmB,iBAAiB;QAC7B,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,cAAc,EAAE,IAAI,CAAC,CAAC;QAC1C,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAC9B,CAAC;IAEe,oBAAoB;QAChC,KAAK,CAAC,oBAAoB,EAAE,CAAC;QAC7B,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,cAAc,EAAE,IAAI,CAAC,CAAC;IAChD,CAAC;IAEkB,yBAAyB;QACxC,OAAO;YACH,oBAAoB,EAAE,CAAC,OAAO,CAAC;YAC/B,WAAW,EAAE,kCAAkC;YAC/C,kBAAkB,EAAE,yCAAyC;YAC7D,eAAe,EAAE,EAAE;YACnB,aAAa,EAAE,wBAAwB,CAAC,KAAK;SAChD,CAAC;IACN,CAAC;IAEO,kBAAkB;QACtB,MAAM,SAAS,GAAG,IAAI,iBAAiB,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC;QAEhE,IAAI,SAAS,EAAE;YACX,MAAM,YAAY,GAAwC;gBACtD,SAAS;aACZ,CAAC;YACF,IAAI,CAAC,eAAe,CAAC,YAAY,GAAG,YAAY,CAAC;SACpD;aAAM;YACH,IAAI,CAAC,eAAe,CAAC,YAAY,GAAG,SAAS,CAAC;SACjD;IACL,CAAC;CACJ;AAED,MAAM,6BAA6B,GAAG,uBAAuB,CAAC,OAAO,CAAC;IAClE,QAAQ,EAAE,4BAA4B;IACtC,QAAQ;IACR,MAAM;CACT,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,EAAE;KACrB,UAAU,CAAC,QAAQ,CAAC;KACpB,QAAQ,CAAC,6BAA6B,EAAE,CAAC,CAAC;AAC/C,MAAM,CAAC,MAAM,0BAA0B,GAAG,mCAAmC,CAAC","sourcesContent":["import {\n    DesignSystem,\n    DesignTokenSubscriber\n} from '@microsoft/fast-foundation';\nimport { styles } from '../base/styles';\nimport { template } from '../base/template';\nimport type { TableNumberField } from '../../table/types';\nimport { TableColumnTextBase } from '../text-base';\nimport { TableColumnSortOperation } from '../base/types';\nimport { tableColumnDurationTextCellViewTag } from './cell-view';\nimport type { ColumnInternalsOptions } from '../base/models/column-internals';\nimport { lang } from '../../theme-provider';\nimport { DurationFormatter } from './models/duration-formatter';\nimport { tableColumnDurationTextGroupHeaderViewTag } from './group-header-view';\n\nexport type TableColumnDurationTextCellRecord = TableNumberField<'value'>;\nexport interface TableColumnDurationTextColumnConfig {\n    formatter: DurationFormatter;\n}\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-table-column-duration-text': TableColumnDurationText;\n    }\n}\n\n/**\n * The table column for displaying a duration value as text.\n */\nexport class TableColumnDurationText extends TableColumnTextBase {\n    private readonly langSubscriber: DesignTokenSubscriber<typeof lang> = {\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    protected override getColumnInternalsOptions(): ColumnInternalsOptions {\n        return {\n            cellRecordFieldNames: ['value'],\n            cellViewTag: tableColumnDurationTextCellViewTag,\n            groupHeaderViewTag: tableColumnDurationTextGroupHeaderViewTag,\n            delegatedEvents: [],\n            sortOperation: TableColumnSortOperation.basic\n        };\n    }\n\n    private updateColumnConfig(): void {\n        const formatter = new DurationFormatter(lang.getValueFor(this));\n\n        if (formatter) {\n            const columnConfig: TableColumnDurationTextColumnConfig = {\n                formatter\n            };\n            this.columnInternals.columnConfig = columnConfig;\n        } else {\n            this.columnInternals.columnConfig = undefined;\n        }\n    }\n}\n\nconst nimbleTableColumnDurationText = TableColumnDurationText.compose({\n    baseName: 'table-column-duration-text',\n    template,\n    styles\n});\n\nDesignSystem.getOrCreate()\n    .withPrefix('nimble')\n    .register(nimbleTableColumnDurationText());\nexport const tableColumnDurationTextTag = 'nimble-table-column-duration-text';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/table-column/duration-text/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,YAAY,EAEf,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE5C,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAAE,wBAAwB,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,EAAE,kCAAkC,EAAE,MAAM,aAAa,CAAC;AAEjE,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAChE,OAAO,EAAE,yCAAyC,EAAE,MAAM,qBAAqB,CAAC;AAehF;;GAEG;AACH,MAAM,OAAO,uBAAwB,SAAQ,mBAAmB;IAAhE;;QACqB,mBAAc,GAAuC;YAClE,YAAY,EAAE,GAAG,EAAE;gBACf,IAAI,CAAC,kBAAkB,EAAE,CAAC;YAC9B,CAAC;SACJ,CAAC;IAoCN,CAAC;IAlCmB,iBAAiB;QAC7B,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,cAAc,EAAE,IAAI,CAAC,CAAC;QAC1C,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAC9B,CAAC;IAEe,oBAAoB;QAChC,KAAK,CAAC,oBAAoB,EAAE,CAAC;QAC7B,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,cAAc,EAAE,IAAI,CAAC,CAAC;IAChD,CAAC;IAEM,kBAAkB;QACrB,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAC9B,CAAC;IAEkB,yBAAyB;QACxC,OAAO;YACH,oBAAoB,EAAE,CAAC,OAAO,CAAC;YAC/B,WAAW,EAAE,kCAAkC;YAC/C,kBAAkB,EAAE,yCAAyC;YAC7D,eAAe,EAAE,EAAE;YACnB,aAAa,EAAE,wBAAwB,CAAC,KAAK;SAChD,CAAC;IACN,CAAC;IAEO,kBAAkB;QACtB,MAAM,SAAS,GAAG,IAAI,iBAAiB,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC;QAEhE,MAAM,YAAY,GAAwC;YACtD,SAAS;YACT,WAAW,EAAE,IAAI,CAAC,WAAW;SAChC,CAAC;QACF,IAAI,CAAC,eAAe,CAAC,YAAY,GAAG,YAAY,CAAC;IACrD,CAAC;CACJ;AAED,MAAM,6BAA6B,GAAG,uBAAuB,CAAC,OAAO,CAAC;IAClE,QAAQ,EAAE,4BAA4B;IACtC,QAAQ;IACR,MAAM;CACT,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,EAAE;KACrB,UAAU,CAAC,QAAQ,CAAC;KACpB,QAAQ,CAAC,6BAA6B,EAAE,CAAC,CAAC;AAC/C,MAAM,CAAC,MAAM,0BAA0B,GAAG,mCAAmC,CAAC","sourcesContent":["import {\n    DesignSystem,\n    DesignTokenSubscriber\n} from '@microsoft/fast-foundation';\nimport { styles } from '../base/styles';\nimport { template } from '../base/template';\nimport type { TableNumberField } from '../../table/types';\nimport { TableColumnTextBase } from '../text-base';\nimport { TableColumnSortOperation } from '../base/types';\nimport { tableColumnDurationTextCellViewTag } from './cell-view';\nimport type { ColumnInternalsOptions } from '../base/models/column-internals';\nimport { lang } from '../../theme-provider';\nimport { DurationFormatter } from './models/duration-formatter';\nimport { tableColumnDurationTextGroupHeaderViewTag } from './group-header-view';\nimport type { TableColumnTextBaseColumnConfig } from '../text-base/cell-view';\n\nexport type TableColumnDurationTextCellRecord = TableNumberField<'value'>;\nexport interface TableColumnDurationTextColumnConfig\n    extends TableColumnTextBaseColumnConfig {\n    formatter: DurationFormatter;\n}\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-table-column-duration-text': TableColumnDurationText;\n    }\n}\n\n/**\n * The table column for displaying a duration value as text.\n */\nexport class TableColumnDurationText extends TableColumnTextBase {\n    private readonly langSubscriber: DesignTokenSubscriber<typeof lang> = {\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 {\n        return {\n            cellRecordFieldNames: ['value'],\n            cellViewTag: tableColumnDurationTextCellViewTag,\n            groupHeaderViewTag: tableColumnDurationTextGroupHeaderViewTag,\n            delegatedEvents: [],\n            sortOperation: TableColumnSortOperation.basic\n        };\n    }\n\n    private updateColumnConfig(): void {\n        const formatter = new DurationFormatter(lang.getValueFor(this));\n\n        const columnConfig: TableColumnDurationTextColumnConfig = {\n            formatter,\n            placeholder: this.placeholder\n        };\n        this.columnInternals.columnConfig = columnConfig;\n    }\n}\n\nconst nimbleTableColumnDurationText = TableColumnDurationText.compose({\n    baseName: 'table-column-duration-text',\n    template,\n    styles\n});\n\nDesignSystem.getOrCreate()\n    .withPrefix('nimble')\n    .register(nimbleTableColumnDurationText());\nexport const tableColumnDurationTextTag = 'nimble-table-column-duration-text';\n"]}

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

@@ -6,9 +6,10 @@ import type { MappingKeyType } from './types';
 import type { MappingConfig } from './models/mapping-config';
 import type { MappingKey } from '../../mapping/base/types';
 import type { TableColumnEnumBaseValidator } from './models/table-column-enum-base-validator';
+import type { TableColumnTextBaseColumnConfig } from '../text-base/cell-view';
 export type TableColumnEnumCellRecord = TableStringField<'value'> | TableBooleanField<'value'> | TableNumberField<'value'>;
 export type MappingConfigs = Map<MappingKey, MappingConfig>;
-export interface TableColumnEnumColumnConfig {
+export interface TableColumnEnumColumnConfig extends TableColumnTextBaseColumnConfig {
     mappingConfigs: MappingConfigs;
 }
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/table-column/enum-base/index.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n    attr,\n    Notifier,\n    Observable,\n    observable,\n    Subscriber\n} from '@microsoft/fast-element';\nimport type {\n    TableStringField,\n    TableBooleanField,\n    TableNumberField\n} from '../../table/types';\nimport { TableColumn } from '../base';\nimport { Mapping } from '../../mapping/base';\nimport type { MappingKeyType } from './types';\nimport type { MappingConfig } from './models/mapping-config';\nimport type { MappingKey } from '../../mapping/base/types';\nimport { resolveKeyWithType } from './models/mapping-key-resolver';\nimport type { TableColumnEnumBaseValidator } from './models/table-column-enum-base-validator';\n\nexport type TableColumnEnumCellRecord =\n    | TableStringField<'value'>\n    | TableBooleanField<'value'>\n    | TableNumberField<'value'>;\nexport type MappingConfigs = Map<MappingKey, MappingConfig>;\nexport interface TableColumnEnumColumnConfig {\n    mappingConfigs: MappingConfigs;\n}\n\n/**\n * Base class for table columns that map values to content (e.g. nimble-table-column-enum-text and nimble-table-column-icon)\n */\nexport abstract class TableColumnEnumBase<\n    TColumnConfig extends TableColumnEnumColumnConfig,\n    TEnumValidator extends TableColumnEnumBaseValidator<[]>\n>\n    extends TableColumn<TColumnConfig>\n    implements Subscriber {\n    // To ensure the validator is available when other properties get initialized\n    // (which can trigger validation), declare the validator first.\n    /** @internal */\n    public validator = this.createValidator();\n\n    /** @internal */\n    public mappingNotifiers: Notifier[] = [];\n\n    /** @internal */\n    @observable\n    public mappings: Mapping<unknown>[] = [];\n\n    @attr({ attribute: 'field-name' })\n    public fieldName?: string;\n\n    @attr({ attribute: 'key-type' })\n    public keyType: MappingKeyType = 'string';\n\n    /**\n     * @internal\n     *\n     * Triggers a request to update the columnConfig when any observable property on\n     * a mapping is updated.\n     */\n    public handleChange(source: unknown, args: unknown): void {\n        if (source instanceof Mapping && typeof args === 'string') {\n            this.updateColumnConfig();\n        }\n    }\n\n    public abstract createValidator(): TEnumValidator;\n\n    /**\n     * Implementations should throw an error if an invalid Mapping is passed.\n     */\n    protected abstract createMappingConfig(\n        mapping: Mapping<unknown>\n    ): MappingConfig;\n\n    protected abstract createColumnConfig(\n        mappingConfigs: MappingConfigs\n    ): TColumnConfig;\n\n    /**\n     * Called when any Mapping related state has changed.\n     */\n    private updateColumnConfig(): void {\n        this.validator.validate(this.mappings, this.keyType);\n        this.columnInternals.columnConfig = this.validator.isValid()\n            ? this.createColumnConfig(this.getMappingConfigs())\n            : undefined;\n    }\n\n    private getMappingConfigs(): MappingConfigs {\n        const mappingConfigs = new Map<MappingKey, MappingConfig>();\n        this.mappings.forEach(mapping => {\n            const key = resolveKeyWithType(mapping.key, this.keyType);\n            if (key === undefined) {\n                throw Error(\n                    'Key was invalid for type. Validation should have prevented this.'\n                );\n            }\n            const mappingConfig = this.createMappingConfig(mapping);\n            mappingConfigs.set(key, mappingConfig);\n        });\n        return mappingConfigs;\n    }\n\n    private fieldNameChanged(): void {\n        this.columnInternals.dataRecordFieldNames = [this.fieldName];\n        this.columnInternals.operandDataRecordFieldName = this.fieldName;\n    }\n\n    private mappingsChanged(): void {\n        this.updateColumnConfig();\n        this.observeMappings();\n    }\n\n    private keyTypeChanged(): void {\n        this.updateColumnConfig();\n    }\n\n    private removeMappingObservers(): void {\n        this.mappingNotifiers.forEach(notifier => {\n            notifier.unsubscribe(this);\n        });\n        this.mappingNotifiers = [];\n    }\n\n    private observeMappings(): void {\n        this.removeMappingObservers();\n\n        for (const mapping of this.mappings) {\n            const notifier = Observable.getNotifier(mapping);\n            notifier.subscribe(this);\n            this.mappingNotifiers.push(notifier);\n        }\n    }\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/table-column/enum-base/index.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n    attr,\n    Notifier,\n    Observable,\n    observable,\n    Subscriber\n} from '@microsoft/fast-element';\nimport type {\n    TableStringField,\n    TableBooleanField,\n    TableNumberField\n} from '../../table/types';\nimport { TableColumn } from '../base';\nimport { Mapping } from '../../mapping/base';\nimport type { MappingKeyType } from './types';\nimport type { MappingConfig } from './models/mapping-config';\nimport type { MappingKey } from '../../mapping/base/types';\nimport { resolveKeyWithType } from './models/mapping-key-resolver';\nimport type { TableColumnEnumBaseValidator } from './models/table-column-enum-base-validator';\nimport type { TableColumnTextBaseColumnConfig } from '../text-base/cell-view';\n\nexport type TableColumnEnumCellRecord =\n    | TableStringField<'value'>\n    | TableBooleanField<'value'>\n    | TableNumberField<'value'>;\nexport type MappingConfigs = Map<MappingKey, MappingConfig>;\nexport interface TableColumnEnumColumnConfig\n    extends TableColumnTextBaseColumnConfig {\n    mappingConfigs: MappingConfigs;\n}\n\n/**\n * Base class for table columns that map values to content (e.g. nimble-table-column-enum-text and nimble-table-column-icon)\n */\nexport abstract class TableColumnEnumBase<\n    TColumnConfig extends TableColumnEnumColumnConfig,\n    TEnumValidator extends TableColumnEnumBaseValidator<[]>\n>\n    extends TableColumn<TColumnConfig>\n    implements Subscriber {\n    // To ensure the validator is available when other properties get initialized\n    // (which can trigger validation), declare the validator first.\n    /** @internal */\n    public validator = this.createValidator();\n\n    /** @internal */\n    public mappingNotifiers: Notifier[] = [];\n\n    /** @internal */\n    @observable\n    public mappings: Mapping<unknown>[] = [];\n\n    @attr({ attribute: 'field-name' })\n    public fieldName?: string;\n\n    @attr({ attribute: 'key-type' })\n    public keyType: MappingKeyType = 'string';\n\n    /**\n     * @internal\n     *\n     * Triggers a request to update the columnConfig when any observable property on\n     * a mapping is updated.\n     */\n    public handleChange(source: unknown, args: unknown): void {\n        if (source instanceof Mapping && typeof args === 'string') {\n            this.updateColumnConfig();\n        }\n    }\n\n    public abstract createValidator(): TEnumValidator;\n\n    /**\n     * Implementations should throw an error if an invalid Mapping is passed.\n     */\n    protected abstract createMappingConfig(\n        mapping: Mapping<unknown>\n    ): MappingConfig;\n\n    protected abstract createColumnConfig(\n        mappingConfigs: MappingConfigs\n    ): TColumnConfig;\n\n    /**\n     * Called when any Mapping related state has changed.\n     */\n    private updateColumnConfig(): void {\n        this.validator.validate(this.mappings, this.keyType);\n        this.columnInternals.columnConfig = this.validator.isValid()\n            ? this.createColumnConfig(this.getMappingConfigs())\n            : undefined;\n    }\n\n    private getMappingConfigs(): MappingConfigs {\n        const mappingConfigs = new Map<MappingKey, MappingConfig>();\n        this.mappings.forEach(mapping => {\n            const key = resolveKeyWithType(mapping.key, this.keyType);\n            if (key === undefined) {\n                throw Error(\n                    'Key was invalid for type. Validation should have prevented this.'\n                );\n            }\n            const mappingConfig = this.createMappingConfig(mapping);\n            mappingConfigs.set(key, mappingConfig);\n        });\n        return mappingConfigs;\n    }\n\n    private fieldNameChanged(): void {\n        this.columnInternals.dataRecordFieldNames = [this.fieldName];\n        this.columnInternals.operandDataRecordFieldName = this.fieldName;\n    }\n\n    private mappingsChanged(): void {\n        this.updateColumnConfig();\n        this.observeMappings();\n    }\n\n    private keyTypeChanged(): void {\n        this.updateColumnConfig();\n    }\n\n    private removeMappingObservers(): void {\n        this.mappingNotifiers.forEach(notifier => {\n            notifier.unsubscribe(this);\n        });\n        this.mappingNotifiers = [];\n    }\n\n    private observeMappings(): void {\n        this.removeMappingObservers();\n\n        for (const mapping of this.mappings) {\n            const notifier = Observable.getNotifier(mapping);\n            notifier.subscribe(this);\n            this.mappingNotifiers.push(notifier);\n        }\n    }\n}\n"]}

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

@@ -9,8 +9,6 @@ declare global {
  * A cell view for displaying mapped text
  */
 export declare class TableColumnEnumTextCellView extends TableColumnTextCellViewBase<TableColumnEnumCellRecord, TableColumnEnumColumnConfig> {
-    private columnConfigChanged;
-    private cellRecordChanged;
-    private updateText;
+    protected updateText(): void;
 }
 export declare const tableColumnEnumTextCellViewTag = "nimble-table-column-enum-text-cell-view";

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

@@ -7,12 +7,6 @@ import { MappingTextConfig } from '../../enum-base/models/mapping-text-config';
  * A cell view for displaying mapped text
  */
 export class TableColumnEnumTextCellView extends TableColumnTextCellViewBase {
-    columnConfigChanged() {
-        this.updateText();
-    }
-    cellRecordChanged() {
-        this.updateText();
-    }
     updateText() {
         const value = this.cellRecord?.value;
         if (value === undefined || value === null) {

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/table-column/enum-text/cell-view/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,MAAM,EAAE,MAAM,kCAAkC,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,oCAAoC,CAAC;AAK9D,OAAO,EAAE,2BAA2B,EAAE,MAAM,2BAA2B,CAAC;AACxE,OAAO,EAAE,iBAAiB,EAAE,MAAM,4CAA4C,CAAC;AAQ/E;;GAEG;AACH,MAAM,OAAO,2BAA4B,SAAQ,2BAGhD;IACW,mBAAmB;QACvB,IAAI,CAAC,UAAU,EAAE,CAAC;IACtB,CAAC;IAEO,iBAAiB;QACrB,IAAI,CAAC,UAAU,EAAE,CAAC;IACtB,CAAC;IAEO,UAAU;QACd,MAAM,KAAK,GAAG,IAAI,CAAC,UAAU,EAAE,KAAK,CAAC;QACrC,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,IAAI,EAAE;YACvC,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC;YACf,OAAO;SACV;QAED,MAAM,MAAM,GAAG,IAAI,CAAC,YAAY,EAAE,cAAc,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;QAC5D,IAAI,CAAC,IAAI,GAAG,MAAM,YAAY,iBAAiB,IAAI,MAAM,CAAC,IAAI;YAC1D,CAAC,CAAC,MAAM,CAAC,IAAI;YACb,CAAC,CAAC,EAAE,CAAC;IACb,CAAC;CACJ;AAED,MAAM,gBAAgB,GAAG,2BAA2B,CAAC,OAAO,CAAC;IACzD,QAAQ,EAAE,kCAAkC;IAC5C,QAAQ;IACR,MAAM;CACT,CAAC,CAAC;AACH,YAAY,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,gBAAgB,EAAE,CAAC,CAAC;AAC7E,MAAM,CAAC,MAAM,8BAA8B,GAAG,yCAAyC,CAAC","sourcesContent":["import { DesignSystem } from '@microsoft/fast-foundation';\nimport { styles } from '../../text-base/cell-view/styles';\nimport { template } from '../../text-base/cell-view/template';\nimport type {\n    TableColumnEnumCellRecord,\n    TableColumnEnumColumnConfig\n} from '../../enum-base';\nimport { TableColumnTextCellViewBase } from '../../text-base/cell-view';\nimport { MappingTextConfig } from '../../enum-base/models/mapping-text-config';\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-table-column-enum-text-cell-view': TableColumnEnumTextCellView;\n    }\n}\n\n/**\n * A cell view for displaying mapped text\n */\nexport class TableColumnEnumTextCellView extends TableColumnTextCellViewBase<\nTableColumnEnumCellRecord,\nTableColumnEnumColumnConfig\n> {\n    private columnConfigChanged(): void {\n        this.updateText();\n    }\n\n    private cellRecordChanged(): void {\n        this.updateText();\n    }\n\n    private updateText(): void {\n        const value = this.cellRecord?.value;\n        if (value === undefined || value === null) {\n            this.text = '';\n            return;\n        }\n\n        const config = this.columnConfig?.mappingConfigs.get(value);\n        this.text = config instanceof MappingTextConfig && config.text\n            ? config.text\n            : '';\n    }\n}\n\nconst enumTextCellView = TableColumnEnumTextCellView.compose({\n    baseName: 'table-column-enum-text-cell-view',\n    template,\n    styles\n});\nDesignSystem.getOrCreate().withPrefix('nimble').register(enumTextCellView());\nexport const tableColumnEnumTextCellViewTag = 'nimble-table-column-enum-text-cell-view';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/table-column/enum-text/cell-view/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,MAAM,EAAE,MAAM,kCAAkC,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,oCAAoC,CAAC;AAK9D,OAAO,EAAE,2BAA2B,EAAE,MAAM,2BAA2B,CAAC;AACxE,OAAO,EAAE,iBAAiB,EAAE,MAAM,4CAA4C,CAAC;AAQ/E;;GAEG;AACH,MAAM,OAAO,2BAA4B,SAAQ,2BAGhD;IACa,UAAU;QAChB,MAAM,KAAK,GAAG,IAAI,CAAC,UAAU,EAAE,KAAK,CAAC;QACrC,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,IAAI,EAAE;YACvC,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC;YACf,OAAO;SACV;QAED,MAAM,MAAM,GAAG,IAAI,CAAC,YAAY,EAAE,cAAc,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;QAC5D,IAAI,CAAC,IAAI,GAAG,MAAM,YAAY,iBAAiB,IAAI,MAAM,CAAC,IAAI;YAC1D,CAAC,CAAC,MAAM,CAAC,IAAI;YACb,CAAC,CAAC,EAAE,CAAC;IACb,CAAC;CACJ;AAED,MAAM,gBAAgB,GAAG,2BAA2B,CAAC,OAAO,CAAC;IACzD,QAAQ,EAAE,kCAAkC;IAC5C,QAAQ;IACR,MAAM;CACT,CAAC,CAAC;AACH,YAAY,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,gBAAgB,EAAE,CAAC,CAAC;AAC7E,MAAM,CAAC,MAAM,8BAA8B,GAAG,yCAAyC,CAAC","sourcesContent":["import { DesignSystem } from '@microsoft/fast-foundation';\nimport { styles } from '../../text-base/cell-view/styles';\nimport { template } from '../../text-base/cell-view/template';\nimport type {\n    TableColumnEnumCellRecord,\n    TableColumnEnumColumnConfig\n} from '../../enum-base';\nimport { TableColumnTextCellViewBase } from '../../text-base/cell-view';\nimport { MappingTextConfig } from '../../enum-base/models/mapping-text-config';\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-table-column-enum-text-cell-view': TableColumnEnumTextCellView;\n    }\n}\n\n/**\n * A cell view for displaying mapped text\n */\nexport class TableColumnEnumTextCellView extends TableColumnTextCellViewBase<\nTableColumnEnumCellRecord,\nTableColumnEnumColumnConfig\n> {\n    protected updateText(): void {\n        const value = this.cellRecord?.value;\n        if (value === undefined || value === null) {\n            this.text = '';\n            return;\n        }\n\n        const config = this.columnConfig?.mappingConfigs.get(value);\n        this.text = config instanceof MappingTextConfig && config.text\n            ? config.text\n            : '';\n    }\n}\n\nconst enumTextCellView = TableColumnEnumTextCellView.compose({\n    baseName: 'table-column-enum-text-cell-view',\n    template,\n    styles\n});\nDesignSystem.getOrCreate().withPrefix('nimble').register(enumTextCellView());\nexport const tableColumnEnumTextCellViewTag = 'nimble-table-column-enum-text-cell-view';\n"]}

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

@@ -0,0 +1,9 @@
+import type { TableColumn } from '../base';
+type TableColumnWithPlaceholder = Pick<TableColumn, never>;
+type TableColumnWithPlaceholderConstructor = abstract new (...args: any[]) => TableColumnWithPlaceholder;
+export declare function mixinColumnWithPlaceholderAPI<TBase extends TableColumnWithPlaceholderConstructor>(base: TBase): (abstract new (...args: any[]) => {
+    placeholder?: string | undefined;
+    /** @internal */
+    placeholderChanged(): void;
+}) & TBase;
+export {};

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

@@ -0,0 +1,16 @@
+import { attr } from '@microsoft/fast-element';
+// As the returned class is internal to the function, we can't write a signature that uses it directly, so rely on inference
+// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types, @typescript-eslint/explicit-function-return-type
+export function mixinColumnWithPlaceholderAPI(base) {
+    /**
+     * The Mixin that provides a concrete column with the API to allow grouping
+     * by the values in that column.
+     */
+    class ColumnWithPlaceholder extends base {
+    }
+    attr({ attribute: 'placeholder' })(
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
+    ColumnWithPlaceholder.prototype, 'placeholder');
+    return ColumnWithPlaceholder;
+}
+//# sourceMappingURL=placeholder.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"placeholder.js","sourceRoot":"","sources":["../../../../src/table-column/mixins/placeholder.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAU/C,4HAA4H;AAC5H,+HAA+H;AAC/H,MAAM,UAAU,6BAA6B,CAE3C,IAAW;IACT;;;OAGG;IACH,MAAe,qBAAsB,SAAQ,IAAI;KAKhD;IACD,IAAI,CAAC,EAAE,SAAS,EAAE,aAAa,EAAE,CAAC;IAC9B,iEAAiE;IACjE,qBAAqB,CAAC,SAAS,EAC/B,aAAa,CAChB,CAAC;IAEF,OAAO,qBAAqB,CAAC;AACjC,CAAC","sourcesContent":["import { attr } from '@microsoft/fast-element';\nimport type { TableColumn } from '../base';\n\n// Pick just the relevant properties the mixin depends on (typescript complains if the mixin declares private / protected base exports)\n// Because the 'placeholder' mixin doesn't depend on any properties of the TableColumn, there are no properties to pick.\ntype TableColumnWithPlaceholder = Pick<TableColumn, never>;\n// prettier-ignore\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype TableColumnWithPlaceholderConstructor = abstract new (...args: any[]) => TableColumnWithPlaceholder;\n\n// As the returned class is internal to the function, we can't write a signature that uses it directly, so rely on inference\n// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types, @typescript-eslint/explicit-function-return-type\nexport function mixinColumnWithPlaceholderAPI<\n    TBase extends TableColumnWithPlaceholderConstructor\n>(base: TBase) {\n    /**\n     * The Mixin that provides a concrete column with the API to allow grouping\n     * by the values in that column.\n     */\n    abstract class ColumnWithPlaceholder extends base {\n        public placeholder?: string;\n\n        /** @internal */\n        public abstract placeholderChanged(): void;\n    }\n    attr({ attribute: 'placeholder' })(\n        // eslint-disable-next-line @typescript-eslint/no-unsafe-argument\n        ColumnWithPlaceholder.prototype,\n        'placeholder'\n    );\n\n    return ColumnWithPlaceholder;\n}\n"]}

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

@@ -9,8 +9,7 @@ declare global {
  * A cell view for displaying number fields as text
  */
 export declare class TableColumnNumberTextCellView extends TableColumnTextCellViewBase<TableColumnNumberTextCellRecord, TableColumnNumberTextColumnConfig> {
-    private columnConfigChanged;
-    private cellRecordChanged;
-    private updateText;
+    protected columnConfigChanged(): void;
+    protected updateText(): void;
 }
 export declare const tableColumnNumberTextCellViewTag = "nimble-table-column-number-text-cell-view";

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

@@ -8,12 +8,9 @@ import { TextCellViewBaseAlignment } from '../../text-base/cell-view/types';
  */
 export class TableColumnNumberTextCellView extends TableColumnTextCellViewBase {
     columnConfigChanged() {
-        this.updateText();
+        super.columnConfigChanged();
         this.alignment = this.columnConfig?.alignment ?? TextCellViewBaseAlignment.left;
     }
-    cellRecordChanged() {
-        this.updateText();
-    }
     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;IACW,mBAAmB;QACvB,IAAI,CAAC,UAAU,EAAE,CAAC;QAClB,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,YAAY,EAAE,SAAS,IAAI,yBAAyB,CAAC,IAAI,CAAC;IACpF,CAAC;IAEO,iBAAiB;QACrB,IAAI,CAAC,UAAU,EAAE,CAAC;IACtB,CAAC;IAEO,UAAU;QACd,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    private columnConfigChanged(): void {\n        this.updateText();\n        this.alignment = this.columnConfig?.alignment ?? TextCellViewBaseAlignment.left;\n    }\n\n    private cellRecordChanged(): void {\n        this.updateText();\n    }\n\n    private 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,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"]}

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

@@ -6,8 +6,9 @@ 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 {
+export interface TableColumnNumberTextColumnConfig extends TableColumnTextBaseColumnConfig {
     formatter: UnitFormat;
     alignment: TextCellViewBaseAlignment;
 }
@@ -35,6 +36,7 @@ export declare class TableColumnNumberText extends TableColumnTextBase {
     connectedCallback(): void;
     disconnectedCallback(): void;
     get validity(): TableColumnValidity;
+    placeholderChanged(): void;
     protected getColumnInternalsOptions(): ColumnInternalsOptions;
     private updateUnitNotifier;
     private formatChanged;

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

@@ -45,6 +45,9 @@ export class TableColumnNumberText extends TableColumnTextBase {
     get validity() {
         return this.validator.getValidity();
     }
+    placeholderChanged() {
+        this.updateColumnConfig();
+    }
     getColumnInternalsOptions() {
         return {
             cellRecordFieldNames: ['value'],
@@ -99,7 +102,8 @@ export class TableColumnNumberText extends TableColumnTextBase {
         if (this.validator.isValid()) {
             const columnConfig = {
                 formatter: this.createFormatter(),
-                alignment: this.determineCellContentAlignment()
+                alignment: this.determineCellContentAlignment(),
+                placeholder: this.placeholder
             };
             this.columnInternals.columnConfig = columnConfig;
         }

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 } from '../text-base';\nimport { TableColumnSortOperation, TableColumnValidity } 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';\n\nexport type TableColumnNumberTextCellRecord = TableNumberField<'value'>;\nexport interface TableColumnNumberTextColumnConfig {\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 TableColumnTextBase {\n    /** @internal */\n    public validator = new TableColumnNumberTextValidator(this.columnInternals);\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 override get validity(): TableColumnValidity {\n        return this.validator.getValidity();\n    }\n\n    protected override getColumnInternalsOptions(): ColumnInternalsOptions {\n        return {\n            cellRecordFieldNames: ['value'],\n            cellViewTag: tableColumnNumberTextCellViewTag,\n            groupHeaderViewTag: tableColumnNumberTextGroupHeaderTag,\n            delegatedEvents: [],\n            sortOperation: TableColumnSortOperation.basic\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        this.validator.validateDecimalDigits(this.format, this.decimalDigits);\n        this.validator.validateDecimalMaximumDigits(\n            this.format,\n            this.decimalMaximumDigits\n        );\n        this.validator.validateNoMutuallyExclusiveProperties(\n            this.format,\n            this.decimalDigits,\n            this.decimalMaximumDigits\n        );\n        this.validator.validateAtMostOneUnit(this.unitElements ?? []);\n\n        if (this.validator.isValid()) {\n            const columnConfig: TableColumnNumberTextColumnConfig = {\n                formatter: this.createFormatter(),\n                alignment: this.determineCellContentAlignment()\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 type { TableNumberField } from '../../table/types';\nimport { TableColumnTextBase } from '../text-base';\nimport { TableColumnSortOperation, TableColumnValidity } 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 TableColumnTextBase {\n    /** @internal */\n    public validator = new TableColumnNumberTextValidator(this.columnInternals);\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 override get validity(): TableColumnValidity {\n        return this.validator.getValidity();\n    }\n\n    public placeholderChanged(): void {\n        this.updateColumnConfig();\n    }\n\n    protected override getColumnInternalsOptions(): ColumnInternalsOptions {\n        return {\n            cellRecordFieldNames: ['value'],\n            cellViewTag: tableColumnNumberTextCellViewTag,\n            groupHeaderViewTag: tableColumnNumberTextGroupHeaderTag,\n            delegatedEvents: [],\n            sortOperation: TableColumnSortOperation.basic\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        this.validator.validateDecimalDigits(this.format, this.decimalDigits);\n        this.validator.validateDecimalMaximumDigits(\n            this.format,\n            this.decimalMaximumDigits\n        );\n        this.validator.validateNoMutuallyExclusiveProperties(\n            this.format,\n            this.decimalDigits,\n            this.decimalMaximumDigits\n        );\n        this.validator.validateAtMostOneUnit(this.unitElements ?? []);\n\n        if (this.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"]}

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

@@ -9,6 +9,6 @@ declare global {
  * A cell view for displaying string fields as text
  */
 export declare class TableColumnTextCellView extends TableColumnTextCellViewBase<TableColumnTextCellRecord, TableColumnTextColumnConfig> {
-    private cellRecordChanged;
+    protected updateText(): void;
 }
 export declare const tableColumnTextCellViewTag = "nimble-table-column-text-cell-view";