@ni/nimble-components 20.1.12 → 20.1.14

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

@@ -15,9 +15,7 @@ import { MappingTextConfig } from '../enum-base/models/mapping-text-config';
  */
 export class TableColumnEnumText extends mixinGroupableColumnAPI(mixinFractionalWidthColumnAPI((TableColumnEnumBase))) {
     createValidator() {
-        return new TableColumnEnumTextValidator(this.columnInternals, [
-            MappingText
-        ]);
+        return new TableColumnEnumTextValidator(this.columnInternals);
     }
     get validity() {
         return this.validator.getValidity();

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/table-column/enum-text/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAEH,mBAAmB,EAEtB,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,wBAAwB,EAAuB,MAAM,eAAe,CAAC;AAC9E,OAAO,EAAE,uBAAuB,EAAE,MAAM,4BAA4B,CAAC;AACrE,OAAO,EAAE,6BAA6B,EAAE,MAAM,mCAAmC,CAAC;AAClF,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACjD,OAAO,EAAE,4BAA4B,EAAE,MAAM,2CAA2C,CAAC;AAEzF,OAAO,EAAE,8BAA8B,EAAE,MAAM,aAAa,CAAC;AAC7D,OAAO,EAAE,qCAAqC,EAAE,MAAM,qBAAqB,CAAC;AAG5E,OAAO,EAAE,iBAAiB,EAAE,MAAM,yCAAyC,CAAC;AAQ5E;;GAEG;AACH,MAAM,OAAO,mBAAoB,SAAQ,uBAAuB,CAC5D,6BAA6B,CACzB,CAAA,mBAGC,CAAA,CACJ,CACJ;IACmB,eAAe;QAC3B,OAAO,IAAI,4BAA4B,CAAC,IAAI,CAAC,eAAe,EAAE;YAC1D,WAAW;SACd,CAAC,CAAC;IACP,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;IAEkB,kBAAkB,CACjC,cAA8B;QAE9B,OAAO;YACH,cAAc;SACjB,CAAC;IACN,CAAC;IAES,mBAAmB,CAAC,OAAgB;QAC1C,IAAI,OAAO,YAAY,WAAW,EAAE;YAChC,OAAO,IAAI,iBAAiB,CAAC,OAAO,CAAC,IAAK,CAAC,CAAC;SAC/C;QACD,+EAA+E;QAC/E,mEAAmE;QACnE,MAAM,IAAI,KAAK,CAAC,qBAAqB,CAAC,CAAC;IAC3C,CAAC;CACJ;AAED,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,YAAY,CAAC,MAAM,CAAC,mBAAmB,CAAC,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/table-column/enum-text/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAEH,mBAAmB,EAEtB,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,wBAAwB,EAAuB,MAAM,eAAe,CAAC;AAC9E,OAAO,EAAE,uBAAuB,EAAE,MAAM,4BAA4B,CAAC;AACrE,OAAO,EAAE,6BAA6B,EAAE,MAAM,mCAAmC,CAAC;AAClF,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACjD,OAAO,EAAE,4BAA4B,EAAE,MAAM,2CAA2C,CAAC;AAEzF,OAAO,EAAE,8BAA8B,EAAE,MAAM,aAAa,CAAC;AAC7D,OAAO,EAAE,qCAAqC,EAAE,MAAM,qBAAqB,CAAC;AAG5E,OAAO,EAAE,iBAAiB,EAAE,MAAM,yCAAyC,CAAC;AAQ5E;;GAEG;AACH,MAAM,OAAO,mBAAoB,SAAQ,uBAAuB,CAC5D,6BAA6B,CACzB,CAAA,mBAGC,CAAA,CACJ,CACJ;IACmB,eAAe;QAC3B,OAAO,IAAI,4BAA4B,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;IAClE,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;IAEkB,kBAAkB,CACjC,cAA8B;QAE9B,OAAO;YACH,cAAc;SACjB,CAAC;IACN,CAAC;IAES,mBAAmB,CAAC,OAAgB;QAC1C,IAAI,OAAO,YAAY,WAAW,EAAE;YAChC,OAAO,IAAI,iBAAiB,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;SAC9C;QACD,+EAA+E;QAC/E,mEAAmE;QACnE,MAAM,IAAI,KAAK,CAAC,qBAAqB,CAAC,CAAC;IAC3C,CAAC;CACJ;AAED,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,YAAY,CAAC,MAAM,CAAC,mBAAmB,CAAC,CAAC"}

package/dist/esm/table-column/enum-text/models/table-column-enum-text-validator.d.ts

@@ -1,4 +1,3 @@
-import type { Mapping } from '../../../mapping/base';
 import type { ColumnInternals } from '../../base/models/column-internals';
 import { TableColumnEnumBaseValidator } from '../../enum-base/models/table-column-enum-base-validator';
 declare const enumTextValidityFlagNames: readonly ["invalidMappingKeyValueForType", "unsupportedMappingType", "duplicateMappingKey", "missingKeyValue", "missingTextValue"];
@@ -6,6 +5,6 @@ declare const enumTextValidityFlagNames: readonly ["invalidMappingKeyValueForTyp
  * Validator for TableColumnEnumText
  */
 export declare class TableColumnEnumTextValidator extends TableColumnEnumBaseValidator<typeof enumTextValidityFlagNames> {
-    constructor(columnInternals: ColumnInternals<unknown>, supportedMappingElements: readonly (typeof Mapping)[]);
+    constructor(columnInternals: ColumnInternals<unknown>);
 }
 export {};

package/dist/esm/table-column/enum-text/models/table-column-enum-text-validator.js

@@ -1,11 +1,12 @@
+import { MappingText } from '../../../mapping/text';
 import { TableColumnEnumBaseValidator, enumBaseValidityFlagNames } from '../../enum-base/models/table-column-enum-base-validator';
 const enumTextValidityFlagNames = [...enumBaseValidityFlagNames];
 /**
  * Validator for TableColumnEnumText
  */
 export class TableColumnEnumTextValidator extends TableColumnEnumBaseValidator {
-    constructor(columnInternals, supportedMappingElements) {
-        super(columnInternals, enumTextValidityFlagNames, supportedMappingElements);
+    constructor(columnInternals) {
+        super(columnInternals, enumTextValidityFlagNames, [MappingText]);
     }
 }
 //# sourceMappingURL=table-column-enum-text-validator.js.map

package/dist/esm/table-column/enum-text/models/table-column-enum-text-validator.js.map

@@ -1 +1 @@
-{"version":3,"file":"table-column-enum-text-validator.js","sourceRoot":"","sources":["../../../../../src/table-column/enum-text/models/table-column-enum-text-validator.ts"],"names":[],"mappings":"AAEA,OAAO,EACH,4BAA4B,EAC5B,yBAAyB,EAC5B,MAAM,yDAAyD,CAAC;AAEjE,MAAM,yBAAyB,GAAG,CAAC,GAAG,yBAAyB,CAAU,CAAC;AAE1E;;GAEG;AACH,MAAM,OAAO,4BAA6B,SAAQ,4BAEjD;IACG,YACI,eAAyC,EACzC,wBAAqD;QAErD,KAAK,CACD,eAAe,EACf,yBAAyB,EACzB,wBAAwB,CAC3B,CAAC;IACN,CAAC;CACJ"}
+{"version":3,"file":"table-column-enum-text-validator.js","sourceRoot":"","sources":["../../../../../src/table-column/enum-text/models/table-column-enum-text-validator.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAEpD,OAAO,EACH,4BAA4B,EAC5B,yBAAyB,EAC5B,MAAM,yDAAyD,CAAC;AAEjE,MAAM,yBAAyB,GAAG,CAAC,GAAG,yBAAyB,CAAU,CAAC;AAE1E;;GAEG;AACH,MAAM,OAAO,4BAA6B,SAAQ,4BAEjD;IACG,YAAmB,eAAyC;QACxD,KAAK,CAAC,eAAe,EAAE,yBAAyB,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IACrE,CAAC;CACJ"}

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

@@ -0,0 +1,23 @@
+import { ViewTemplate } from '@microsoft/fast-element';
+import { TableCellView } from '../../base/cell-view';
+import type { TableColumnEnumCellRecord, TableColumnEnumColumnConfig } from '../../enum-base';
+import { IconView } from '../../enum-base/models/mapping-icon-config';
+import type { IconSeverity } from '../../../icon-base/types';
+declare global {
+    interface HTMLElementTagNameMap {
+        'nimble-table-column-icon-cell-view': TableColumnIconCellView;
+    }
+}
+/**
+ * The cell view for the icon column
+ */
+export declare class TableColumnIconCellView extends TableCellView<TableColumnEnumCellRecord, TableColumnEnumColumnConfig> implements IconView {
+    severity: IconSeverity;
+    text?: string;
+    iconTemplate?: ViewTemplate<IconView>;
+    visual?: 'spinner' | 'icon';
+    private columnConfigChanged;
+    private cellRecordChanged;
+    private updateState;
+}
+export declare const tableColumnIconCellViewTag: string;

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

@@ -0,0 +1,58 @@
+import { __decorate } from "tslib";
+import { DesignSystem } from '@microsoft/fast-foundation';
+import { observable } from '@microsoft/fast-element';
+import { TableCellView } from '../../base/cell-view';
+import { template } from './template';
+import { MappingIconConfig } from '../../enum-base/models/mapping-icon-config';
+import { MappingSpinnerConfig } from '../../enum-base/models/mapping-spinner-config';
+/**
+ * The cell view for the icon column
+ */
+export class TableColumnIconCellView extends TableCellView {
+    columnConfigChanged() {
+        this.updateState();
+    }
+    cellRecordChanged() {
+        this.updateState();
+    }
+    updateState() {
+        this.visual = undefined;
+        if (!this.columnConfig || !this.cellRecord) {
+            return;
+        }
+        const value = this.cellRecord.value;
+        if (value === undefined || value === null) {
+            return;
+        }
+        const mappingConfig = this.columnConfig.mappingConfigs.get(value);
+        if (mappingConfig instanceof MappingIconConfig) {
+            this.visual = 'icon';
+            this.severity = mappingConfig.severity;
+            this.text = mappingConfig.text;
+            this.iconTemplate = mappingConfig.iconTemplate;
+        }
+        else if (mappingConfig instanceof MappingSpinnerConfig) {
+            this.visual = 'spinner';
+            this.text = mappingConfig.text;
+        }
+    }
+}
+__decorate([
+    observable
+], TableColumnIconCellView.prototype, "severity", void 0);
+__decorate([
+    observable
+], TableColumnIconCellView.prototype, "text", void 0);
+__decorate([
+    observable
+], TableColumnIconCellView.prototype, "iconTemplate", void 0);
+__decorate([
+    observable
+], TableColumnIconCellView.prototype, "visual", void 0);
+const iconCellView = TableColumnIconCellView.compose({
+    baseName: 'table-column-icon-cell-view',
+    template
+});
+DesignSystem.getOrCreate().withPrefix('nimble').register(iconCellView());
+export const tableColumnIconCellViewTag = DesignSystem.tagFor(TableColumnIconCellView);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/table-column/icon/cell-view/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAgB,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAKtC,OAAO,EAEH,iBAAiB,EACpB,MAAM,4CAA4C,CAAC;AAEpD,OAAO,EAAE,oBAAoB,EAAE,MAAM,+CAA+C,CAAC;AAQrF;;GAEG;AACH,MAAM,OAAO,uBACT,SAAQ,aAGP;IAcO,mBAAmB;QACvB,IAAI,CAAC,WAAW,EAAE,CAAC;IACvB,CAAC;IAEO,iBAAiB;QACrB,IAAI,CAAC,WAAW,EAAE,CAAC;IACvB,CAAC;IAEO,WAAW;QACf,IAAI,CAAC,MAAM,GAAG,SAAS,CAAC;QACxB,IAAI,CAAC,IAAI,CAAC,YAAY,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE;YACxC,OAAO;SACV;QACD,MAAM,KAAK,GAAG,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC;QACpC,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,IAAI,EAAE;YACvC,OAAO;SACV;QACD,MAAM,aAAa,GAAG,IAAI,CAAC,YAAY,CAAC,cAAc,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;QAClE,IAAI,aAAa,YAAY,iBAAiB,EAAE;YAC5C,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;YACrB,IAAI,CAAC,QAAQ,GAAG,aAAa,CAAC,QAAQ,CAAC;YACvC,IAAI,CAAC,IAAI,GAAG,aAAa,CAAC,IAAI,CAAC;YAC/B,IAAI,CAAC,YAAY,GAAG,aAAa,CAAC,YAAY,CAAC;SAClD;aAAM,IAAI,aAAa,YAAY,oBAAoB,EAAE;YACtD,IAAI,CAAC,MAAM,GAAG,SAAS,CAAC;YACxB,IAAI,CAAC,IAAI,GAAG,aAAa,CAAC,IAAI,CAAC;SAClC;IACL,CAAC;CACJ;AAvCG;IADC,UAAU;yDACmB;AAG9B;IADC,UAAU;qDACU;AAGrB;IADC,UAAU;6DACkC;AAG7C;IADC,UAAU;uDACwB;AAgCvC,MAAM,YAAY,GAAG,uBAAuB,CAAC,OAAO,CAAC;IACjD,QAAQ,EAAE,6BAA6B;IACvC,QAAQ;CACX,CAAC,CAAC;AACH,YAAY,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,YAAY,EAAE,CAAC,CAAC;AACzE,MAAM,CAAC,MAAM,0BAA0B,GAAG,YAAY,CAAC,MAAM,CACzD,uBAAuB,CAC1B,CAAC"}

package/dist/esm/table-column/icon/cell-view/template.d.ts

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

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

@@ -0,0 +1,13 @@
+import { html, when } from '@microsoft/fast-element';
+import { spinnerTag } from '../../../spinner';
+export const template = html `
+    ${when(x => x.visual === 'icon', x => x.iconTemplate)}
+    ${when(x => x.visual === 'spinner', html `
+        <${spinnerTag}
+            title="${x => x.text}"
+            aria-label="${x => x.text}"
+            class="no-shrink">
+        </${spinnerTag}>
+    `)}
+`;
+//# sourceMappingURL=template.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"template.js","sourceRoot":"","sources":["../../../../../src/table-column/icon/cell-view/template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAErD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,MAAM,CAAC,MAAM,QAAQ,GAAG,IAAI,CAAyB;MAC/C,IAAI,CACF,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,KAAK,MAAM,EACxB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAa,CACvB;MACC,IAAI,CACF,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,KAAK,SAAS,EAC3B,IAAI,CAAyB;WAC1B,UAAU;qBACA,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI;0BACN,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI;;YAEzB,UAAU;KACjB,CACA;CACJ,CAAC"}

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

@@ -0,0 +1,23 @@
+import { ViewTemplate } from '@microsoft/fast-element';
+import type { TableColumnEnumColumnConfig } from '../../enum-base';
+import type { TableFieldValue } from '../../../table/types';
+import { TableColumnTextGroupHeaderViewBase } from '../../text-base/group-header-view';
+import type { IconSeverity } from '../../../icon-base/types';
+import { type IconView } from '../../enum-base/models/mapping-icon-config';
+declare global {
+    interface HTMLElementTagNameMap {
+        'nimble-table-column-icon-group-header-view': TableColumnIconGroupHeaderView;
+    }
+}
+/**
+ * The group header view for the icon column
+ */
+export declare class TableColumnIconGroupHeaderView extends TableColumnTextGroupHeaderViewBase<TableFieldValue, TableColumnEnumColumnConfig> implements IconView {
+    severity: IconSeverity;
+    iconTemplate?: ViewTemplate<IconView>;
+    visual?: 'spinner' | 'icon';
+    private columnConfigChanged;
+    private groupHeaderValueChanged;
+    private updateState;
+}
+export declare const tableColumnIconGroupHeaderViewTag: string;

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

@@ -0,0 +1,57 @@
+import { __decorate } from "tslib";
+import { DesignSystem } from '@microsoft/fast-foundation';
+import { observable } from '@microsoft/fast-element';
+import { styles } from './styles';
+import { template } from './template';
+import { TableColumnTextGroupHeaderViewBase } from '../../text-base/group-header-view';
+import { MappingIconConfig } from '../../enum-base/models/mapping-icon-config';
+import { MappingSpinnerConfig } from '../../enum-base/models/mapping-spinner-config';
+/**
+ * The group header view for the icon column
+ */
+export class TableColumnIconGroupHeaderView extends TableColumnTextGroupHeaderViewBase {
+    columnConfigChanged() {
+        this.updateState();
+    }
+    groupHeaderValueChanged() {
+        this.updateState();
+    }
+    updateState() {
+        this.visual = undefined;
+        if (!this.columnConfig) {
+            return;
+        }
+        const value = this.groupHeaderValue;
+        if (value === undefined || value === null) {
+            return;
+        }
+        const mappingConfig = this.columnConfig.mappingConfigs.get(value);
+        if (mappingConfig instanceof MappingIconConfig) {
+            this.visual = 'icon';
+            this.severity = mappingConfig.severity;
+            this.text = mappingConfig.text ?? '';
+            this.iconTemplate = mappingConfig.iconTemplate;
+        }
+        else if (mappingConfig instanceof MappingSpinnerConfig) {
+            this.visual = 'spinner';
+            this.text = mappingConfig.text ?? '';
+        }
+    }
+}
+__decorate([
+    observable
+], TableColumnIconGroupHeaderView.prototype, "severity", void 0);
+__decorate([
+    observable
+], TableColumnIconGroupHeaderView.prototype, "iconTemplate", void 0);
+__decorate([
+    observable
+], TableColumnIconGroupHeaderView.prototype, "visual", void 0);
+const iconGroupHeaderView = TableColumnIconGroupHeaderView.compose({
+    baseName: 'table-column-icon-group-header-view',
+    template,
+    styles
+});
+DesignSystem.getOrCreate().withPrefix('nimble').register(iconGroupHeaderView());
+export const tableColumnIconGroupHeaderViewTag = DesignSystem.tagFor(TableColumnIconGroupHeaderView);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/table-column/icon/group-header-view/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAgB,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACnE,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAGtC,OAAO,EAAE,kCAAkC,EAAE,MAAM,mCAAmC,CAAC;AAEvF,OAAO,EACH,iBAAiB,EAEpB,MAAM,4CAA4C,CAAC;AACpD,OAAO,EAAE,oBAAoB,EAAE,MAAM,+CAA+C,CAAC;AAQrF;;GAEG;AACH,MAAM,OAAO,8BACT,SAAQ,kCAGP;IAWO,mBAAmB;QACvB,IAAI,CAAC,WAAW,EAAE,CAAC;IACvB,CAAC;IAEO,uBAAuB;QAC3B,IAAI,CAAC,WAAW,EAAE,CAAC;IACvB,CAAC;IAEO,WAAW;QACf,IAAI,CAAC,MAAM,GAAG,SAAS,CAAC;QACxB,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE;YACpB,OAAO;SACV;QACD,MAAM,KAAK,GAAG,IAAI,CAAC,gBAAgB,CAAC;QACpC,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,IAAI,EAAE;YACvC,OAAO;SACV;QACD,MAAM,aAAa,GAAG,IAAI,CAAC,YAAY,CAAC,cAAc,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;QAClE,IAAI,aAAa,YAAY,iBAAiB,EAAE;YAC5C,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;YACrB,IAAI,CAAC,QAAQ,GAAG,aAAa,CAAC,QAAQ,CAAC;YACvC,IAAI,CAAC,IAAI,GAAG,aAAa,CAAC,IAAI,IAAI,EAAE,CAAC;YACrC,IAAI,CAAC,YAAY,GAAG,aAAa,CAAC,YAAY,CAAC;SAClD;aAAM,IAAI,aAAa,YAAY,oBAAoB,EAAE;YACtD,IAAI,CAAC,MAAM,GAAG,SAAS,CAAC;YACxB,IAAI,CAAC,IAAI,GAAG,aAAa,CAAC,IAAI,IAAI,EAAE,CAAC;SACxC;IACL,CAAC;CACJ;AApCG;IADC,UAAU;gEACmB;AAG9B;IADC,UAAU;oEACkC;AAG7C;IADC,UAAU;8DACwB;AAgCvC,MAAM,mBAAmB,GAAG,8BAA8B,CAAC,OAAO,CAAC;IAC/D,QAAQ,EAAE,qCAAqC;IAC/C,QAAQ;IACR,MAAM;CACT,CAAC,CAAC;AACH,YAAY,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,mBAAmB,EAAE,CAAC,CAAC;AAChF,MAAM,CAAC,MAAM,iCAAiC,GAAG,YAAY,CAAC,MAAM,CAChE,8BAA8B,CACjC,CAAC"}

package/dist/esm/table-column/icon/group-header-view/styles.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("@microsoft/fast-element").ElementStyles;

package/dist/esm/table-column/icon/group-header-view/styles.js

@@ -0,0 +1,25 @@
+import { css } from '@microsoft/fast-element';
+import { display } from '@microsoft/fast-foundation';
+import { bodyFont, bodyFontColor, smallPadding } from '../../../theme-provider/design-tokens';
+export const styles = css `
+    ${display('inline-flex')}
+
+    :host {
+        gap: ${smallPadding};
+        align-items: center;
+    }
+
+    .no-shrink {
+        flex-shrink: 0;
+    }
+
+    span {
+        flex-shrink: 1;
+        font: ${bodyFont};
+        color: ${bodyFontColor};
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+    }
+`;
+//# sourceMappingURL=styles.js.map

package/dist/esm/table-column/icon/group-header-view/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/table-column/icon/group-header-view/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EACH,QAAQ,EACR,aAAa,EACb,YAAY,EACf,MAAM,uCAAuC,CAAC;AAE/C,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,aAAa,CAAC;;;eAGb,YAAY;;;;;;;;;;gBAUX,QAAQ;iBACP,aAAa;;;;;CAK7B,CAAC"}

package/dist/esm/table-column/icon/group-header-view/template.d.ts

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

package/dist/esm/table-column/icon/group-header-view/template.js

@@ -0,0 +1,24 @@
+import { html, when } from '@microsoft/fast-element';
+import { spinnerTag } from '../../../spinner';
+import { overflow } from '../../../utilities/directive/overflow';
+// prettier-ignore
+export const template = html `
+    ${when(x => x.visual === 'icon', html `
+            ${x => x.iconTemplate}
+            <span    
+                ${overflow('hasOverflow')}
+                title="${x => (x.hasOverflow && x.text ? x.text : null)}"
+            >${x => x.text}</span>`)}
+    ${when(x => x.visual === 'spinner', html `
+        <${spinnerTag}
+            title="${x => x.text}"
+            aria-label="${x => x.text}"
+            class="no-shrink">
+        </${spinnerTag}>
+        <span    
+            ${overflow('hasOverflow')}
+            title="${x => (x.hasOverflow && x.text ? x.text : null)}"
+        >${x => x.text}</span>
+    `)}
+`;
+//# sourceMappingURL=template.js.map

package/dist/esm/table-column/icon/group-header-view/template.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"template.js","sourceRoot":"","sources":["../../../../../src/table-column/icon/group-header-view/template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAGrD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,uCAAuC,CAAC;AAEjE,kBAAkB;AAClB,MAAM,CAAC,MAAM,QAAQ,GAAG,IAAI,CAAgC;MACtD,IAAI,CACF,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,KAAK,MAAM,EACxB,IAAI,CAAgC;cAC9B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAa;;kBAEhB,QAAQ,CAAC,aAAa,CAAC;yBAChB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,WAAW,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;eACxD,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,SAAS,CAC9B;MACC,IAAI,CACF,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,KAAK,SAAS,EAC3B,IAAI,CAAgC;WACjC,UAAU;qBACA,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI;0BACN,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI;;YAEzB,UAAU;;cAER,QAAQ,CAAC,aAAa,CAAC;qBAChB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,WAAW,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;WACxD,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI;KACjB,CACA;CACJ,CAAC"}

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

@@ -0,0 +1,43 @@
+import { MappingConfigs, TableColumnEnumBase, TableColumnEnumColumnConfig } from '../enum-base';
+import { TableColumnValidity } from '../base/types';
+import { TableColumnIconValidator } from './models/table-column-icon-validator';
+import type { ColumnInternalsOptions } from '../base/models/column-internals';
+import type { Mapping } from '../../mapping/base';
+import type { MappingConfig } from '../enum-base/models/mapping-config';
+declare global {
+    interface HTMLElementTagNameMap {
+        'nimble-table-column-icon': TableColumnIcon;
+    }
+}
+declare const TableColumnIcon_base: (abstract new (...args: any[]) => {
+    groupingDisabled: boolean;
+    groupIndex?: number | null | undefined;
+    groupingDisabledChanged(): void;
+    groupIndexChanged(): void;
+    readonly columnInternals: import("../base/models/column-internals").ColumnInternals<unknown>;
+}) & (abstract new (...args: any[]) => {
+    fractionalWidth?: number | null | undefined;
+    minPixelWidth?: number | null | undefined;
+    fractionalWidthChanged(): void;
+    minPixelWidthChanged(): void;
+    readonly columnInternals: import("../base/models/column-internals").ColumnInternals<unknown>;
+}) & ((abstract new () => TableColumnEnumBase<TableColumnEnumColumnConfig, TableColumnIconValidator>) & {
+    compose<T extends import("@microsoft/fast-foundation").FoundationElementDefinition = import("@microsoft/fast-foundation").FoundationElementDefinition, K extends import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement> = import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>(this: K, elementDefinition: T): (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<T> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<T, K>;
+    from<TBase extends {
+        new (): HTMLElement;
+        prototype: HTMLElement;
+    }>(BaseType: TBase): new () => InstanceType<TBase> & import("@microsoft/fast-element").FASTElement;
+    define<TType extends Function>(type: TType, nameOrDef?: string | import("@microsoft/fast-element").PartialFASTElementDefinition | undefined): TType;
+});
+/**
+ * Table column that maps values to icons / spinners
+ */
+export declare class TableColumnIcon extends TableColumnIcon_base {
+    createValidator(): TableColumnIconValidator;
+    get validity(): TableColumnValidity;
+    protected getColumnInternalsOptions(): ColumnInternalsOptions;
+    protected createColumnConfig(mappingConfigs: MappingConfigs): TableColumnEnumColumnConfig;
+    protected createMappingConfig(mapping: Mapping): MappingConfig;
+}
+export declare const tableColumnIconTag: string;
+export {};

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

@@ -0,0 +1,63 @@
+import { DesignSystem } from '@microsoft/fast-foundation';
+import { TableColumnEnumBase } from '../enum-base';
+import { styles } from '../enum-base/styles';
+import { template } from '../enum-base/template';
+import { TableColumnSortOperation } from '../base/types';
+import { mixinGroupableColumnAPI } from '../mixins/groupable-column';
+import { mixinFractionalWidthColumnAPI } from '../mixins/fractional-width-column';
+import { MappingSpinner } from '../../mapping/spinner';
+import { MappingIcon } from '../../mapping/icon';
+import { TableColumnIconValidator } from './models/table-column-icon-validator';
+import { tableColumnIconGroupHeaderViewTag } from './group-header-view';
+import { tableColumnIconCellViewTag } from './cell-view';
+import { MappingIconConfig } from '../enum-base/models/mapping-icon-config';
+import { MappingSpinnerConfig } from '../enum-base/models/mapping-spinner-config';
+/**
+ * Table column that maps values to icons / spinners
+ */
+export class TableColumnIcon extends mixinGroupableColumnAPI(mixinFractionalWidthColumnAPI((TableColumnEnumBase))) {
+    createValidator() {
+        return new TableColumnIconValidator(this.columnInternals);
+    }
+    get validity() {
+        return this.validator.getValidity();
+    }
+    getColumnInternalsOptions() {
+        return {
+            cellRecordFieldNames: ['value'],
+            cellViewTag: tableColumnIconCellViewTag,
+            groupHeaderViewTag: tableColumnIconGroupHeaderViewTag,
+            delegatedEvents: [],
+            sortOperation: TableColumnSortOperation.basic
+        };
+    }
+    createColumnConfig(mappingConfigs) {
+        return {
+            mappingConfigs
+        };
+    }
+    createMappingConfig(mapping) {
+        if (mapping instanceof MappingIcon) {
+            if (!mapping.resolvedIcon) {
+                throw Error('Unresolved icon');
+            }
+            return new MappingIconConfig(mapping.resolvedIcon, mapping.severity, mapping.text);
+        }
+        if (mapping instanceof MappingSpinner) {
+            return new MappingSpinnerConfig(mapping.text);
+        }
+        // Getting here would indicate a programming error, b/c validation will prevent
+        // this function from running when there is an unsupported mapping.
+        throw new Error('Unsupported mapping');
+    }
+}
+const nimbleTableColumnIcon = TableColumnIcon.compose({
+    baseName: 'table-column-icon',
+    template,
+    styles
+});
+DesignSystem.getOrCreate()
+    .withPrefix('nimble')
+    .register(nimbleTableColumnIcon());
+export const tableColumnIconTag = DesignSystem.tagFor(TableColumnIcon);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/table-column/icon/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAEH,mBAAmB,EAEtB,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,wBAAwB,EAAuB,MAAM,eAAe,CAAC;AAC9E,OAAO,EAAE,uBAAuB,EAAE,MAAM,4BAA4B,CAAC;AACrE,OAAO,EAAE,6BAA6B,EAAE,MAAM,mCAAmC,CAAC;AAClF,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACjD,OAAO,EAAE,wBAAwB,EAAE,MAAM,sCAAsC,CAAC;AAEhF,OAAO,EAAE,iCAAiC,EAAE,MAAM,qBAAqB,CAAC;AACxE,OAAO,EAAE,0BAA0B,EAAE,MAAM,aAAa,CAAC;AAGzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,yCAAyC,CAAC;AAC5E,OAAO,EAAE,oBAAoB,EAAE,MAAM,4CAA4C,CAAC;AAQlF;;GAEG;AACH,MAAM,OAAO,eAAgB,SAAQ,uBAAuB,CACxD,6BAA6B,CACzB,CAAA,mBAGC,CAAA,CACJ,CACJ;IACmB,eAAe;QAC3B,OAAO,IAAI,wBAAwB,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;IAC9D,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,0BAA0B;YACvC,kBAAkB,EAAE,iCAAiC;YACrD,eAAe,EAAE,EAAE;YACnB,aAAa,EAAE,wBAAwB,CAAC,KAAK;SAChD,CAAC;IACN,CAAC;IAEkB,kBAAkB,CACjC,cAA8B;QAE9B,OAAO;YACH,cAAc;SACjB,CAAC;IACN,CAAC;IAES,mBAAmB,CAAC,OAAgB;QAC1C,IAAI,OAAO,YAAY,WAAW,EAAE;YAChC,IAAI,CAAC,OAAO,CAAC,YAAY,EAAE;gBACvB,MAAM,KAAK,CAAC,iBAAiB,CAAC,CAAC;aAClC;YACD,OAAO,IAAI,iBAAiB,CACxB,OAAO,CAAC,YAAY,EACpB,OAAO,CAAC,QAAQ,EAChB,OAAO,CAAC,IAAI,CACf,CAAC;SACL;QACD,IAAI,OAAO,YAAY,cAAc,EAAE;YACnC,OAAO,IAAI,oBAAoB,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;SACjD;QACD,+EAA+E;QAC/E,mEAAmE;QACnE,MAAM,IAAI,KAAK,CAAC,qBAAqB,CAAC,CAAC;IAC3C,CAAC;CACJ;AAED,MAAM,qBAAqB,GAAG,eAAe,CAAC,OAAO,CAAC;IAClD,QAAQ,EAAE,mBAAmB;IAC7B,QAAQ;IACR,MAAM;CACT,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,EAAE;KACrB,UAAU,CAAC,QAAQ,CAAC;KACpB,QAAQ,CAAC,qBAAqB,EAAE,CAAC,CAAC;AACvC,MAAM,CAAC,MAAM,kBAAkB,GAAG,YAAY,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC"}

package/dist/esm/table-column/icon/models/table-column-icon-validator.d.ts

@@ -0,0 +1,14 @@
+import type { Mapping } from '../../../mapping/base';
+import type { ColumnInternals } from '../../base/models/column-internals';
+import { TableColumnEnumBaseValidator } from '../../enum-base/models/table-column-enum-base-validator';
+import type { MappingKeyType } from '../../enum-base/types';
+declare const iconValidityFlagNames: readonly ["invalidMappingKeyValueForType", "unsupportedMappingType", "duplicateMappingKey", "missingKeyValue", "missingTextValue", "invalidIconName"];
+/**
+ * Validator for TableColumnIcon
+ */
+export declare class TableColumnIconValidator extends TableColumnEnumBaseValidator<typeof iconValidityFlagNames> {
+    constructor(columnInternals: ColumnInternals<unknown>);
+    validate(mappings: Mapping[], keyType: MappingKeyType): void;
+    private validateIconNames;
+}
+export {};

package/dist/esm/table-column/icon/models/table-column-icon-validator.js

@@ -0,0 +1,30 @@
+import { MappingIcon } from '../../../mapping/icon';
+import { MappingSpinner } from '../../../mapping/spinner';
+import { TableColumnEnumBaseValidator, enumBaseValidityFlagNames } from '../../enum-base/models/table-column-enum-base-validator';
+const iconValidityFlagNames = [
+    ...enumBaseValidityFlagNames,
+    'invalidIconName'
+];
+/**
+ * Validator for TableColumnIcon
+ */
+export class TableColumnIconValidator extends TableColumnEnumBaseValidator {
+    constructor(columnInternals) {
+        super(columnInternals, iconValidityFlagNames, [
+            MappingIcon,
+            MappingSpinner
+        ]);
+    }
+    validate(mappings, keyType) {
+        super.validate(mappings, keyType);
+        this.validateIconNames(mappings);
+    }
+    validateIconNames(mappings) {
+        const isMappingIcon = (mapping) => mapping instanceof MappingIcon;
+        const invalid = mappings
+            .filter(isMappingIcon)
+            .some(mappingIcon => mappingIcon.resolvedIcon === undefined);
+        this.setConditionValue('invalidIconName', invalid);
+    }
+}
+//# sourceMappingURL=table-column-icon-validator.js.map

package/dist/esm/table-column/icon/models/table-column-icon-validator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-column-icon-validator.js","sourceRoot":"","sources":["../../../../../src/table-column/icon/models/table-column-icon-validator.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAE1D,OAAO,EACH,4BAA4B,EAC5B,yBAAyB,EAC5B,MAAM,yDAAyD,CAAC;AAGjE,MAAM,qBAAqB,GAAG;IAC1B,GAAG,yBAAyB;IAC5B,iBAAiB;CACX,CAAC;AAEX;;GAEG;AACH,MAAM,OAAO,wBAAyB,SAAQ,4BAE7C;IACG,YAAmB,eAAyC;QACxD,KAAK,CAAC,eAAe,EAAE,qBAAqB,EAAE;YAC1C,WAAW;YACX,cAAc;SACjB,CAAC,CAAC;IACP,CAAC;IAEe,QAAQ,CACpB,QAAmB,EACnB,OAAuB;QAEvB,KAAK,CAAC,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;QAClC,IAAI,CAAC,iBAAiB,CAAC,QAAQ,CAAC,CAAC;IACrC,CAAC;IAEO,iBAAiB,CAAC,QAAmB;QACzC,MAAM,aAAa,GAAG,CAAC,OAAgB,EAA0B,EAAE,CAAC,OAAO,YAAY,WAAW,CAAC;QACnG,MAAM,OAAO,GAAG,QAAQ;aACnB,MAAM,CAAC,aAAa,CAAC;aACrB,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC,WAAW,CAAC,YAAY,KAAK,SAAS,CAAC,CAAC;QACjE,IAAI,CAAC,iBAAiB,CAAC,iBAAiB,EAAE,OAAO,CAAC,CAAC;IACvD,CAAC;CACJ"}

package/package.json

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