@ni/nimble-components 24.1.14 → 25.1.0

package/dist/esm/table-column/enum-base/models/mapping-icon-config.d.ts

@@ -4,12 +4,14 @@ import { MappingConfig } from './mapping-config';
 export interface IconView {
     severity: IconSeverity;
     text?: string;
+    textHidden: boolean;
 }
 /**
  * Mapping configuration corresponding to a icon mapping
  */
 export declare class MappingIconConfig extends MappingConfig {
     readonly severity: IconSeverity;
+    readonly textHidden: boolean;
     readonly iconTemplate: ViewTemplate<IconView>;
-    constructor(resolvedIcon: string | undefined, severity: IconSeverity, text: string | undefined);
+    constructor(resolvedIcon: string | undefined, severity: IconSeverity, text: string | undefined, textHidden: boolean);
 }

package/dist/esm/table-column/enum-base/models/mapping-icon-config.js

@@ -10,11 +10,11 @@ const createIconTemplate = (icon) => {
     }
     return html `
         <${icon}
-            title="${x => x.text}"
+            title="${x => (x.textHidden ? x.text : '')}"
             role="img"
             aria-label="${x => x.text}"
+            aria-hidden="${x => (x.textHidden ? 'false' : 'true')}"
             severity="${x => x.severity}"
-            class="no-shrink"
         >
         </${icon}>
     `;
@@ -23,9 +23,10 @@ const createIconTemplate = (icon) => {
  * Mapping configuration corresponding to a icon mapping
  */
 export class MappingIconConfig extends MappingConfig {
-    constructor(resolvedIcon, severity, text) {
+    constructor(resolvedIcon, severity, text, textHidden) {
         super(text);
         this.severity = severity;
+        this.textHidden = textHidden;
         this.iconTemplate = createIconTemplate(resolvedIcon);
     }
 }

package/dist/esm/table-column/enum-base/models/mapping-icon-config.js.map

@@ -1 +1 @@
-{"version":3,"file":"mapping-icon-config.js","sourceRoot":"","sources":["../../../../../src/table-column/enum-base/models/mapping-icon-config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAqB,MAAM,yBAAyB,CAAC;AAElE,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAOjD,mFAAmF;AACnF,uDAAuD;AACvD,kBAAkB;AAClB,MAAM,aAAa,GAAG,IAAI,CAAU,GAAG,CAAC;AAExC,MAAM,kBAAkB,GAAG,CACvB,IAAwB,EACF,EAAE;IACxB,IAAI,IAAI,KAAK,SAAS,EAAE;QACpB,OAAO,aAAa,CAAC;KACxB;IAED,OAAO,IAAI,CAAA;WACJ,IAAI;qBACM,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI;;0BAEN,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI;wBACb,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ;;;YAG3B,IAAI;KACX,CAAC;AACN,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,OAAO,iBAAkB,SAAQ,aAAa;IAEhD,YACI,YAAgC,EAChB,QAAsB,EACtC,IAAwB;QAExB,KAAK,CAAC,IAAI,CAAC,CAAC;QAHI,aAAQ,GAAR,QAAQ,CAAc;QAItC,IAAI,CAAC,YAAY,GAAG,kBAAkB,CAAC,YAAY,CAAC,CAAC;IACzD,CAAC;CACJ","sourcesContent":["import { html, type ViewTemplate } from '@microsoft/fast-element';\nimport type { IconSeverity } from '../../../icon-base/types';\nimport { MappingConfig } from './mapping-config';\n\nexport interface IconView {\n    severity: IconSeverity;\n    text?: string;\n}\n\n// Create an empty template containing only a space because creating a ViewTemplate\n// with an empty string throws an exception at runtime.\n// prettier-ignore\nconst emptyTemplate = html<IconView>` `;\n\nconst createIconTemplate = (\n    icon: string | undefined\n): ViewTemplate<IconView> => {\n    if (icon === undefined) {\n        return emptyTemplate;\n    }\n\n    return html`\n        <${icon}\n            title=\"${x => x.text}\"\n            role=\"img\"\n            aria-label=\"${x => x.text}\"\n            severity=\"${x => x.severity}\"\n            class=\"no-shrink\"\n        >\n        </${icon}>\n    `;\n};\n\n/**\n * Mapping configuration corresponding to a icon mapping\n */\nexport class MappingIconConfig extends MappingConfig {\n    public readonly iconTemplate: ViewTemplate<IconView>;\n    public constructor(\n        resolvedIcon: string | undefined,\n        public readonly severity: IconSeverity,\n        text: string | undefined\n    ) {\n        super(text);\n        this.iconTemplate = createIconTemplate(resolvedIcon);\n    }\n}\n"]}
+{"version":3,"file":"mapping-icon-config.js","sourceRoot":"","sources":["../../../../../src/table-column/enum-base/models/mapping-icon-config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAqB,MAAM,yBAAyB,CAAC;AAElE,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAQjD,mFAAmF;AACnF,uDAAuD;AACvD,kBAAkB;AAClB,MAAM,aAAa,GAAG,IAAI,CAAU,GAAG,CAAC;AAExC,MAAM,kBAAkB,GAAG,CACvB,IAAwB,EACF,EAAE;IACxB,IAAI,IAAI,KAAK,SAAS,EAAE;QACpB,OAAO,aAAa,CAAC;KACxB;IAED,OAAO,IAAI,CAAA;WACJ,IAAI;qBACM,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC;;0BAE5B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI;2BACV,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC;wBACzC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ;;YAE3B,IAAI;KACX,CAAC;AACN,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,OAAO,iBAAkB,SAAQ,aAAa;IAGhD,YACI,YAAgC,EAChB,QAAsB,EACtC,IAAwB,EACR,UAAmB;QAEnC,KAAK,CAAC,IAAI,CAAC,CAAC;QAJI,aAAQ,GAAR,QAAQ,CAAc;QAEtB,eAAU,GAAV,UAAU,CAAS;QAGnC,IAAI,CAAC,YAAY,GAAG,kBAAkB,CAAC,YAAY,CAAC,CAAC;IACzD,CAAC;CACJ","sourcesContent":["import { html, type ViewTemplate } from '@microsoft/fast-element';\nimport type { IconSeverity } from '../../../icon-base/types';\nimport { MappingConfig } from './mapping-config';\n\nexport interface IconView {\n    severity: IconSeverity;\n    text?: string;\n    textHidden: boolean;\n}\n\n// Create an empty template containing only a space because creating a ViewTemplate\n// with an empty string throws an exception at runtime.\n// prettier-ignore\nconst emptyTemplate = html<IconView>` `;\n\nconst createIconTemplate = (\n    icon: string | undefined\n): ViewTemplate<IconView> => {\n    if (icon === undefined) {\n        return emptyTemplate;\n    }\n\n    return html`\n        <${icon}\n            title=\"${x => (x.textHidden ? x.text : '')}\"\n            role=\"img\"\n            aria-label=\"${x => x.text}\"\n            aria-hidden=\"${x => (x.textHidden ? 'false' : 'true')}\"\n            severity=\"${x => x.severity}\"\n        >\n        </${icon}>\n    `;\n};\n\n/**\n * Mapping configuration corresponding to a icon mapping\n */\nexport class MappingIconConfig extends MappingConfig {\n    public readonly iconTemplate: ViewTemplate<IconView>;\n\n    public constructor(\n        resolvedIcon: string | undefined,\n        public readonly severity: IconSeverity,\n        text: string | undefined,\n        public readonly textHidden: boolean\n    ) {\n        super(text);\n        this.iconTemplate = createIconTemplate(resolvedIcon);\n    }\n}\n"]}

package/dist/esm/table-column/enum-base/models/mapping-spinner-config.d.ts

@@ -1,7 +1,14 @@
+import { type ViewTemplate } from '@microsoft/fast-element';
 import { MappingConfig } from './mapping-config';
+export interface SpinnerView {
+    text?: string;
+    textHidden: boolean;
+}
 /**
  * Mapping configuration corresponding to a spinner mapping
  */
 export declare class MappingSpinnerConfig extends MappingConfig {
-    constructor(text: string | undefined);
+    readonly textHidden: boolean;
+    readonly spinnerTemplate: ViewTemplate<SpinnerView>;
+    constructor(text: string | undefined, textHidden: boolean);
 }

package/dist/esm/table-column/enum-base/models/mapping-spinner-config.js

@@ -1,10 +1,22 @@
+import { html } from '@microsoft/fast-element';
 import { MappingConfig } from './mapping-config';
+import { spinnerTag } from '../../../spinner';
+const spinnerTemplate = html `
+    <${spinnerTag}
+        title="${x => (x.textHidden ? x.text : '')}"
+        aria-label="${x => x.text}"
+        aria-hidden="${x => (x.textHidden ? 'false' : 'true')}"
+    >
+    </${spinnerTag}>
+`;
 /**
  * Mapping configuration corresponding to a spinner mapping
  */
 export class MappingSpinnerConfig extends MappingConfig {
-    constructor(text) {
+    constructor(text, textHidden) {
         super(text);
+        this.textHidden = textHidden;
+        this.spinnerTemplate = spinnerTemplate;
     }
 }
 //# sourceMappingURL=mapping-spinner-config.js.map

package/dist/esm/table-column/enum-base/models/mapping-spinner-config.js.map

@@ -1 +1 @@
-{"version":3,"file":"mapping-spinner-config.js","sourceRoot":"","sources":["../../../../../src/table-column/enum-base/models/mapping-spinner-config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD;;GAEG;AACH,MAAM,OAAO,oBAAqB,SAAQ,aAAa;IACnD,YAAmB,IAAwB;QACvC,KAAK,CAAC,IAAI,CAAC,CAAC;IAChB,CAAC;CACJ","sourcesContent":["import { MappingConfig } from './mapping-config';\n\n/**\n * Mapping configuration corresponding to a spinner mapping\n */\nexport class MappingSpinnerConfig extends MappingConfig {\n    public constructor(text: string | undefined) {\n        super(text);\n    }\n}\n"]}
+{"version":3,"file":"mapping-spinner-config.js","sourceRoot":"","sources":["../../../../../src/table-column/enum-base/models/mapping-spinner-config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAqB,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAClE,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAO9C,MAAM,eAAe,GAA8B,IAAI,CAAA;OAChD,UAAU;iBACA,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC;sBAC5B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI;uBACV,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC;;QAErD,UAAU;CACjB,CAAC;AAEF;;GAEG;AACH,MAAM,OAAO,oBAAqB,SAAQ,aAAa;IAGnD,YACI,IAAwB,EACR,UAAmB;QAEnC,KAAK,CAAC,IAAI,CAAC,CAAC;QAFI,eAAU,GAAV,UAAU,CAAS;QAGnC,IAAI,CAAC,eAAe,GAAG,eAAe,CAAC;IAC3C,CAAC;CACJ","sourcesContent":["import { type ViewTemplate, html } from '@microsoft/fast-element';\nimport { MappingConfig } from './mapping-config';\nimport { spinnerTag } from '../../../spinner';\n\nexport interface SpinnerView {\n    text?: string;\n    textHidden: boolean;\n}\n\nconst spinnerTemplate: ViewTemplate<SpinnerView> = html`\n    <${spinnerTag}\n        title=\"${x => (x.textHidden ? x.text : '')}\"\n        aria-label=\"${x => x.text}\"\n        aria-hidden=\"${x => (x.textHidden ? 'false' : 'true')}\"\n    >\n    </${spinnerTag}>\n`;\n\n/**\n * Mapping configuration corresponding to a spinner mapping\n */\nexport class MappingSpinnerConfig extends MappingConfig {\n    public readonly spinnerTemplate: ViewTemplate<SpinnerView>;\n\n    public constructor(\n        text: string | undefined,\n        public readonly textHidden: boolean\n    ) {\n        super(text);\n        this.spinnerTemplate = spinnerTemplate;\n    }\n}\n"]}

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

@@ -2,7 +2,8 @@ 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';
+import { IconSeverity } from '../../../icon-base/types';
+import { SpinnerView } from '../../enum-base/models/mapping-spinner-config';
 declare global {
     interface HTMLElementTagNameMap {
         'nimble-table-column-icon-cell-view': TableColumnIconCellView;
@@ -11,13 +12,16 @@ declare global {
 /**
  * The cell view for the icon column
  */
-export declare class TableColumnIconCellView extends TableCellView<TableColumnEnumCellRecord, TableColumnEnumColumnConfig> implements IconView {
+export declare class TableColumnIconCellView extends TableCellView<TableColumnEnumCellRecord, TableColumnEnumColumnConfig> implements IconView, SpinnerView {
     severity: IconSeverity;
     text?: string;
-    iconTemplate?: ViewTemplate<IconView>;
-    visual?: 'spinner' | 'icon';
+    visualizationTemplate?: ViewTemplate<IconView> | ViewTemplate<SpinnerView>;
+    textHidden: boolean;
+    /** @internal */
+    hasOverflow: boolean;
     private columnConfigChanged;
     private cellRecordChanged;
     private updateState;
+    private resetState;
 }
 export declare const tableColumnIconCellViewTag = "nimble-table-column-icon-cell-view";

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

@@ -2,13 +2,22 @@ import { __decorate } from "tslib";
 import { DesignSystem } from '@microsoft/fast-foundation';
 import { observable } from '@microsoft/fast-element';
 import { TableCellView } from '../../base/cell-view';
+import { styles } from './styles';
 import { template } from './template';
 import { MappingIconConfig } from '../../enum-base/models/mapping-icon-config';
+import { IconSeverity } from '../../../icon-base/types';
 import { MappingSpinnerConfig } from '../../enum-base/models/mapping-spinner-config';
+import { MappingTextConfig } from '../../enum-base/models/mapping-text-config';
 /**
  * The cell view for the icon column
  */
 export class TableColumnIconCellView extends TableCellView {
+    constructor() {
+        super(...arguments);
+        this.textHidden = false;
+        /** @internal */
+        this.hasOverflow = false;
+    }
     columnConfigChanged() {
         this.updateState();
     }
@@ -16,7 +25,7 @@ export class TableColumnIconCellView extends TableCellView {
         this.updateState();
     }
     updateState() {
-        this.visual = undefined;
+        this.resetState();
         if (!this.columnConfig || !this.cellRecord) {
             return;
         }
@@ -26,16 +35,27 @@ export class TableColumnIconCellView extends TableCellView {
         }
         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;
+            this.visualizationTemplate = mappingConfig.iconTemplate;
+            this.textHidden = mappingConfig.textHidden;
         }
         else if (mappingConfig instanceof MappingSpinnerConfig) {
-            this.visual = 'spinner';
             this.text = mappingConfig.text;
+            this.visualizationTemplate = mappingConfig.spinnerTemplate;
+            this.textHidden = mappingConfig.textHidden;
+        }
+        else if (mappingConfig instanceof MappingTextConfig) {
+            this.text = mappingConfig.text;
+            this.textHidden = false;
         }
     }
+    resetState() {
+        this.text = undefined;
+        this.textHidden = false;
+        this.visualizationTemplate = undefined;
+        this.severity = IconSeverity.default;
+    }
 }
 __decorate([
     observable
@@ -45,13 +65,17 @@ __decorate([
 ], TableColumnIconCellView.prototype, "text", void 0);
 __decorate([
     observable
-], TableColumnIconCellView.prototype, "iconTemplate", void 0);
+], TableColumnIconCellView.prototype, "visualizationTemplate", void 0);
+__decorate([
+    observable
+], TableColumnIconCellView.prototype, "textHidden", void 0);
 __decorate([
     observable
-], TableColumnIconCellView.prototype, "visual", void 0);
+], TableColumnIconCellView.prototype, "hasOverflow", void 0);
 const iconCellView = TableColumnIconCellView.compose({
     baseName: 'table-column-icon-cell-view',
-    template
+    template,
+    styles
 });
 DesignSystem.getOrCreate().withPrefix('nimble').register(iconCellView());
 export const tableColumnIconCellViewTag = 'nimble-table-column-icon-cell-view';

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

@@ -1 +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;AAvCU;IADN,UAAU;yDACmB;AAGvB;IADN,UAAU;qDACU;AAGd;IADN,UAAU;6DACkC;AAGtC;IADN,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,oCAAoC,CAAC","sourcesContent":["import { DesignSystem } from '@microsoft/fast-foundation';\nimport { ViewTemplate, observable } from '@microsoft/fast-element';\nimport { TableCellView } from '../../base/cell-view';\nimport { template } from './template';\nimport type {\n    TableColumnEnumCellRecord,\n    TableColumnEnumColumnConfig\n} from '../../enum-base';\nimport {\n    IconView,\n    MappingIconConfig\n} from '../../enum-base/models/mapping-icon-config';\nimport type { IconSeverity } from '../../../icon-base/types';\nimport { MappingSpinnerConfig } from '../../enum-base/models/mapping-spinner-config';\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-table-column-icon-cell-view': TableColumnIconCellView;\n    }\n}\n\n/**\n * The cell view for the icon column\n */\nexport class TableColumnIconCellView\n    extends TableCellView<\n    TableColumnEnumCellRecord,\n    TableColumnEnumColumnConfig\n    >\n    implements IconView {\n    @observable\n    public severity: IconSeverity;\n\n    @observable\n    public text?: string;\n\n    @observable\n    public iconTemplate?: ViewTemplate<IconView>;\n\n    @observable\n    public visual?: 'spinner' | 'icon';\n\n    private columnConfigChanged(): void {\n        this.updateState();\n    }\n\n    private cellRecordChanged(): void {\n        this.updateState();\n    }\n\n    private updateState(): void {\n        this.visual = undefined;\n        if (!this.columnConfig || !this.cellRecord) {\n            return;\n        }\n        const value = this.cellRecord.value;\n        if (value === undefined || value === null) {\n            return;\n        }\n        const mappingConfig = this.columnConfig.mappingConfigs.get(value);\n        if (mappingConfig instanceof MappingIconConfig) {\n            this.visual = 'icon';\n            this.severity = mappingConfig.severity;\n            this.text = mappingConfig.text;\n            this.iconTemplate = mappingConfig.iconTemplate;\n        } else if (mappingConfig instanceof MappingSpinnerConfig) {\n            this.visual = 'spinner';\n            this.text = mappingConfig.text;\n        }\n    }\n}\n\nconst iconCellView = TableColumnIconCellView.compose({\n    baseName: 'table-column-icon-cell-view',\n    template\n});\nDesignSystem.getOrCreate().withPrefix('nimble').register(iconCellView());\nexport const tableColumnIconCellViewTag = 'nimble-table-column-icon-cell-view';\n"]}
+{"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,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAKtC,OAAO,EAEH,iBAAiB,EACpB,MAAM,4CAA4C,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,EACH,oBAAoB,EAEvB,MAAM,+CAA+C,CAAC;AACvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,4CAA4C,CAAC;AAQ/E;;GAEG;AACH,MAAM,OAAO,uBACT,SAAQ,aAGP;IAJL;;QAkBW,eAAU,GAAG,KAAK,CAAC;QAE1B,gBAAgB;QAET,gBAAW,GAAG,KAAK,CAAC;IA0C/B,CAAC;IAxCW,mBAAmB;QACvB,IAAI,CAAC,WAAW,EAAE,CAAC;IACvB,CAAC;IAEO,iBAAiB;QACrB,IAAI,CAAC,WAAW,EAAE,CAAC;IACvB,CAAC;IAEO,WAAW;QACf,IAAI,CAAC,UAAU,EAAE,CAAC;QAElB,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,QAAQ,GAAG,aAAa,CAAC,QAAQ,CAAC;YACvC,IAAI,CAAC,IAAI,GAAG,aAAa,CAAC,IAAI,CAAC;YAC/B,IAAI,CAAC,qBAAqB,GAAG,aAAa,CAAC,YAAY,CAAC;YACxD,IAAI,CAAC,UAAU,GAAG,aAAa,CAAC,UAAU,CAAC;SAC9C;aAAM,IAAI,aAAa,YAAY,oBAAoB,EAAE;YACtD,IAAI,CAAC,IAAI,GAAG,aAAa,CAAC,IAAI,CAAC;YAC/B,IAAI,CAAC,qBAAqB,GAAG,aAAa,CAAC,eAAe,CAAC;YAC3D,IAAI,CAAC,UAAU,GAAG,aAAa,CAAC,UAAU,CAAC;SAC9C;aAAM,IAAI,aAAa,YAAY,iBAAiB,EAAE;YACnD,IAAI,CAAC,IAAI,GAAG,aAAa,CAAC,IAAI,CAAC;YAC/B,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;SAC3B;IACL,CAAC;IAEO,UAAU;QACd,IAAI,CAAC,IAAI,GAAG,SAAS,CAAC;QACtB,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;QACxB,IAAI,CAAC,qBAAqB,GAAG,SAAS,CAAC;QACvC,IAAI,CAAC,QAAQ,GAAG,YAAY,CAAC,OAAO,CAAC;IACzC,CAAC;CACJ;AAzDU;IADN,UAAU;yDACmB;AAGvB;IADN,UAAU;qDACU;AAGd;IADN,UAAU;sEAGiB;AAGrB;IADN,UAAU;2DACe;AAInB;IADN,UAAU;4DACgB;AA4C/B,MAAM,YAAY,GAAG,uBAAuB,CAAC,OAAO,CAAC;IACjD,QAAQ,EAAE,6BAA6B;IACvC,QAAQ;IACR,MAAM;CACT,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,oCAAoC,CAAC","sourcesContent":["import { DesignSystem } from '@microsoft/fast-foundation';\nimport { ViewTemplate, observable } from '@microsoft/fast-element';\nimport { TableCellView } from '../../base/cell-view';\nimport { styles } from './styles';\nimport { template } from './template';\nimport type {\n    TableColumnEnumCellRecord,\n    TableColumnEnumColumnConfig\n} from '../../enum-base';\nimport {\n    IconView,\n    MappingIconConfig\n} from '../../enum-base/models/mapping-icon-config';\nimport { IconSeverity } from '../../../icon-base/types';\nimport {\n    MappingSpinnerConfig,\n    SpinnerView\n} from '../../enum-base/models/mapping-spinner-config';\nimport { MappingTextConfig } from '../../enum-base/models/mapping-text-config';\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-table-column-icon-cell-view': TableColumnIconCellView;\n    }\n}\n\n/**\n * The cell view for the icon column\n */\nexport class TableColumnIconCellView\n    extends TableCellView<\n    TableColumnEnumCellRecord,\n    TableColumnEnumColumnConfig\n    >\n    implements IconView, SpinnerView {\n    @observable\n    public severity: IconSeverity;\n\n    @observable\n    public text?: string;\n\n    @observable\n    public visualizationTemplate?:\n    | ViewTemplate<IconView>\n    | ViewTemplate<SpinnerView>;\n\n    @observable\n    public textHidden = false;\n\n    /** @internal */\n    @observable\n    public hasOverflow = false;\n\n    private columnConfigChanged(): void {\n        this.updateState();\n    }\n\n    private cellRecordChanged(): void {\n        this.updateState();\n    }\n\n    private updateState(): void {\n        this.resetState();\n\n        if (!this.columnConfig || !this.cellRecord) {\n            return;\n        }\n        const value = this.cellRecord.value;\n        if (value === undefined || value === null) {\n            return;\n        }\n        const mappingConfig = this.columnConfig.mappingConfigs.get(value);\n        if (mappingConfig instanceof MappingIconConfig) {\n            this.severity = mappingConfig.severity;\n            this.text = mappingConfig.text;\n            this.visualizationTemplate = mappingConfig.iconTemplate;\n            this.textHidden = mappingConfig.textHidden;\n        } else if (mappingConfig instanceof MappingSpinnerConfig) {\n            this.text = mappingConfig.text;\n            this.visualizationTemplate = mappingConfig.spinnerTemplate;\n            this.textHidden = mappingConfig.textHidden;\n        } else if (mappingConfig instanceof MappingTextConfig) {\n            this.text = mappingConfig.text;\n            this.textHidden = false;\n        }\n    }\n\n    private resetState(): void {\n        this.text = undefined;\n        this.textHidden = false;\n        this.visualizationTemplate = undefined;\n        this.severity = IconSeverity.default;\n    }\n}\n\nconst iconCellView = TableColumnIconCellView.compose({\n    baseName: 'table-column-icon-cell-view',\n    template,\n    styles\n});\nDesignSystem.getOrCreate().withPrefix('nimble').register(iconCellView());\nexport const tableColumnIconCellViewTag = 'nimble-table-column-icon-cell-view';\n"]}

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

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

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

@@ -0,0 +1,27 @@
+import { css } from '@microsoft/fast-element';
+import { display } from '@microsoft/fast-foundation';
+import { bodyFont, bodyFontColor, iconSize, smallPadding } from '../../../theme-provider/design-tokens';
+export const styles = css `
+    ${display('inline-flex')}
+
+    :host {
+        gap: ${smallPadding};
+        align-items: center;
+    }
+
+    .reserve-icon-size {
+        flex-shrink: 0;
+        width: ${iconSize};
+        height: ${iconSize};
+    }
+
+    .text {
+        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/cell-view/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/table-column/icon/cell-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,QAAQ,EACR,YAAY,EACf,MAAM,uCAAuC,CAAC;AAE/C,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,aAAa,CAAC;;;eAGb,YAAY;;;;;;iBAMV,QAAQ;kBACP,QAAQ;;;;;gBAKV,QAAQ;iBACP,aAAa;;;;;CAK7B,CAAC","sourcesContent":["import { css } from '@microsoft/fast-element';\nimport { display } from '@microsoft/fast-foundation';\nimport {\n    bodyFont,\n    bodyFontColor,\n    iconSize,\n    smallPadding\n} from '../../../theme-provider/design-tokens';\n\nexport const styles = css`\n    ${display('inline-flex')}\n\n    :host {\n        gap: ${smallPadding};\n        align-items: center;\n    }\n\n    .reserve-icon-size {\n        flex-shrink: 0;\n        width: ${iconSize};\n        height: ${iconSize};\n    }\n\n    .text {\n        flex-shrink: 1;\n        font: ${bodyFont};\n        color: ${bodyFontColor};\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n    }\n`;\n"]}

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

@@ -1,13 +1,20 @@
 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', x => x.iconTemplate)}
-    ${when(x => x.visual === 'spinner', html `
-        <${spinnerTag}
-            title="${x => x.text}"
-            aria-label="${x => x.text}"
-            class="no-shrink">
-        </${spinnerTag}>
+    ${when(x => x.visualizationTemplate, html `
+            <span class="reserve-icon-size">
+                ${x => x.visualizationTemplate}
+            </span>
+        `)}
+    ${when(x => !x.textHidden, html `
+        <span
+            ${overflow('hasOverflow')}
+            title=${x => (x.hasOverflow && x.text ? x.text : null)}
+            class="text"
+        >
+            ${x => x.text}
+        </span>
     `)}
 `;
 //# sourceMappingURL=template.js.map

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

@@ -1 +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","sourcesContent":["import { html, when } from '@microsoft/fast-element';\nimport type { TableColumnIconCellView } from '.';\nimport { spinnerTag } from '../../../spinner';\n\nexport const template = html<TableColumnIconCellView>`\n    ${when(\n        x => x.visual === 'icon',\n        x => x.iconTemplate!\n    )}\n    ${when(\n        x => x.visual === 'spinner',\n        html<TableColumnIconCellView>`\n        <${spinnerTag}\n            title=\"${x => x.text}\"\n            aria-label=\"${x => x.text}\"\n            class=\"no-shrink\">\n        </${spinnerTag}>\n    `\n    )}\n`;\n"]}
+{"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,QAAQ,EAAE,MAAM,uCAAuC,CAAC;AAEjE,kBAAkB;AAClB,MAAM,CAAC,MAAM,QAAQ,GAAG,IAAI,CAAyB;MAC/C,IAAI,CACF,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,qBAAqB,EAC5B,IAAI,CAAyB;;kBAEnB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,qBAAqB;;SAErC,CACJ;MACC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,UAAU,EAAE,IAAI,CAAyB;;cAE9C,QAAQ,CAAC,aAAa,CAAC;oBACjB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,WAAW,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;;;cAGpD,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI;;KAEpB,CAAC;CACL,CAAC","sourcesContent":["import { html, when } from '@microsoft/fast-element';\nimport type { TableColumnIconCellView } from '.';\nimport { overflow } from '../../../utilities/directive/overflow';\n\n// prettier-ignore\nexport const template = html<TableColumnIconCellView>`\n    ${when(\n        x => x.visualizationTemplate,\n        html<TableColumnIconCellView>`\n            <span class=\"reserve-icon-size\">\n                ${x => x.visualizationTemplate}\n            </span>\n        `\n    )}\n    ${when(x => !x.textHidden, html<TableColumnIconCellView>`\n        <span\n            ${overflow('hasOverflow')}\n            title=${x => (x.hasOverflow && x.text ? x.text : null)}\n            class=\"text\"\n        >\n            ${x => x.text}\n        </span>\n    `)}\n`;\n"]}

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

@@ -2,8 +2,9 @@ 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 { IconSeverity } from '../../../icon-base/types';
 import { type IconView } from '../../enum-base/models/mapping-icon-config';
+import { SpinnerView } from '../../enum-base/models/mapping-spinner-config';
 declare global {
     interface HTMLElementTagNameMap {
         'nimble-table-column-icon-group-header-view': TableColumnIconGroupHeaderView;
@@ -12,10 +13,11 @@ declare global {
 /**
  * The group header view for the icon column
  */
-export declare class TableColumnIconGroupHeaderView extends TableColumnTextGroupHeaderViewBase<TableFieldValue, TableColumnEnumColumnConfig> implements IconView {
+export declare class TableColumnIconGroupHeaderView extends TableColumnTextGroupHeaderViewBase<TableFieldValue, TableColumnEnumColumnConfig> implements IconView, SpinnerView {
     severity: IconSeverity;
-    iconTemplate?: ViewTemplate<IconView>;
-    visual?: 'spinner' | 'icon';
+    visualizationTemplate?: ViewTemplate<IconView> | ViewTemplate<SpinnerView>;
+    readonly textHidden = false;
     protected updateText(): void;
+    private resetState;
 }
 export declare const tableColumnIconGroupHeaderViewTag = "nimble-table-column-icon-group-header-view";

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

@@ -4,41 +4,50 @@ import { observable } from '@microsoft/fast-element';
 import { styles } from './styles';
 import { template } from './template';
 import { TableColumnTextGroupHeaderViewBase } from '../../text-base/group-header-view';
+import { IconSeverity } from '../../../icon-base/types';
 import { MappingIconConfig } from '../../enum-base/models/mapping-icon-config';
 import { MappingSpinnerConfig } from '../../enum-base/models/mapping-spinner-config';
+import { MappingTextConfig } from '../../enum-base/models/mapping-text-config';
 /**
  * The group header view for the icon column
  */
 export class TableColumnIconGroupHeaderView extends TableColumnTextGroupHeaderViewBase {
+    constructor() {
+        super(...arguments);
+        this.textHidden = false;
+    }
     updateText() {
-        this.visual = undefined;
+        this.resetState();
         if (!this.columnConfig) {
-            this.text = '';
             return;
         }
         const value = this.groupHeaderValue;
         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;
+            this.visualizationTemplate = mappingConfig.iconTemplate;
         }
         else if (mappingConfig instanceof MappingSpinnerConfig) {
-            this.visual = 'spinner';
+            this.text = mappingConfig.text ?? '';
+            this.visualizationTemplate = mappingConfig.spinnerTemplate;
+        }
+        else if (mappingConfig instanceof MappingTextConfig) {
             this.text = mappingConfig.text ?? '';
         }
     }
+    resetState() {
+        this.text = '';
+        this.visualizationTemplate = undefined;
+        this.severity = IconSeverity.default;
+    }
 }
 __decorate([
     observable
 ], TableColumnIconGroupHeaderView.prototype, "severity", void 0);
 __decorate([
     observable
-], TableColumnIconGroupHeaderView.prototype, "iconTemplate", void 0);
-__decorate([
-    observable
-], TableColumnIconGroupHeaderView.prototype, "visual", void 0);
+], TableColumnIconGroupHeaderView.prototype, "visualizationTemplate", void 0);
 const iconGroupHeaderView = TableColumnIconGroupHeaderView.compose({
     baseName: 'table-column-icon-group-header-view',
     template,

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

@@ -1 +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;IAWS,UAAU;QAChB,IAAI,CAAC,MAAM,GAAG,SAAS,CAAC;QACxB,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE;YACpB,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC;YACf,OAAO;SACV;QACD,MAAM,KAAK,GAAG,IAAI,CAAC,gBAAgB,CAAC;QACpC,MAAM,aAAa,GAAG,IAAI,CAAC,YAAY,CAAC,cAAc,CAAC,GAAG,CAAC,KAAM,CAAC,CAAC;QACnE,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;AA1BU;IADN,UAAU;gEACmB;AAGvB;IADN,UAAU;oEACkC;AAGtC;IADN,UAAU;8DACwB;AAsBvC,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,4CAA4C,CAAC","sourcesContent":["import { DesignSystem } from '@microsoft/fast-foundation';\nimport { ViewTemplate, observable } from '@microsoft/fast-element';\nimport { styles } from './styles';\nimport { template } from './template';\nimport type { TableColumnEnumColumnConfig } from '../../enum-base';\nimport type { TableFieldValue } from '../../../table/types';\nimport { TableColumnTextGroupHeaderViewBase } from '../../text-base/group-header-view';\nimport type { IconSeverity } from '../../../icon-base/types';\nimport {\n    MappingIconConfig,\n    type IconView\n} from '../../enum-base/models/mapping-icon-config';\nimport { MappingSpinnerConfig } from '../../enum-base/models/mapping-spinner-config';\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-table-column-icon-group-header-view': TableColumnIconGroupHeaderView;\n    }\n}\n\n/**\n * The group header view for the icon column\n */\nexport class TableColumnIconGroupHeaderView\n    extends TableColumnTextGroupHeaderViewBase<\n    TableFieldValue,\n    TableColumnEnumColumnConfig\n    >\n    implements IconView {\n    @observable\n    public severity: IconSeverity;\n\n    @observable\n    public iconTemplate?: ViewTemplate<IconView>;\n\n    @observable\n    public visual?: 'spinner' | 'icon';\n\n    protected updateText(): void {\n        this.visual = undefined;\n        if (!this.columnConfig) {\n            this.text = '';\n            return;\n        }\n        const value = this.groupHeaderValue;\n        const mappingConfig = this.columnConfig.mappingConfigs.get(value!);\n        if (mappingConfig instanceof MappingIconConfig) {\n            this.visual = 'icon';\n            this.severity = mappingConfig.severity;\n            this.text = mappingConfig.text ?? '';\n            this.iconTemplate = mappingConfig.iconTemplate;\n        } else if (mappingConfig instanceof MappingSpinnerConfig) {\n            this.visual = 'spinner';\n            this.text = mappingConfig.text ?? '';\n        }\n    }\n}\n\nconst iconGroupHeaderView = TableColumnIconGroupHeaderView.compose({\n    baseName: 'table-column-icon-group-header-view',\n    template,\n    styles\n});\nDesignSystem.getOrCreate().withPrefix('nimble').register(iconGroupHeaderView());\nexport const tableColumnIconGroupHeaderViewTag = 'nimble-table-column-icon-group-header-view';\n"]}
+{"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;AACvF,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,EACH,iBAAiB,EAEpB,MAAM,4CAA4C,CAAC;AACpD,OAAO,EACH,oBAAoB,EAEvB,MAAM,+CAA+C,CAAC;AACvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,4CAA4C,CAAC;AAQ/E;;GAEG;AACH,MAAM,OAAO,8BACT,SAAQ,kCAGP;IAJL;;QAcoB,eAAU,GAAG,KAAK,CAAC;IA2BvC,CAAC;IAzBa,UAAU;QAChB,IAAI,CAAC,UAAU,EAAE,CAAC;QAElB,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE;YACpB,OAAO;SACV;QACD,MAAM,KAAK,GAAG,IAAI,CAAC,gBAAgB,CAAC;QACpC,MAAM,aAAa,GAAG,IAAI,CAAC,YAAY,CAAC,cAAc,CAAC,GAAG,CAAC,KAAM,CAAC,CAAC;QACnE,IAAI,aAAa,YAAY,iBAAiB,EAAE;YAC5C,IAAI,CAAC,QAAQ,GAAG,aAAa,CAAC,QAAQ,CAAC;YACvC,IAAI,CAAC,IAAI,GAAG,aAAa,CAAC,IAAI,IAAI,EAAE,CAAC;YACrC,IAAI,CAAC,qBAAqB,GAAG,aAAa,CAAC,YAAY,CAAC;SAC3D;aAAM,IAAI,aAAa,YAAY,oBAAoB,EAAE;YACtD,IAAI,CAAC,IAAI,GAAG,aAAa,CAAC,IAAI,IAAI,EAAE,CAAC;YACrC,IAAI,CAAC,qBAAqB,GAAG,aAAa,CAAC,eAAe,CAAC;SAC9D;aAAM,IAAI,aAAa,YAAY,iBAAiB,EAAE;YACnD,IAAI,CAAC,IAAI,GAAG,aAAa,CAAC,IAAI,IAAI,EAAE,CAAC;SACxC;IACL,CAAC;IAEO,UAAU;QACd,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC;QACf,IAAI,CAAC,qBAAqB,GAAG,SAAS,CAAC;QACvC,IAAI,CAAC,QAAQ,GAAG,YAAY,CAAC,OAAO,CAAC;IACzC,CAAC;CACJ;AAlCU;IADN,UAAU;gEACmB;AAGvB;IADN,UAAU;6EAGiB;AA+BhC,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,4CAA4C,CAAC","sourcesContent":["import { DesignSystem } from '@microsoft/fast-foundation';\nimport { ViewTemplate, observable } from '@microsoft/fast-element';\nimport { styles } from './styles';\nimport { template } from './template';\nimport type { TableColumnEnumColumnConfig } from '../../enum-base';\nimport type { TableFieldValue } from '../../../table/types';\nimport { TableColumnTextGroupHeaderViewBase } from '../../text-base/group-header-view';\nimport { IconSeverity } from '../../../icon-base/types';\nimport {\n    MappingIconConfig,\n    type IconView\n} from '../../enum-base/models/mapping-icon-config';\nimport {\n    MappingSpinnerConfig,\n    SpinnerView\n} from '../../enum-base/models/mapping-spinner-config';\nimport { MappingTextConfig } from '../../enum-base/models/mapping-text-config';\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-table-column-icon-group-header-view': TableColumnIconGroupHeaderView;\n    }\n}\n\n/**\n * The group header view for the icon column\n */\nexport class TableColumnIconGroupHeaderView\n    extends TableColumnTextGroupHeaderViewBase<\n    TableFieldValue,\n    TableColumnEnumColumnConfig\n    >\n    implements IconView, SpinnerView {\n    @observable\n    public severity: IconSeverity;\n\n    @observable\n    public visualizationTemplate?:\n    | ViewTemplate<IconView>\n    | ViewTemplate<SpinnerView>;\n\n    public readonly textHidden = false;\n\n    protected updateText(): void {\n        this.resetState();\n\n        if (!this.columnConfig) {\n            return;\n        }\n        const value = this.groupHeaderValue;\n        const mappingConfig = this.columnConfig.mappingConfigs.get(value!);\n        if (mappingConfig instanceof MappingIconConfig) {\n            this.severity = mappingConfig.severity;\n            this.text = mappingConfig.text ?? '';\n            this.visualizationTemplate = mappingConfig.iconTemplate;\n        } else if (mappingConfig instanceof MappingSpinnerConfig) {\n            this.text = mappingConfig.text ?? '';\n            this.visualizationTemplate = mappingConfig.spinnerTemplate;\n        } else if (mappingConfig instanceof MappingTextConfig) {\n            this.text = mappingConfig.text ?? '';\n        }\n    }\n\n    private resetState(): void {\n        this.text = '';\n        this.visualizationTemplate = undefined;\n        this.severity = IconSeverity.default;\n    }\n}\n\nconst iconGroupHeaderView = TableColumnIconGroupHeaderView.compose({\n    baseName: 'table-column-icon-group-header-view',\n    template,\n    styles\n});\nDesignSystem.getOrCreate().withPrefix('nimble').register(iconGroupHeaderView());\nexport const tableColumnIconGroupHeaderViewTag = 'nimble-table-column-icon-group-header-view';\n"]}

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

@@ -1,6 +1,6 @@
 import { css } from '@microsoft/fast-element';
 import { display } from '@microsoft/fast-foundation';
-import { bodyFont, bodyFontColor, smallPadding } from '../../../theme-provider/design-tokens';
+import { bodyFont, bodyFontColor, iconSize, smallPadding } from '../../../theme-provider/design-tokens';
 export const styles = css `
     ${display('inline-flex')}
 
@@ -9,11 +9,13 @@ export const styles = css `
         align-items: center;
     }
 
-    .no-shrink {
+    .reserve-icon-size {
         flex-shrink: 0;
+        width: ${iconSize};
+        height: ${iconSize};
     }
 
-    span {
+    .text {
         flex-shrink: 1;
         font: ${bodyFont};
         color: ${bodyFontColor};

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

@@ -1 +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","sourcesContent":["import { css } from '@microsoft/fast-element';\nimport { display } from '@microsoft/fast-foundation';\nimport {\n    bodyFont,\n    bodyFontColor,\n    smallPadding\n} from '../../../theme-provider/design-tokens';\n\nexport const styles = css`\n    ${display('inline-flex')}\n\n    :host {\n        gap: ${smallPadding};\n        align-items: center;\n    }\n\n    .no-shrink {\n        flex-shrink: 0;\n    }\n\n    span {\n        flex-shrink: 1;\n        font: ${bodyFont};\n        color: ${bodyFontColor};\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n    }\n`;\n"]}
+{"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,QAAQ,EACR,YAAY,EACf,MAAM,uCAAuC,CAAC;AAE/C,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,aAAa,CAAC;;;eAGb,YAAY;;;;;;iBAMV,QAAQ;kBACP,QAAQ;;;;;gBAKV,QAAQ;iBACP,aAAa;;;;;CAK7B,CAAC","sourcesContent":["import { css } from '@microsoft/fast-element';\nimport { display } from '@microsoft/fast-foundation';\nimport {\n    bodyFont,\n    bodyFontColor,\n    iconSize,\n    smallPadding\n} from '../../../theme-provider/design-tokens';\n\nexport const styles = css`\n    ${display('inline-flex')}\n\n    :host {\n        gap: ${smallPadding};\n        align-items: center;\n    }\n\n    .reserve-icon-size {\n        flex-shrink: 0;\n        width: ${iconSize};\n        height: ${iconSize};\n    }\n\n    .text {\n        flex-shrink: 1;\n        font: ${bodyFont};\n        color: ${bodyFontColor};\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n    }\n`;\n"]}

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

@@ -1,30 +1,16 @@
 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>
-    `)}
-    ${when(x => x.visual === undefined, html `
-        <span    
-            ${overflow('hasOverflow')}
-            title="${x => (x.hasOverflow && x.text ? x.text : null)}"
-        >${x => x.text}</span>
-    `)}
+    ${when(x => x.visualizationTemplate, html `
+            <span class="reserve-icon-size">
+                ${x => x.visualizationTemplate}
+            </span>
+        `)}
+    <span
+        ${overflow('hasOverflow')}
+        title="${x => (x.hasOverflow && x.text ? x.text : null)}"
+        class="text"
+    >${x => x.text}</span>
 `;
 //# sourceMappingURL=template.js.map

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

@@ -1 +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;MACC,IAAI,CACF,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,KAAK,SAAS,EAC3B,IAAI,CAAgC;;cAE9B,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","sourcesContent":["import { html, when } from '@microsoft/fast-element';\n\nimport type { TableColumnIconGroupHeaderView } from '.';\nimport { spinnerTag } from '../../../spinner';\nimport { overflow } from '../../../utilities/directive/overflow';\n\n// prettier-ignore\nexport const template = html<TableColumnIconGroupHeaderView>`\n    ${when(\n        x => x.visual === 'icon',\n        html<TableColumnIconGroupHeaderView>`\n            ${x => x.iconTemplate!}\n            <span    \n                ${overflow('hasOverflow')}\n                title=\"${x => (x.hasOverflow && x.text ? x.text : null)}\"\n            >${x => x.text}</span>`\n    )}\n    ${when(\n        x => x.visual === 'spinner',\n        html<TableColumnIconGroupHeaderView>`\n        <${spinnerTag}\n            title=\"${x => x.text}\"\n            aria-label=\"${x => x.text}\"\n            class=\"no-shrink\">\n        </${spinnerTag}>\n        <span    \n            ${overflow('hasOverflow')}\n            title=\"${x => (x.hasOverflow && x.text ? x.text : null)}\"\n        >${x => x.text}</span>\n    `\n    )}\n    ${when(\n        x => x.visual === undefined,\n        html<TableColumnIconGroupHeaderView>`\n        <span    \n            ${overflow('hasOverflow')}\n            title=\"${x => (x.hasOverflow && x.text ? x.text : null)}\"\n        >${x => x.text}</span>\n    `\n    )}\n`;\n"]}
+{"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,QAAQ,EAAE,MAAM,uCAAuC,CAAC;AAEjE,kBAAkB;AAClB,MAAM,CAAC,MAAM,QAAQ,GAAG,IAAI,CAAgC;MACtD,IAAI,CACF,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,qBAAqB,EAC5B,IAAI,CAAgC;;kBAE1B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,qBAAqB;;SAErC,CACJ;;UAEK,QAAQ,CAAC,aAAa,CAAC;iBAChB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,WAAW,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;;OAExD,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI;CACjB,CAAC","sourcesContent":["import { html, when } from '@microsoft/fast-element';\n\nimport type { TableColumnIconGroupHeaderView } from '.';\nimport { overflow } from '../../../utilities/directive/overflow';\n\n// prettier-ignore\nexport const template = html<TableColumnIconGroupHeaderView>`\n    ${when(\n        x => x.visualizationTemplate,\n        html<TableColumnIconGroupHeaderView>`\n            <span class=\"reserve-icon-size\">\n                ${x => x.visualizationTemplate}\n            </span>\n        `\n    )}\n    <span\n        ${overflow('hasOverflow')}\n        title=\"${x => (x.hasOverflow && x.text ? x.text : null)}\"\n        class=\"text\"\n    >${x => x.text}</span>\n`;\n"]}

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

@@ -12,6 +12,8 @@ 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';
+import { MappingText } from '../../mapping/text';
+import { MappingTextConfig } from '../enum-base/models/mapping-text-config';
 /**
  * Table column that maps values to icons / spinners
  */
@@ -33,10 +35,13 @@ export class TableColumnIcon extends mixinGroupableColumnAPI(mixinFractionalWidt
     }
     createMappingConfig(mapping) {
         if (mapping instanceof MappingIcon) {
-            return new MappingIconConfig(mapping.resolvedIcon, mapping.severity, mapping.text);
+            return new MappingIconConfig(mapping.resolvedIcon, mapping.severity, mapping.text, mapping.textHidden);
         }
         if (mapping instanceof MappingSpinner) {
-            return new MappingSpinnerConfig(mapping.text);
+            return new MappingSpinnerConfig(mapping.text, mapping.textHidden);
+        }
+        if (mapping instanceof MappingText) {
+            return new MappingTextConfig(mapping.text);
         }
         // Getting here would indicate a programming error, b/c validation will prevent
         // this function from running when there is an unsupported mapping.

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

@@ -1 +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,EAAE,MAAM,eAAe,CAAC;AACzD,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;IACsB,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;YAC7C,SAAS,EAAE,IAAI,wBAAwB,EAAE;SAC5C,CAAC;IACN,CAAC;IAEkB,kBAAkB,CACjC,cAA8B;QAE9B,OAAO;YACH,cAAc;SACjB,CAAC;IACN,CAAC;IAES,mBAAmB,CAAC,OAAyB;QACnD,IAAI,OAAO,YAAY,WAAW,EAAE;YAChC,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,0BAA0B,CAAC","sourcesContent":["import { DesignSystem } from '@microsoft/fast-foundation';\nimport {\n    MappingConfigs,\n    TableColumnEnumBase,\n    TableColumnEnumColumnConfig\n} from '../enum-base';\nimport { styles } from '../enum-base/styles';\nimport { template } from '../enum-base/template';\nimport { TableColumnSortOperation } from '../base/types';\nimport { mixinGroupableColumnAPI } from '../mixins/groupable-column';\nimport { mixinFractionalWidthColumnAPI } from '../mixins/fractional-width-column';\nimport { MappingSpinner } from '../../mapping/spinner';\nimport { MappingIcon } from '../../mapping/icon';\nimport { TableColumnIconValidator } from './models/table-column-icon-validator';\nimport type { ColumnInternalsOptions } from '../base/models/column-internals';\nimport { tableColumnIconGroupHeaderViewTag } from './group-header-view';\nimport { tableColumnIconCellViewTag } from './cell-view';\nimport type { Mapping } from '../../mapping/base';\nimport type { MappingConfig } from '../enum-base/models/mapping-config';\nimport { MappingIconConfig } from '../enum-base/models/mapping-icon-config';\nimport { MappingSpinnerConfig } from '../enum-base/models/mapping-spinner-config';\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-table-column-icon': TableColumnIcon;\n    }\n}\n\n/**\n * Table column that maps values to icons / spinners\n */\nexport class TableColumnIcon extends mixinGroupableColumnAPI(\n    mixinFractionalWidthColumnAPI(\n        TableColumnEnumBase<\n        TableColumnEnumColumnConfig,\n        TableColumnIconValidator\n        >\n    )\n) {\n    protected override getColumnInternalsOptions(): ColumnInternalsOptions<TableColumnIconValidator> {\n        return {\n            cellRecordFieldNames: ['value'],\n            cellViewTag: tableColumnIconCellViewTag,\n            groupHeaderViewTag: tableColumnIconGroupHeaderViewTag,\n            delegatedEvents: [],\n            sortOperation: TableColumnSortOperation.basic,\n            validator: new TableColumnIconValidator()\n        };\n    }\n\n    protected override createColumnConfig(\n        mappingConfigs: MappingConfigs\n    ): TableColumnEnumColumnConfig {\n        return {\n            mappingConfigs\n        };\n    }\n\n    protected createMappingConfig(mapping: Mapping<unknown>): MappingConfig {\n        if (mapping instanceof MappingIcon) {\n            return new MappingIconConfig(\n                mapping.resolvedIcon,\n                mapping.severity,\n                mapping.text\n            );\n        }\n        if (mapping instanceof MappingSpinner) {\n            return new MappingSpinnerConfig(mapping.text);\n        }\n        // Getting here would indicate a programming error, b/c validation will prevent\n        // this function from running when there is an unsupported mapping.\n        throw new Error('Unsupported mapping');\n    }\n}\n\nconst nimbleTableColumnIcon = TableColumnIcon.compose({\n    baseName: 'table-column-icon',\n    template,\n    styles\n});\n\nDesignSystem.getOrCreate()\n    .withPrefix('nimble')\n    .register(nimbleTableColumnIcon());\nexport const tableColumnIconTag = 'nimble-table-column-icon';\n"]}
+{"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,EAAE,MAAM,eAAe,CAAC;AACzD,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;AAClF,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACjD,OAAO,EAAE,iBAAiB,EAAE,MAAM,yCAAyC,CAAC;AAQ5E;;GAEG;AACH,MAAM,OAAO,eAAgB,SAAQ,uBAAuB,CACxD,6BAA6B,CACzB,CAAA,mBAGC,CAAA,CACJ,CACJ;IACsB,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;YAC7C,SAAS,EAAE,IAAI,wBAAwB,EAAE;SAC5C,CAAC;IACN,CAAC;IAEkB,kBAAkB,CACjC,cAA8B;QAE9B,OAAO;YACH,cAAc;SACjB,CAAC;IACN,CAAC;IAES,mBAAmB,CAAC,OAAyB;QACnD,IAAI,OAAO,YAAY,WAAW,EAAE;YAChC,OAAO,IAAI,iBAAiB,CACxB,OAAO,CAAC,YAAY,EACpB,OAAO,CAAC,QAAQ,EAChB,OAAO,CAAC,IAAI,EACZ,OAAO,CAAC,UAAU,CACrB,CAAC;SACL;QACD,IAAI,OAAO,YAAY,cAAc,EAAE;YACnC,OAAO,IAAI,oBAAoB,CAAC,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC,UAAU,CAAC,CAAC;SACrE;QACD,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,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,0BAA0B,CAAC","sourcesContent":["import { DesignSystem } from '@microsoft/fast-foundation';\nimport {\n    MappingConfigs,\n    TableColumnEnumBase,\n    TableColumnEnumColumnConfig\n} from '../enum-base';\nimport { styles } from '../enum-base/styles';\nimport { template } from '../enum-base/template';\nimport { TableColumnSortOperation } from '../base/types';\nimport { mixinGroupableColumnAPI } from '../mixins/groupable-column';\nimport { mixinFractionalWidthColumnAPI } from '../mixins/fractional-width-column';\nimport { MappingSpinner } from '../../mapping/spinner';\nimport { MappingIcon } from '../../mapping/icon';\nimport { TableColumnIconValidator } from './models/table-column-icon-validator';\nimport type { ColumnInternalsOptions } from '../base/models/column-internals';\nimport { tableColumnIconGroupHeaderViewTag } from './group-header-view';\nimport { tableColumnIconCellViewTag } from './cell-view';\nimport type { Mapping } from '../../mapping/base';\nimport type { MappingConfig } from '../enum-base/models/mapping-config';\nimport { MappingIconConfig } from '../enum-base/models/mapping-icon-config';\nimport { MappingSpinnerConfig } from '../enum-base/models/mapping-spinner-config';\nimport { MappingText } from '../../mapping/text';\nimport { MappingTextConfig } from '../enum-base/models/mapping-text-config';\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-table-column-icon': TableColumnIcon;\n    }\n}\n\n/**\n * Table column that maps values to icons / spinners\n */\nexport class TableColumnIcon extends mixinGroupableColumnAPI(\n    mixinFractionalWidthColumnAPI(\n        TableColumnEnumBase<\n        TableColumnEnumColumnConfig,\n        TableColumnIconValidator\n        >\n    )\n) {\n    protected override getColumnInternalsOptions(): ColumnInternalsOptions<TableColumnIconValidator> {\n        return {\n            cellRecordFieldNames: ['value'],\n            cellViewTag: tableColumnIconCellViewTag,\n            groupHeaderViewTag: tableColumnIconGroupHeaderViewTag,\n            delegatedEvents: [],\n            sortOperation: TableColumnSortOperation.basic,\n            validator: new TableColumnIconValidator()\n        };\n    }\n\n    protected override createColumnConfig(\n        mappingConfigs: MappingConfigs\n    ): TableColumnEnumColumnConfig {\n        return {\n            mappingConfigs\n        };\n    }\n\n    protected createMappingConfig(mapping: Mapping<unknown>): MappingConfig {\n        if (mapping instanceof MappingIcon) {\n            return new MappingIconConfig(\n                mapping.resolvedIcon,\n                mapping.severity,\n                mapping.text,\n                mapping.textHidden\n            );\n        }\n        if (mapping instanceof MappingSpinner) {\n            return new MappingSpinnerConfig(mapping.text, mapping.textHidden);\n        }\n        if (mapping instanceof MappingText) {\n            return new MappingTextConfig(mapping.text);\n        }\n        // Getting here would indicate a programming error, b/c validation will prevent\n        // this function from running when there is an unsupported mapping.\n        throw new Error('Unsupported mapping');\n    }\n}\n\nconst nimbleTableColumnIcon = TableColumnIcon.compose({\n    baseName: 'table-column-icon',\n    template,\n    styles\n});\n\nDesignSystem.getOrCreate()\n    .withPrefix('nimble')\n    .register(nimbleTableColumnIcon());\nexport const tableColumnIconTag = 'nimble-table-column-icon';\n"]}

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

@@ -1,5 +1,6 @@
 import { MappingIcon } from '../../../mapping/icon';
 import { MappingSpinner } from '../../../mapping/spinner';
+import { MappingText } from '../../../mapping/text';
 import { TableColumnEnumBaseValidator, enumBaseValidityFlagNames } from '../../enum-base/models/table-column-enum-base-validator';
 const iconValidityFlagNames = [
     ...enumBaseValidityFlagNames,
@@ -18,7 +19,9 @@ export class TableColumnIconValidator extends TableColumnEnumBaseValidator {
         return mapping instanceof MappingIcon;
     }
     static isSupportedMappingElement(mapping) {
-        return (mapping instanceof MappingIcon || mapping instanceof MappingSpinner);
+        return (mapping instanceof MappingIcon
+            || mapping instanceof MappingSpinner
+            || mapping instanceof MappingText);
     }
     static hasUnresolvedIcon(mappingIcon) {
         return (typeof mappingIcon.icon === 'string'