@ni/nimble-components 28.0.5 → 28.2.0

package/dist/esm/mapping/empty/index.d.ts

@@ -0,0 +1,16 @@
+import { Mapping } from '../base';
+import type { MappingKey } from '../base/types';
+declare global {
+    interface HTMLElementTagNameMap {
+        'nimble-mapping-empty': MappingEmpty;
+    }
+}
+/**
+ * Maps data values to text.
+ * One or more may be added as children of a nimble-table-column-mapping element. The
+ * mapping displays an empty cell and text-only group rows.
+ */
+export declare class MappingEmpty extends Mapping<MappingKey> {
+    text?: string;
+}
+export declare const mappingEmptyTag = "nimble-mapping-empty";

package/dist/esm/mapping/empty/index.js

@@ -0,0 +1,22 @@
+import { __decorate } from "tslib";
+import { DesignSystem } from '@microsoft/fast-foundation';
+import { attr } from '@microsoft/fast-element';
+import { Mapping } from '../base';
+import { template } from '../base/template';
+/**
+ * Maps data values to text.
+ * One or more may be added as children of a nimble-table-column-mapping element. The
+ * mapping displays an empty cell and text-only group rows.
+ */
+export class MappingEmpty extends Mapping {
+}
+__decorate([
+    attr()
+], MappingEmpty.prototype, "text", void 0);
+const emptyMapping = MappingEmpty.compose({
+    baseName: 'mapping-empty',
+    template
+});
+DesignSystem.getOrCreate().withPrefix('nimble').register(emptyMapping());
+export const mappingEmptyTag = 'nimble-mapping-empty';
+//# sourceMappingURL=index.js.map

package/dist/esm/mapping/empty/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/mapping/empty/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAS5C;;;;GAIG;AACH,MAAM,OAAO,YAAa,SAAQ,OAAmB;CAGpD;AADU;IADN,IAAI,EAAE;0CACc;AAGzB,MAAM,YAAY,GAAG,YAAY,CAAC,OAAO,CAAC;IACtC,QAAQ,EAAE,eAAe;IACzB,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,eAAe,GAAG,sBAAsB,CAAC","sourcesContent":["import { DesignSystem } from '@microsoft/fast-foundation';\nimport { attr } from '@microsoft/fast-element';\nimport { Mapping } from '../base';\nimport { template } from '../base/template';\nimport type { MappingKey } from '../base/types';\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-mapping-empty': MappingEmpty;\n    }\n}\n\n/**\n * Maps data values to text.\n * One or more may be added as children of a nimble-table-column-mapping element. The\n * mapping displays an empty cell and text-only group rows.\n */\nexport class MappingEmpty extends Mapping<MappingKey> {\n    @attr()\n    public text?: string;\n}\n\nconst emptyMapping = MappingEmpty.compose({\n    baseName: 'mapping-empty',\n    template\n});\nDesignSystem.getOrCreate().withPrefix('nimble').register(emptyMapping());\nexport const mappingEmptyTag = 'nimble-mapping-empty';\n"]}

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

@@ -0,0 +1,6 @@
+import { MappingConfig } from './mapping-config';
+/**
+ * Mapping configuration corresponding to an empty mapping
+ */
+export declare class MappingEmptyConfig extends MappingConfig {
+}

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

@@ -0,0 +1,7 @@
+import { MappingConfig } from './mapping-config';
+/**
+ * Mapping configuration corresponding to an empty mapping
+ */
+export class MappingEmptyConfig extends MappingConfig {
+}
+//# sourceMappingURL=mapping-empty-config.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mapping-empty-config.js","sourceRoot":"","sources":["../../../../../src/table-column/enum-base/models/mapping-empty-config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD;;GAEG;AACH,MAAM,OAAO,kBAAmB,SAAQ,aAAa;CAAG","sourcesContent":["import { MappingConfig } from './mapping-config';\n\n/**\n * Mapping configuration corresponding to an empty mapping\n */\nexport class MappingEmptyConfig extends MappingConfig {}\n"]}

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

@@ -8,6 +8,7 @@ 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';
+import { MappingEmptyConfig } from '../../enum-base/models/mapping-empty-config';
 /**
  * The cell view for the mapping column
  */
@@ -49,6 +50,10 @@ export class TableColumnMappingCellView extends TableCellView {
             this.text = mappingConfig.text;
             this.textHidden = false;
         }
+        else if (mappingConfig instanceof MappingEmptyConfig) {
+            this.text = mappingConfig.text;
+            this.textHidden = true;
+        }
     }
     resetState() {
         this.text = undefined;

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/table-column/mapping/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,0BACT,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;4DACmB;AAGvB;IADN,UAAU;wDACU;AAGd;IADN,UAAU;yEAGiB;AAGrB;IADN,UAAU;8DACe;AAInB;IADN,UAAU;+DACgB;AA4C/B,MAAM,eAAe,GAAG,0BAA0B,CAAC,OAAO,CAAC;IACvD,QAAQ,EAAE,gCAAgC;IAC1C,QAAQ;IACR,MAAM;CACT,CAAC,CAAC;AACH,YAAY,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,eAAe,EAAE,CAAC,CAAC;AAC5E,MAAM,CAAC,MAAM,6BAA6B,GAAG,uCAAuC,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-mapping-cell-view': TableColumnMappingCellView;\n    }\n}\n\n/**\n * The cell view for the mapping column\n */\nexport class TableColumnMappingCellView\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 mappingCellView = TableColumnMappingCellView.compose({\n    baseName: 'table-column-mapping-cell-view',\n    template,\n    styles\n});\nDesignSystem.getOrCreate().withPrefix('nimble').register(mappingCellView());\nexport const tableColumnMappingCellViewTag = 'nimble-table-column-mapping-cell-view';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/table-column/mapping/cell-view/index.ts"],"names":[],"mappings":"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","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';\nimport { MappingEmptyConfig } from '../../enum-base/models/mapping-empty-config';\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-table-column-mapping-cell-view': TableColumnMappingCellView;\n    }\n}\n\n/**\n * The cell view for the mapping column\n */\nexport class TableColumnMappingCellView\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        } else if (mappingConfig instanceof MappingEmptyConfig) {\n            this.text = mappingConfig.text;\n            this.textHidden = true;\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 mappingCellView = TableColumnMappingCellView.compose({\n    baseName: 'table-column-mapping-cell-view',\n    template,\n    styles\n});\nDesignSystem.getOrCreate().withPrefix('nimble').register(mappingCellView());\nexport const tableColumnMappingCellViewTag = 'nimble-table-column-mapping-cell-view';\n"]}

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

@@ -1,10 +1,10 @@
 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 { IconSeverity } from '../../../icon-base/types';
 import { type IconView } from '../../enum-base/models/mapping-icon-config';
 import { SpinnerView } from '../../enum-base/models/mapping-spinner-config';
+import { TableGroupHeaderView } from '../../base/group-header-view';
 declare global {
     interface HTMLElementTagNameMap {
         'nimble-table-column-mapping-group-header-view': TableColumnMappingGroupHeaderView;
@@ -13,11 +13,16 @@ declare global {
 /**
  * The group header view for the mapping column
  */
-export declare class TableColumnMappingGroupHeaderView extends TableColumnTextGroupHeaderViewBase<TableFieldValue, TableColumnEnumColumnConfig> implements IconView, SpinnerView {
+export declare class TableColumnMappingGroupHeaderView extends TableGroupHeaderView<TableFieldValue, TableColumnEnumColumnConfig> implements IconView, SpinnerView {
+    /** @internal */
+    hasOverflow: boolean;
+    text: string;
     severity: IconSeverity;
     visualizationTemplate?: ViewTemplate<IconView> | ViewTemplate<SpinnerView>;
     readonly textHidden = false;
-    protected updateText(): void;
+    private columnConfigChanged;
+    private groupHeaderValueChanged;
+    private updateState;
     private resetState;
 }
 export declare const tableColumnMappingGroupHeaderViewTag = "nimble-table-column-mapping-group-header-view";

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

@@ -3,20 +3,30 @@ 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 { 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';
+import { MappingEmptyConfig } from '../../enum-base/models/mapping-empty-config';
+import { TableGroupHeaderView } from '../../base/group-header-view';
 /**
  * The group header view for the mapping column
  */
-export class TableColumnMappingGroupHeaderView extends TableColumnTextGroupHeaderViewBase {
+export class TableColumnMappingGroupHeaderView extends TableGroupHeaderView {
     constructor() {
         super(...arguments);
+        /** @internal */
+        this.hasOverflow = false;
+        this.text = '';
         this.textHidden = false;
     }
-    updateText() {
+    columnConfigChanged() {
+        this.updateState();
+    }
+    groupHeaderValueChanged() {
+        this.updateState();
+    }
+    updateState() {
         this.resetState();
         if (!this.columnConfig) {
             return;
@@ -35,6 +45,9 @@ export class TableColumnMappingGroupHeaderView extends TableColumnTextGroupHeade
         else if (mappingConfig instanceof MappingTextConfig) {
             this.text = mappingConfig.text ?? '';
         }
+        else if (mappingConfig instanceof MappingEmptyConfig) {
+            this.text = mappingConfig.text ?? '';
+        }
     }
     resetState() {
         this.text = '';
@@ -42,6 +55,12 @@ export class TableColumnMappingGroupHeaderView extends TableColumnTextGroupHeade
         this.severity = IconSeverity.default;
     }
 }
+__decorate([
+    observable
+], TableColumnMappingGroupHeaderView.prototype, "hasOverflow", void 0);
+__decorate([
+    observable
+], TableColumnMappingGroupHeaderView.prototype, "text", void 0);
 __decorate([
     observable
 ], TableColumnMappingGroupHeaderView.prototype, "severity", void 0);

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/table-column/mapping/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,iCACT,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;mEACmB;AAGvB;IADN,UAAU;gFAGiB;AA+BhC,MAAM,sBAAsB,GAAG,iCAAiC,CAAC,OAAO,CAAC;IACrE,QAAQ,EAAE,wCAAwC;IAClD,QAAQ;IACR,MAAM;CACT,CAAC,CAAC;AACH,YAAY,CAAC,WAAW,EAAE;KACrB,UAAU,CAAC,QAAQ,CAAC;KACpB,QAAQ,CAAC,sBAAsB,EAAE,CAAC,CAAC;AACxC,MAAM,CAAC,MAAM,oCAAoC,GAAG,+CAA+C,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-mapping-group-header-view': TableColumnMappingGroupHeaderView;\n    }\n}\n\n/**\n * The group header view for the mapping column\n */\nexport class TableColumnMappingGroupHeaderView\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 mappingGroupHeaderView = TableColumnMappingGroupHeaderView.compose({\n    baseName: 'table-column-mapping-group-header-view',\n    template,\n    styles\n});\nDesignSystem.getOrCreate()\n    .withPrefix('nimble')\n    .register(mappingGroupHeaderView());\nexport const tableColumnMappingGroupHeaderViewTag = 'nimble-table-column-mapping-group-header-view';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/table-column/mapping/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,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;AAC/E,OAAO,EAAE,kBAAkB,EAAE,MAAM,6CAA6C,CAAC;AACjF,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AAQpE;;GAEG;AACH,MAAM,OAAO,iCACT,SAAQ,oBAAkE;IAD9E;;QAGI,gBAAgB;QAET,gBAAW,GAAG,KAAK,CAAC;QAGpB,SAAI,GAAG,EAAE,CAAC;QAUD,eAAU,GAAG,KAAK,CAAC;IAqCvC,CAAC;IAnCW,mBAAmB;QACvB,IAAI,CAAC,WAAW,EAAE,CAAC;IACvB,CAAC;IAEO,uBAAuB;QAC3B,IAAI,CAAC,WAAW,EAAE,CAAC;IACvB,CAAC;IAEO,WAAW;QACf,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;aAAM,IAAI,aAAa,YAAY,kBAAkB,EAAE;YACpD,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;AAlDU;IADN,UAAU;sEACgB;AAGpB;IADN,UAAU;+DACM;AAGV;IADN,UAAU;mEACmB;AAGvB;IADN,UAAU;gFAGiB;AAyChC,MAAM,sBAAsB,GAAG,iCAAiC,CAAC,OAAO,CAAC;IACrE,QAAQ,EAAE,wCAAwC;IAClD,QAAQ;IACR,MAAM;CACT,CAAC,CAAC;AACH,YAAY,CAAC,WAAW,EAAE;KACrB,UAAU,CAAC,QAAQ,CAAC;KACpB,QAAQ,CAAC,sBAAsB,EAAE,CAAC,CAAC;AACxC,MAAM,CAAC,MAAM,oCAAoC,GAAG,+CAA+C,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 { 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';\nimport { MappingEmptyConfig } from '../../enum-base/models/mapping-empty-config';\nimport { TableGroupHeaderView } from '../../base/group-header-view';\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-table-column-mapping-group-header-view': TableColumnMappingGroupHeaderView;\n    }\n}\n\n/**\n * The group header view for the mapping column\n */\nexport class TableColumnMappingGroupHeaderView\n    extends TableGroupHeaderView<TableFieldValue, TableColumnEnumColumnConfig>\n    implements IconView, SpinnerView {\n    /** @internal */\n    @observable\n    public hasOverflow = false;\n\n    @observable\n    public text = '';\n\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    private columnConfigChanged(): void {\n        this.updateState();\n    }\n\n    private groupHeaderValueChanged(): void {\n        this.updateState();\n    }\n\n    private updateState(): 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        } else if (mappingConfig instanceof MappingEmptyConfig) {\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 mappingGroupHeaderView = TableColumnMappingGroupHeaderView.compose({\n    baseName: 'table-column-mapping-group-header-view',\n    template,\n    styles\n});\nDesignSystem.getOrCreate()\n    .withPrefix('nimble')\n    .register(mappingGroupHeaderView());\nexport const tableColumnMappingGroupHeaderViewTag = 'nimble-table-column-mapping-group-header-view';\n"]}

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

@@ -16,6 +16,8 @@ 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';
+import { MappingEmpty } from '../../mapping/empty';
+import { MappingEmptyConfig } from '../enum-base/models/mapping-empty-config';
 import { TableColumnMappingWidthMode } from './types';
 /**
  * Table column that maps number, boolean, or string values to an icon, a spinner,
@@ -52,6 +54,9 @@ export class TableColumnMapping extends mixinGroupableColumnAPI(mixinFractionalW
         if (mapping instanceof MappingText) {
             return new MappingTextConfig(mapping.text);
         }
+        if (mapping instanceof MappingEmpty) {
+            return new MappingEmptyConfig(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');

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/table-column/mapping/index.ts"],"names":[],"mappings":"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","sourcesContent":["import { DesignSystem } from '@microsoft/fast-foundation';\nimport { attr } from '@microsoft/fast-element';\nimport {\n    MappingConfigs,\n    TableColumnEnumBase,\n    TableColumnEnumColumnConfig\n} from '../enum-base';\nimport { styles } from '../enum-base/styles';\nimport { template } from '../enum-base/template';\nimport {\n    TableColumnSortOperation,\n    singleIconColumnWidth,\n    defaultMinPixelWidth\n} 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 { TableColumnMappingValidator } from './models/table-column-mapping-validator';\nimport type { ColumnInternalsOptions } from '../base/models/column-internals';\nimport { tableColumnMappingGroupHeaderViewTag } from './group-header-view';\nimport { tableColumnMappingCellViewTag } 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';\nimport { TableColumnMappingWidthMode } from './types';\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-table-column-mapping': TableColumnMapping;\n    }\n}\n\n/**\n * Table column that maps number, boolean, or string values to an icon, a spinner,\n * text, or an icon/spinner with text.\n */\nexport class TableColumnMapping extends mixinGroupableColumnAPI(\n    mixinFractionalWidthColumnAPI(\n        TableColumnEnumBase<\n        TableColumnEnumColumnConfig,\n        TableColumnMappingValidator\n        >\n    )\n) {\n    @attr({ attribute: 'width-mode' })\n    public widthMode: TableColumnMappingWidthMode;\n\n    public override minPixelWidthChanged(): void {\n        if (this.widthMode !== TableColumnMappingWidthMode.iconSize) {\n            this.columnInternals.minPixelWidth = this.getConfiguredMinPixelWidth();\n        }\n    }\n\n    protected override getColumnInternalsOptions(): ColumnInternalsOptions<TableColumnMappingValidator> {\n        return {\n            cellRecordFieldNames: ['value'],\n            cellViewTag: tableColumnMappingCellViewTag,\n            groupHeaderViewTag: tableColumnMappingGroupHeaderViewTag,\n            delegatedEvents: [],\n            sortOperation: TableColumnSortOperation.basic,\n            validator: new TableColumnMappingValidator()\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    private widthModeChanged(): void {\n        if (this.widthMode === TableColumnMappingWidthMode.iconSize) {\n            this.columnInternals.resizingDisabled = true;\n            this.columnInternals.hideHeaderIndicators = true;\n            this.columnInternals.pixelWidth = singleIconColumnWidth;\n            this.columnInternals.minPixelWidth = singleIconColumnWidth;\n        } else {\n            this.columnInternals.resizingDisabled = false;\n            this.columnInternals.hideHeaderIndicators = false;\n            this.columnInternals.pixelWidth = undefined;\n            this.columnInternals.minPixelWidth = this.getConfiguredMinPixelWidth();\n        }\n    }\n\n    private getConfiguredMinPixelWidth(): number {\n        if (typeof this.minPixelWidth === 'number') {\n            return this.minPixelWidth;\n        }\n        return defaultMinPixelWidth;\n    }\n}\n\nconst nimbleTableColumnMapping = TableColumnMapping.compose({\n    baseName: 'table-column-mapping',\n    template,\n    styles\n});\n\nDesignSystem.getOrCreate()\n    .withPrefix('nimble')\n    .register(nimbleTableColumnMapping());\nexport const tableColumnMappingTag = 'nimble-table-column-mapping';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/table-column/mapping/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,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,EACH,wBAAwB,EACxB,qBAAqB,EACrB,oBAAoB,EACvB,MAAM,eAAe,CAAC;AACvB,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,2BAA2B,EAAE,MAAM,yCAAyC,CAAC;AAEtF,OAAO,EAAE,oCAAoC,EAAE,MAAM,qBAAqB,CAAC;AAC3E,OAAO,EAAE,6BAA6B,EAAE,MAAM,aAAa,CAAC;AAG5D,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;AAC5E,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,kBAAkB,EAAE,MAAM,0CAA0C,CAAC;AAC9E,OAAO,EAAE,2BAA2B,EAAE,MAAM,SAAS,CAAC;AAQtD;;;GAGG;AACH,MAAM,OAAO,kBAAmB,SAAQ,uBAAuB,CAC3D,6BAA6B,CACzB,CAAA,mBAGC,CAAA,CACJ,CACJ;IAImB,oBAAoB;QAChC,IAAI,IAAI,CAAC,SAAS,KAAK,2BAA2B,CAAC,QAAQ,EAAE;YACzD,IAAI,CAAC,eAAe,CAAC,aAAa,GAAG,IAAI,CAAC,0BAA0B,EAAE,CAAC;SAC1E;IACL,CAAC;IAEkB,yBAAyB;QACxC,OAAO;YACH,oBAAoB,EAAE,CAAC,OAAO,CAAC;YAC/B,WAAW,EAAE,6BAA6B;YAC1C,kBAAkB,EAAE,oCAAoC;YACxD,eAAe,EAAE,EAAE;YACnB,aAAa,EAAE,wBAAwB,CAAC,KAAK;YAC7C,SAAS,EAAE,IAAI,2BAA2B,EAAE;SAC/C,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,IAAI,OAAO,YAAY,YAAY,EAAE;YACjC,OAAO,IAAI,kBAAkB,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;SAC/C;QACD,+EAA+E;QAC/E,mEAAmE;QACnE,MAAM,IAAI,KAAK,CAAC,qBAAqB,CAAC,CAAC;IAC3C,CAAC;IAEO,gBAAgB;QACpB,IAAI,IAAI,CAAC,SAAS,KAAK,2BAA2B,CAAC,QAAQ,EAAE;YACzD,IAAI,CAAC,eAAe,CAAC,gBAAgB,GAAG,IAAI,CAAC;YAC7C,IAAI,CAAC,eAAe,CAAC,oBAAoB,GAAG,IAAI,CAAC;YACjD,IAAI,CAAC,eAAe,CAAC,UAAU,GAAG,qBAAqB,CAAC;YACxD,IAAI,CAAC,eAAe,CAAC,aAAa,GAAG,qBAAqB,CAAC;SAC9D;aAAM;YACH,IAAI,CAAC,eAAe,CAAC,gBAAgB,GAAG,KAAK,CAAC;YAC9C,IAAI,CAAC,eAAe,CAAC,oBAAoB,GAAG,KAAK,CAAC;YAClD,IAAI,CAAC,eAAe,CAAC,UAAU,GAAG,SAAS,CAAC;YAC5C,IAAI,CAAC,eAAe,CAAC,aAAa,GAAG,IAAI,CAAC,0BAA0B,EAAE,CAAC;SAC1E;IACL,CAAC;IAEO,0BAA0B;QAC9B,IAAI,OAAO,IAAI,CAAC,aAAa,KAAK,QAAQ,EAAE;YACxC,OAAO,IAAI,CAAC,aAAa,CAAC;SAC7B;QACD,OAAO,oBAAoB,CAAC;IAChC,CAAC;CACJ;AAtEU;IADN,IAAI,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC;qDACY;AAwElD,MAAM,wBAAwB,GAAG,kBAAkB,CAAC,OAAO,CAAC;IACxD,QAAQ,EAAE,sBAAsB;IAChC,QAAQ;IACR,MAAM;CACT,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,EAAE;KACrB,UAAU,CAAC,QAAQ,CAAC;KACpB,QAAQ,CAAC,wBAAwB,EAAE,CAAC,CAAC;AAC1C,MAAM,CAAC,MAAM,qBAAqB,GAAG,6BAA6B,CAAC","sourcesContent":["import { DesignSystem } from '@microsoft/fast-foundation';\nimport { attr } from '@microsoft/fast-element';\nimport {\n    MappingConfigs,\n    TableColumnEnumBase,\n    TableColumnEnumColumnConfig\n} from '../enum-base';\nimport { styles } from '../enum-base/styles';\nimport { template } from '../enum-base/template';\nimport {\n    TableColumnSortOperation,\n    singleIconColumnWidth,\n    defaultMinPixelWidth\n} 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 { TableColumnMappingValidator } from './models/table-column-mapping-validator';\nimport type { ColumnInternalsOptions } from '../base/models/column-internals';\nimport { tableColumnMappingGroupHeaderViewTag } from './group-header-view';\nimport { tableColumnMappingCellViewTag } 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';\nimport { MappingEmpty } from '../../mapping/empty';\nimport { MappingEmptyConfig } from '../enum-base/models/mapping-empty-config';\nimport { TableColumnMappingWidthMode } from './types';\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-table-column-mapping': TableColumnMapping;\n    }\n}\n\n/**\n * Table column that maps number, boolean, or string values to an icon, a spinner,\n * text, or an icon/spinner with text.\n */\nexport class TableColumnMapping extends mixinGroupableColumnAPI(\n    mixinFractionalWidthColumnAPI(\n        TableColumnEnumBase<\n        TableColumnEnumColumnConfig,\n        TableColumnMappingValidator\n        >\n    )\n) {\n    @attr({ attribute: 'width-mode' })\n    public widthMode: TableColumnMappingWidthMode;\n\n    public override minPixelWidthChanged(): void {\n        if (this.widthMode !== TableColumnMappingWidthMode.iconSize) {\n            this.columnInternals.minPixelWidth = this.getConfiguredMinPixelWidth();\n        }\n    }\n\n    protected override getColumnInternalsOptions(): ColumnInternalsOptions<TableColumnMappingValidator> {\n        return {\n            cellRecordFieldNames: ['value'],\n            cellViewTag: tableColumnMappingCellViewTag,\n            groupHeaderViewTag: tableColumnMappingGroupHeaderViewTag,\n            delegatedEvents: [],\n            sortOperation: TableColumnSortOperation.basic,\n            validator: new TableColumnMappingValidator()\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        if (mapping instanceof MappingEmpty) {\n            return new MappingEmptyConfig(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    private widthModeChanged(): void {\n        if (this.widthMode === TableColumnMappingWidthMode.iconSize) {\n            this.columnInternals.resizingDisabled = true;\n            this.columnInternals.hideHeaderIndicators = true;\n            this.columnInternals.pixelWidth = singleIconColumnWidth;\n            this.columnInternals.minPixelWidth = singleIconColumnWidth;\n        } else {\n            this.columnInternals.resizingDisabled = false;\n            this.columnInternals.hideHeaderIndicators = false;\n            this.columnInternals.pixelWidth = undefined;\n            this.columnInternals.minPixelWidth = this.getConfiguredMinPixelWidth();\n        }\n    }\n\n    private getConfiguredMinPixelWidth(): number {\n        if (typeof this.minPixelWidth === 'number') {\n            return this.minPixelWidth;\n        }\n        return defaultMinPixelWidth;\n    }\n}\n\nconst nimbleTableColumnMapping = TableColumnMapping.compose({\n    baseName: 'table-column-mapping',\n    template,\n    styles\n});\n\nDesignSystem.getOrCreate()\n    .withPrefix('nimble')\n    .register(nimbleTableColumnMapping());\nexport const tableColumnMappingTag = 'nimble-table-column-mapping';\n"]}

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

@@ -1,3 +1,4 @@
+import { MappingEmpty } from '../../../mapping/empty';
 import { MappingIcon } from '../../../mapping/icon';
 import { MappingSpinner } from '../../../mapping/spinner';
 import { MappingText } from '../../../mapping/text';
@@ -21,7 +22,8 @@ export class TableColumnMappingValidator extends TableColumnEnumBaseValidator {
     static isSupportedMappingElement(mapping) {
         return (mapping instanceof MappingIcon
             || mapping instanceof MappingSpinner
-            || mapping instanceof MappingText);
+            || mapping instanceof MappingText
+            || mapping instanceof MappingEmpty);
     }
     static hasUnresolvedIcon(mappingIcon) {
         return (typeof mappingIcon.icon === 'string'

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

@@ -1 +1 @@
-{"version":3,"file":"table-column-mapping-validator.js","sourceRoot":"","sources":["../../../../../src/table-column/mapping/models/table-column-mapping-validator.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EACH,4BAA4B,EAC5B,yBAAyB,EAC5B,MAAM,yDAAyD,CAAC;AAGjE,MAAM,8BAA8B,GAAG;IACnC,GAAG,yBAAyB;IAC5B,wBAAwB;IACxB,iBAAiB;IACjB,kBAAkB;CACZ,CAAC;AAEX;;GAEG;AACH,MAAM,OAAO,2BAA4B,SAAQ,4BAEhD;IACG;QACI,KAAK,CAAC,8BAA8B,CAAC,CAAC;IAC1C,CAAC;IAEO,MAAM,CAAC,oBAAoB,CAC/B,OAAyB;QAEzB,OAAO,OAAO,YAAY,WAAW,CAAC;IAC1C,CAAC;IAEO,MAAM,CAAC,yBAAyB,CACpC,OAAyB;QAEzB,OAAO,CACH,OAAO,YAAY,WAAW;eAC3B,OAAO,YAAY,cAAc;eACjC,OAAO,YAAY,WAAW,CACpC,CAAC;IACN,CAAC;IAEO,MAAM,CAAC,iBAAiB,CAAC,WAAwB;QACrD,OAAO,CACH,OAAO,WAAW,CAAC,IAAI,KAAK,QAAQ;eACjC,WAAW,CAAC,YAAY,KAAK,SAAS,CAC5C,CAAC;IACN,CAAC;IAEe,QAAQ,CACpB,QAA4B,EAC5B,OAAuB;QAEvB,KAAK,CAAC,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;QAClC,IAAI,CAAC,oBAAoB,CAAC,QAAQ,CAAC,CAAC;QACpC,IAAI,CAAC,iBAAiB,CAAC,QAAQ,CAAC,CAAC;QACjC,IAAI,CAAC,qBAAqB,CAAC,QAAQ,CAAC,CAAC;IACzC,CAAC;IAEO,iBAAiB,CAAC,QAA4B;QAClD,MAAM,OAAO,GAAG,QAAQ;aACnB,MAAM,CAAC,2BAA2B,CAAC,oBAAoB,CAAC;aACxD,IAAI,CAAC,2BAA2B,CAAC,iBAAiB,CAAC,CAAC;QACzD,IAAI,CAAC,iBAAiB,CAAC,iBAAiB,EAAE,OAAO,CAAC,CAAC;IACvD,CAAC;IAEO,qBAAqB,CAAC,QAA4B;QACtD,MAAM,OAAO,GAAG,QAAQ;aACnB,MAAM,CAAC,2BAA2B,CAAC,yBAAyB,CAAC;aAC7D,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,OAAO,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC;QACjD,IAAI,CAAC,iBAAiB,CAAC,kBAAkB,EAAE,OAAO,CAAC,CAAC;IACxD,CAAC;IAEO,oBAAoB,CAAC,QAA4B;QACrD,MAAM,KAAK,GAAG,QAAQ,CAAC,KAAK,CACxB,2BAA2B,CAAC,yBAAyB,CACxD,CAAC;QACF,IAAI,CAAC,iBAAiB,CAAC,wBAAwB,EAAE,CAAC,KAAK,CAAC,CAAC;IAC7D,CAAC;CACJ","sourcesContent":["import type { Mapping } from '../../../mapping/base';\nimport { MappingIcon } from '../../../mapping/icon';\nimport { MappingSpinner } from '../../../mapping/spinner';\nimport { MappingText } from '../../../mapping/text';\nimport {\n    TableColumnEnumBaseValidator,\n    enumBaseValidityFlagNames\n} from '../../enum-base/models/table-column-enum-base-validator';\nimport type { MappingKeyType } from '../../enum-base/types';\n\nconst mappingColumnValidityFlagNames = [\n    ...enumBaseValidityFlagNames,\n    'unsupportedMappingType',\n    'invalidIconName',\n    'missingTextValue'\n] as const;\n\n/**\n * Validator for TableColumnMapping\n */\nexport class TableColumnMappingValidator extends TableColumnEnumBaseValidator<\n    typeof mappingColumnValidityFlagNames\n> {\n    public constructor() {\n        super(mappingColumnValidityFlagNames);\n    }\n\n    private static isIconMappingElement(\n        mapping: Mapping<unknown>\n    ): mapping is MappingIcon {\n        return mapping instanceof MappingIcon;\n    }\n\n    private static isSupportedMappingElement(\n        mapping: Mapping<unknown>\n    ): mapping is MappingIcon | MappingSpinner | MappingText {\n        return (\n            mapping instanceof MappingIcon\n            || mapping instanceof MappingSpinner\n            || mapping instanceof MappingText\n        );\n    }\n\n    private static hasUnresolvedIcon(mappingIcon: MappingIcon): boolean {\n        return (\n            typeof mappingIcon.icon === 'string'\n            && mappingIcon.resolvedIcon === undefined\n        );\n    }\n\n    public override validate(\n        mappings: Mapping<unknown>[],\n        keyType: MappingKeyType\n    ): void {\n        super.validate(mappings, keyType);\n        this.validateMappingTypes(mappings);\n        this.validateIconNames(mappings);\n        this.validateNoMissingText(mappings);\n    }\n\n    private validateIconNames(mappings: Mapping<unknown>[]): void {\n        const invalid = mappings\n            .filter(TableColumnMappingValidator.isIconMappingElement)\n            .some(TableColumnMappingValidator.hasUnresolvedIcon);\n        this.setConditionValue('invalidIconName', invalid);\n    }\n\n    private validateNoMissingText(mappings: Mapping<unknown>[]): void {\n        const invalid = mappings\n            .filter(TableColumnMappingValidator.isSupportedMappingElement)\n            .some(mapping => mapping.text === undefined);\n        this.setConditionValue('missingTextValue', invalid);\n    }\n\n    private validateMappingTypes(mappings: Mapping<unknown>[]): void {\n        const valid = mappings.every(\n            TableColumnMappingValidator.isSupportedMappingElement\n        );\n        this.setConditionValue('unsupportedMappingType', !valid);\n    }\n}\n"]}
+{"version":3,"file":"table-column-mapping-validator.js","sourceRoot":"","sources":["../../../../../src/table-column/mapping/models/table-column-mapping-validator.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EACH,4BAA4B,EAC5B,yBAAyB,EAC5B,MAAM,yDAAyD,CAAC;AAGjE,MAAM,8BAA8B,GAAG;IACnC,GAAG,yBAAyB;IAC5B,wBAAwB;IACxB,iBAAiB;IACjB,kBAAkB;CACZ,CAAC;AAEX;;GAEG;AACH,MAAM,OAAO,2BAA4B,SAAQ,4BAEhD;IACG;QACI,KAAK,CAAC,8BAA8B,CAAC,CAAC;IAC1C,CAAC;IAEO,MAAM,CAAC,oBAAoB,CAC/B,OAAyB;QAEzB,OAAO,OAAO,YAAY,WAAW,CAAC;IAC1C,CAAC;IAEO,MAAM,CAAC,yBAAyB,CACpC,OAAyB;QAEzB,OAAO,CACH,OAAO,YAAY,WAAW;eAC3B,OAAO,YAAY,cAAc;eACjC,OAAO,YAAY,WAAW;eAC9B,OAAO,YAAY,YAAY,CACrC,CAAC;IACN,CAAC;IAEO,MAAM,CAAC,iBAAiB,CAAC,WAAwB;QACrD,OAAO,CACH,OAAO,WAAW,CAAC,IAAI,KAAK,QAAQ;eACjC,WAAW,CAAC,YAAY,KAAK,SAAS,CAC5C,CAAC;IACN,CAAC;IAEe,QAAQ,CACpB,QAA4B,EAC5B,OAAuB;QAEvB,KAAK,CAAC,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;QAClC,IAAI,CAAC,oBAAoB,CAAC,QAAQ,CAAC,CAAC;QACpC,IAAI,CAAC,iBAAiB,CAAC,QAAQ,CAAC,CAAC;QACjC,IAAI,CAAC,qBAAqB,CAAC,QAAQ,CAAC,CAAC;IACzC,CAAC;IAEO,iBAAiB,CAAC,QAA4B;QAClD,MAAM,OAAO,GAAG,QAAQ;aACnB,MAAM,CAAC,2BAA2B,CAAC,oBAAoB,CAAC;aACxD,IAAI,CAAC,2BAA2B,CAAC,iBAAiB,CAAC,CAAC;QACzD,IAAI,CAAC,iBAAiB,CAAC,iBAAiB,EAAE,OAAO,CAAC,CAAC;IACvD,CAAC;IAEO,qBAAqB,CAAC,QAA4B;QACtD,MAAM,OAAO,GAAG,QAAQ;aACnB,MAAM,CAAC,2BAA2B,CAAC,yBAAyB,CAAC;aAC7D,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,OAAO,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC;QACjD,IAAI,CAAC,iBAAiB,CAAC,kBAAkB,EAAE,OAAO,CAAC,CAAC;IACxD,CAAC;IAEO,oBAAoB,CAAC,QAA4B;QACrD,MAAM,KAAK,GAAG,QAAQ,CAAC,KAAK,CACxB,2BAA2B,CAAC,yBAAyB,CACxD,CAAC;QACF,IAAI,CAAC,iBAAiB,CAAC,wBAAwB,EAAE,CAAC,KAAK,CAAC,CAAC;IAC7D,CAAC;CACJ","sourcesContent":["import type { Mapping } from '../../../mapping/base';\nimport { MappingEmpty } from '../../../mapping/empty';\nimport { MappingIcon } from '../../../mapping/icon';\nimport { MappingSpinner } from '../../../mapping/spinner';\nimport { MappingText } from '../../../mapping/text';\nimport {\n    TableColumnEnumBaseValidator,\n    enumBaseValidityFlagNames\n} from '../../enum-base/models/table-column-enum-base-validator';\nimport type { MappingKeyType } from '../../enum-base/types';\n\nconst mappingColumnValidityFlagNames = [\n    ...enumBaseValidityFlagNames,\n    'unsupportedMappingType',\n    'invalidIconName',\n    'missingTextValue'\n] as const;\n\n/**\n * Validator for TableColumnMapping\n */\nexport class TableColumnMappingValidator extends TableColumnEnumBaseValidator<\n    typeof mappingColumnValidityFlagNames\n> {\n    public constructor() {\n        super(mappingColumnValidityFlagNames);\n    }\n\n    private static isIconMappingElement(\n        mapping: Mapping<unknown>\n    ): mapping is MappingIcon {\n        return mapping instanceof MappingIcon;\n    }\n\n    private static isSupportedMappingElement(\n        mapping: Mapping<unknown>\n    ): mapping is MappingIcon | MappingSpinner | MappingText | MappingEmpty {\n        return (\n            mapping instanceof MappingIcon\n            || mapping instanceof MappingSpinner\n            || mapping instanceof MappingText\n            || mapping instanceof MappingEmpty\n        );\n    }\n\n    private static hasUnresolvedIcon(mappingIcon: MappingIcon): boolean {\n        return (\n            typeof mappingIcon.icon === 'string'\n            && mappingIcon.resolvedIcon === undefined\n        );\n    }\n\n    public override validate(\n        mappings: Mapping<unknown>[],\n        keyType: MappingKeyType\n    ): void {\n        super.validate(mappings, keyType);\n        this.validateMappingTypes(mappings);\n        this.validateIconNames(mappings);\n        this.validateNoMissingText(mappings);\n    }\n\n    private validateIconNames(mappings: Mapping<unknown>[]): void {\n        const invalid = mappings\n            .filter(TableColumnMappingValidator.isIconMappingElement)\n            .some(TableColumnMappingValidator.hasUnresolvedIcon);\n        this.setConditionValue('invalidIconName', invalid);\n    }\n\n    private validateNoMissingText(mappings: Mapping<unknown>[]): void {\n        const invalid = mappings\n            .filter(TableColumnMappingValidator.isSupportedMappingElement)\n            .some(mapping => mapping.text === undefined);\n        this.setConditionValue('missingTextValue', invalid);\n    }\n\n    private validateMappingTypes(mappings: Mapping<unknown>[]): void {\n        const valid = mappings.every(\n            TableColumnMappingValidator.isSupportedMappingElement\n        );\n        this.setConditionValue('unsupportedMappingType', !valid);\n    }\n}\n"]}

package/dist/esm/unit/celsius/index.d.ts

@@ -0,0 +1,13 @@
+import { Unit } from '../base/unit';
+declare global {
+    interface HTMLElementTagNameMap {
+        'nimble-unit-celsius': UnitCelsius;
+    }
+}
+/**
+ * Element representing degrees Celsius unit
+ */
+export declare class UnitCelsius extends Unit {
+    constructor();
+}
+export declare const unitCelsiusTag = "nimble-unit-celsius";

package/dist/esm/unit/celsius/index.js

@@ -0,0 +1,20 @@
+import { DesignSystem } from '@microsoft/fast-foundation';
+import { template } from '../base/template';
+import { Unit } from '../base/unit';
+import { celsiusUnitScale } from '../../utilities/unit-format/unit-scale/celsius-unit-scale';
+/**
+ * Element representing degrees Celsius unit
+ */
+export class UnitCelsius extends Unit {
+    constructor() {
+        super();
+        this.resolvedUnitScale = celsiusUnitScale;
+    }
+}
+const nimbleUnitCelsius = UnitCelsius.compose({
+    baseName: 'unit-celsius',
+    template
+});
+DesignSystem.getOrCreate().withPrefix('nimble').register(nimbleUnitCelsius());
+export const unitCelsiusTag = 'nimble-unit-celsius';
+//# sourceMappingURL=index.js.map

package/dist/esm/unit/celsius/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/unit/celsius/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,gBAAgB,EAAE,MAAM,2DAA2D,CAAC;AAQ7F;;GAEG;AACH,MAAM,OAAO,WAAY,SAAQ,IAAI;IACjC;QACI,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,iBAAiB,GAAG,gBAAgB,CAAC;IAC9C,CAAC;CACJ;AAED,MAAM,iBAAiB,GAAG,WAAW,CAAC,OAAO,CAAC;IAC1C,QAAQ,EAAE,cAAc;IACxB,QAAQ;CACX,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,iBAAiB,EAAE,CAAC,CAAC;AAC9E,MAAM,CAAC,MAAM,cAAc,GAAG,qBAAqB,CAAC","sourcesContent":["import { DesignSystem } from '@microsoft/fast-foundation';\nimport { template } from '../base/template';\nimport { Unit } from '../base/unit';\nimport { celsiusUnitScale } from '../../utilities/unit-format/unit-scale/celsius-unit-scale';\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-unit-celsius': UnitCelsius;\n    }\n}\n\n/**\n * Element representing degrees Celsius unit\n */\nexport class UnitCelsius extends Unit {\n    public constructor() {\n        super();\n        this.resolvedUnitScale = celsiusUnitScale;\n    }\n}\n\nconst nimbleUnitCelsius = UnitCelsius.compose({\n    baseName: 'unit-celsius',\n    template\n});\n\nDesignSystem.getOrCreate().withPrefix('nimble').register(nimbleUnitCelsius());\nexport const unitCelsiusTag = 'nimble-unit-celsius';\n"]}

package/dist/esm/unit/fahrenheit/index.d.ts

@@ -0,0 +1,13 @@
+import { Unit } from '../base/unit';
+declare global {
+    interface HTMLElementTagNameMap {
+        'nimble-unit-fahrenheit': UnitFahrenheit;
+    }
+}
+/**
+ * Element representing degrees Fahrenheit unit
+ */
+export declare class UnitFahrenheit extends Unit {
+    constructor();
+}
+export declare const unitFahrenheitTag = "nimble-unit-fahrenheit";

package/dist/esm/unit/fahrenheit/index.js

@@ -0,0 +1,22 @@
+import { DesignSystem } from '@microsoft/fast-foundation';
+import { template } from '../base/template';
+import { Unit } from '../base/unit';
+import { fahrenheitUnitScale } from '../../utilities/unit-format/unit-scale/fahrenheit-unit-scale';
+/**
+ * Element representing degrees Fahrenheit unit
+ */
+export class UnitFahrenheit extends Unit {
+    constructor() {
+        super();
+        this.resolvedUnitScale = fahrenheitUnitScale;
+    }
+}
+const nimbleUnitFahrenheit = UnitFahrenheit.compose({
+    baseName: 'unit-fahrenheit',
+    template
+});
+DesignSystem.getOrCreate()
+    .withPrefix('nimble')
+    .register(nimbleUnitFahrenheit());
+export const unitFahrenheitTag = 'nimble-unit-fahrenheit';
+//# sourceMappingURL=index.js.map

package/dist/esm/unit/fahrenheit/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/unit/fahrenheit/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,mBAAmB,EAAE,MAAM,8DAA8D,CAAC;AAQnG;;GAEG;AACH,MAAM,OAAO,cAAe,SAAQ,IAAI;IACpC;QACI,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,iBAAiB,GAAG,mBAAmB,CAAC;IACjD,CAAC;CACJ;AAED,MAAM,oBAAoB,GAAG,cAAc,CAAC,OAAO,CAAC;IAChD,QAAQ,EAAE,iBAAiB;IAC3B,QAAQ;CACX,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,EAAE;KACrB,UAAU,CAAC,QAAQ,CAAC;KACpB,QAAQ,CAAC,oBAAoB,EAAE,CAAC,CAAC;AACtC,MAAM,CAAC,MAAM,iBAAiB,GAAG,wBAAwB,CAAC","sourcesContent":["import { DesignSystem } from '@microsoft/fast-foundation';\nimport { template } from '../base/template';\nimport { Unit } from '../base/unit';\nimport { fahrenheitUnitScale } from '../../utilities/unit-format/unit-scale/fahrenheit-unit-scale';\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-unit-fahrenheit': UnitFahrenheit;\n    }\n}\n\n/**\n * Element representing degrees Fahrenheit unit\n */\nexport class UnitFahrenheit extends Unit {\n    public constructor() {\n        super();\n        this.resolvedUnitScale = fahrenheitUnitScale;\n    }\n}\n\nconst nimbleUnitFahrenheit = UnitFahrenheit.compose({\n    baseName: 'unit-fahrenheit',\n    template\n});\n\nDesignSystem.getOrCreate()\n    .withPrefix('nimble')\n    .register(nimbleUnitFahrenheit());\nexport const unitFahrenheitTag = 'nimble-unit-fahrenheit';\n"]}

package/dist/esm/utilities/unit-format/unit-scale/celsius-unit-scale.d.ts

@@ -0,0 +1,9 @@
+import { UnitScale } from './unit-scale';
+/**
+ * Degrees Celsius units
+ */
+declare class CelsiusUnitScale extends UnitScale {
+    constructor();
+}
+export declare const celsiusUnitScale: CelsiusUnitScale;
+export {};

package/dist/esm/utilities/unit-format/unit-scale/celsius-unit-scale.js

@@ -0,0 +1,18 @@
+import { ScaledUnit } from '../scaled-unit/scaled-unit';
+import { IntlNumberFormatScaledUnitFormat } from '../scaled-unit-format/intl-number-format-scaled-unit-format';
+import { UnitScale } from './unit-scale';
+const celsiusUnitScaleOptions = [[1, 'celsius', 'short']];
+/**
+ * Degrees Celsius units
+ */
+class CelsiusUnitScale extends UnitScale {
+    constructor() {
+        super(celsiusUnitScaleOptions.map(([scaleFactor, unit, unitDisplay]) => new ScaledUnit(scaleFactor, IntlNumberFormatScaledUnitFormat.createFactory({
+            style: 'unit',
+            unit,
+            unitDisplay
+        }))));
+    }
+}
+export const celsiusUnitScale = new CelsiusUnitScale();
+//# sourceMappingURL=celsius-unit-scale.js.map

package/dist/esm/utilities/unit-format/unit-scale/celsius-unit-scale.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"celsius-unit-scale.js","sourceRoot":"","sources":["../../../../../src/utilities/unit-format/unit-scale/celsius-unit-scale.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AACxD,OAAO,EAAE,gCAAgC,EAAE,MAAM,6DAA6D,CAAC;AAC/G,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,MAAM,uBAAuB,GAAG,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,OAAO,CAAC,CAAU,CAAC;AAEnE;;GAEG;AACH,MAAM,gBAAiB,SAAQ,SAAS;IACpC;QACI,KAAK,CACD,uBAAuB,CAAC,GAAG,CACvB,CAAC,CAAC,WAAW,EAAE,IAAI,EAAE,WAAW,CAAC,EAAE,EAAE,CAAC,IAAI,UAAU,CAChD,WAAW,EACX,gCAAgC,CAAC,aAAa,CAAC;YAC3C,KAAK,EAAE,MAAM;YACb,IAAI;YACJ,WAAW;SACd,CAAC,CACL,CACJ,CACJ,CAAC;IACN,CAAC;CACJ;AAED,MAAM,CAAC,MAAM,gBAAgB,GAAG,IAAI,gBAAgB,EAAE,CAAC","sourcesContent":["import { ScaledUnit } from '../scaled-unit/scaled-unit';\nimport { IntlNumberFormatScaledUnitFormat } from '../scaled-unit-format/intl-number-format-scaled-unit-format';\nimport { UnitScale } from './unit-scale';\n\nconst celsiusUnitScaleOptions = [[1, 'celsius', 'short']] as const;\n\n/**\n * Degrees Celsius units\n */\nclass CelsiusUnitScale extends UnitScale {\n    public constructor() {\n        super(\n            celsiusUnitScaleOptions.map(\n                ([scaleFactor, unit, unitDisplay]) => new ScaledUnit(\n                    scaleFactor,\n                    IntlNumberFormatScaledUnitFormat.createFactory({\n                        style: 'unit',\n                        unit,\n                        unitDisplay\n                    })\n                )\n            )\n        );\n    }\n}\n\nexport const celsiusUnitScale = new CelsiusUnitScale();\n"]}

package/dist/esm/utilities/unit-format/unit-scale/fahrenheit-unit-scale.d.ts

@@ -0,0 +1,9 @@
+import { UnitScale } from './unit-scale';
+/**
+ * Degrees Fahrenheit units
+ */
+declare class FahrenheitUnitScale extends UnitScale {
+    constructor();
+}
+export declare const fahrenheitUnitScale: FahrenheitUnitScale;
+export {};

package/dist/esm/utilities/unit-format/unit-scale/fahrenheit-unit-scale.js

@@ -0,0 +1,18 @@
+import { ScaledUnit } from '../scaled-unit/scaled-unit';
+import { IntlNumberFormatScaledUnitFormat } from '../scaled-unit-format/intl-number-format-scaled-unit-format';
+import { UnitScale } from './unit-scale';
+const fahrenheitUnitScaleOptions = [[1, 'fahrenheit', 'short']];
+/**
+ * Degrees Fahrenheit units
+ */
+class FahrenheitUnitScale extends UnitScale {
+    constructor() {
+        super(fahrenheitUnitScaleOptions.map(([scaleFactor, unit, unitDisplay]) => new ScaledUnit(scaleFactor, IntlNumberFormatScaledUnitFormat.createFactory({
+            style: 'unit',
+            unit,
+            unitDisplay
+        }))));
+    }
+}
+export const fahrenheitUnitScale = new FahrenheitUnitScale();
+//# sourceMappingURL=fahrenheit-unit-scale.js.map

package/dist/esm/utilities/unit-format/unit-scale/fahrenheit-unit-scale.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fahrenheit-unit-scale.js","sourceRoot":"","sources":["../../../../../src/utilities/unit-format/unit-scale/fahrenheit-unit-scale.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AACxD,OAAO,EAAE,gCAAgC,EAAE,MAAM,6DAA6D,CAAC;AAC/G,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,MAAM,0BAA0B,GAAG,CAAC,CAAC,CAAC,EAAE,YAAY,EAAE,OAAO,CAAC,CAAU,CAAC;AAEzE;;GAEG;AACH,MAAM,mBAAoB,SAAQ,SAAS;IACvC;QACI,KAAK,CACD,0BAA0B,CAAC,GAAG,CAC1B,CAAC,CAAC,WAAW,EAAE,IAAI,EAAE,WAAW,CAAC,EAAE,EAAE,CAAC,IAAI,UAAU,CAChD,WAAW,EACX,gCAAgC,CAAC,aAAa,CAAC;YAC3C,KAAK,EAAE,MAAM;YACb,IAAI;YACJ,WAAW;SACd,CAAC,CACL,CACJ,CACJ,CAAC;IACN,CAAC;CACJ;AAED,MAAM,CAAC,MAAM,mBAAmB,GAAG,IAAI,mBAAmB,EAAE,CAAC","sourcesContent":["import { ScaledUnit } from '../scaled-unit/scaled-unit';\nimport { IntlNumberFormatScaledUnitFormat } from '../scaled-unit-format/intl-number-format-scaled-unit-format';\nimport { UnitScale } from './unit-scale';\n\nconst fahrenheitUnitScaleOptions = [[1, 'fahrenheit', 'short']] as const;\n\n/**\n * Degrees Fahrenheit units\n */\nclass FahrenheitUnitScale extends UnitScale {\n    public constructor() {\n        super(\n            fahrenheitUnitScaleOptions.map(\n                ([scaleFactor, unit, unitDisplay]) => new ScaledUnit(\n                    scaleFactor,\n                    IntlNumberFormatScaledUnitFormat.createFactory({\n                        style: 'unit',\n                        unit,\n                        unitDisplay\n                    })\n                )\n            )\n        );\n    }\n}\n\nexport const fahrenheitUnitScale = new FahrenheitUnitScale();\n"]}

package/package.json

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