@ni/nimble-components 29.8.2 → 30.0.0

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

@@ -10,27 +10,32 @@ import { mixinGroupableColumnAPI } from '../mixins/groupable-column';
 import { mixinColumnWithPlaceholderAPI } from '../mixins/placeholder';
 import { tableColumnAnchorCellViewTag } from './cell-view';
 import { tableColumnTextGroupHeaderViewTag } from '../text/group-header-view';
-import { ColumnValidator } from '../base/models/column-validator';
 import { mixinSortableColumnAPI } from '../mixins/sortable-column';
+import { mixinCustomSortOrderColumnAPI } from '../mixins/custom-sort-order';
+import { TableColumnAnchorValidator } from './models/table-column-anchor-validator';
 /**
  * A table column for displaying links.
  */
-export class TableColumnAnchor extends mixinGroupableColumnAPI(mixinFractionalWidthColumnAPI(mixinColumnWithPlaceholderAPI(mixinSortableColumnAPI((TableColumn))))) {
+export class TableColumnAnchor extends mixinGroupableColumnAPI(mixinFractionalWidthColumnAPI(mixinColumnWithPlaceholderAPI(mixinSortableColumnAPI(mixinCustomSortOrderColumnAPI((TableColumn)))))) {
     constructor() {
         super(...arguments);
         this.underlineHidden = false;
+        this.defaultSortOperation = TableColumnSortOperation.localeAwareCaseSensitive;
     }
     placeholderChanged() {
         this.updateColumnConfig();
     }
+    handleSortConfigurationChange() {
+        this.updateColumnInternalsSortConfiguration();
+    }
     getColumnInternalsOptions() {
         return {
             cellRecordFieldNames: ['label', 'href'],
             cellViewTag: tableColumnAnchorCellViewTag,
             groupHeaderViewTag: tableColumnTextGroupHeaderViewTag,
             delegatedEvents: ['click'],
-            sortOperation: TableColumnSortOperation.localeAwareCaseSensitive,
-            validator: new ColumnValidator([])
+            sortOperation: this.getResolvedSortOperation(this.defaultSortOperation),
+            validator: new TableColumnAnchorValidator()
         };
     }
     labelFieldNameChanged() {
@@ -38,7 +43,7 @@ export class TableColumnAnchor extends mixinGroupableColumnAPI(mixinFractionalWi
             this.labelFieldName,
             this.hrefFieldName
         ];
-        this.columnInternals.operandDataRecordFieldName = this.labelFieldName;
+        this.updateColumnInternalsSortConfiguration();
     }
     hrefFieldNameChanged() {
         this.columnInternals.dataRecordFieldNames = [
@@ -87,6 +92,10 @@ export class TableColumnAnchor extends mixinGroupableColumnAPI(mixinFractionalWi
             placeholder: this.placeholder
         };
     }
+    updateColumnInternalsSortConfiguration() {
+        this.columnInternals.operandDataRecordFieldName = this.getResolvedOperandDataRecordFieldName(this.labelFieldName);
+        this.columnInternals.sortOperation = this.getResolvedSortOperation(this.defaultSortOperation);
+    }
 }
 __decorate([
     attr({ attribute: 'label-field-name' })

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

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

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

@@ -0,0 +1,8 @@
+import { ColumnValidator } from '../../base/models/column-validator';
+export declare const columnAnchorValidityFlagNames: readonly ["invalidCustomSortWithGrouping"];
+/**
+ * Validator class for the anchor table column.
+ */
+export declare class TableColumnAnchorValidator extends ColumnValidator<typeof columnAnchorValidityFlagNames> {
+    constructor();
+}

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

@@ -0,0 +1,13 @@
+import { ColumnValidator } from '../../base/models/column-validator';
+export const columnAnchorValidityFlagNames = [
+    'invalidCustomSortWithGrouping'
+];
+/**
+ * Validator class for the anchor table column.
+ */
+export class TableColumnAnchorValidator extends ColumnValidator {
+    constructor() {
+        super(columnAnchorValidityFlagNames);
+    }
+}
+//# sourceMappingURL=table-column-anchor-validator.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"table-column-anchor-validator.js","sourceRoot":"","sources":["../../../../../src/table-column/anchor/models/table-column-anchor-validator.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC;AAErE,MAAM,CAAC,MAAM,6BAA6B,GAAG;IACzC,+BAA+B;CACzB,CAAC;AAEX;;GAEG;AACH,MAAM,OAAO,0BAA2B,SAAQ,eAE/C;IACG;QACI,KAAK,CAAC,6BAA6B,CAAC,CAAC;IACzC,CAAC;CACJ","sourcesContent":["import { ColumnValidator } from '../../base/models/column-validator';\n\nexport const columnAnchorValidityFlagNames = [\n    'invalidCustomSortWithGrouping'\n] as const;\n\n/**\n * Validator class for the anchor table column.\n */\nexport class TableColumnAnchorValidator extends ColumnValidator<\n    typeof columnAnchorValidityFlagNames\n> {\n    public constructor() {\n        super(columnAnchorValidityFlagNames);\n    }\n}\n"]}

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

@@ -10,9 +10,9 @@ export declare class ColumnValidator<ValidityFlagNames extends readonly string[]
      * @returns an object containing flags for various ways the configuation can be invalid
      */
     getValidity(): TableColumnValidity;
+    onTrackingChange(): void;
     /**
      * Sets a particular validity condition flag's value, e.g. "hasInvalidFooValue" = true
      */
     protected setConditionValue(name: ValidityFlagNames extends readonly (infer U)[] ? U : never, isInvalid: boolean): void;
-    private updateColumnInternalsFlag;
 }

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

@@ -15,6 +15,10 @@ export class ColumnValidator extends Validator {
     getValidity() {
         return this.getValidationFlags();
     }
+    onTrackingChange() {
+        super.onTrackingChange();
+        this.isColumnValid = this.isValid();
+    }
     /**
      * Sets a particular validity condition flag's value, e.g. "hasInvalidFooValue" = true
      */
@@ -25,10 +29,6 @@ export class ColumnValidator extends Validator {
         else {
             this.untrack(name);
         }
-        this.updateColumnInternalsFlag();
-    }
-    updateColumnInternalsFlag() {
-        this.isColumnValid = this.isValid();
     }
 }
 __decorate([

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

@@ -1 +1 @@
-{"version":3,"file":"column-validator.js","sourceRoot":"","sources":["../../../../../src/table-column/base/models/column-validator.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,qCAAqC,CAAC;AAGhE;;GAEG;AACH,MAAM,OAAO,eAEX,SAAQ,SAA4B;IAIlC,YAAmB,kBAAqC;QACpD,KAAK,CAAC,kBAAkB,CAAC,CAAC;QAHvB,kBAAa,GAAG,IAAI,CAAC;IAI5B,CAAC;IAED;;OAEG;IACI,WAAW;QACd,OAAO,IAAI,CAAC,kBAAkB,EAAE,CAAC;IACrC,CAAC;IAED;;OAEG;IACO,iBAAiB,CACvB,IAAgE,EAChE,SAAkB;QAElB,IAAI,SAAS,EAAE;YACX,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;SACpB;aAAM;YACH,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;SACtB;QACD,IAAI,CAAC,yBAAyB,EAAE,CAAC;IACrC,CAAC;IAEO,yBAAyB;QAC7B,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,OAAO,EAAE,CAAC;IACxC,CAAC;CACJ;AA/BU;IADN,UAAU;sDACiB","sourcesContent":["import { observable } from '@microsoft/fast-element';\nimport { Validator } from '../../../utilities/models/validator';\nimport type { TableColumnValidity } from '../types';\n\n/**\n * Base column validator\n */\nexport class ColumnValidator<\n    ValidityFlagNames extends readonly string[]\n> extends Validator<ValidityFlagNames> {\n    @observable\n    public isColumnValid = true;\n\n    public constructor(configValidityKeys: ValidityFlagNames) {\n        super(configValidityKeys);\n    }\n\n    /**\n     * @returns an object containing flags for various ways the configuation can be invalid\n     */\n    public getValidity(): TableColumnValidity {\n        return this.getValidationFlags();\n    }\n\n    /**\n     * Sets a particular validity condition flag's value, e.g. \"hasInvalidFooValue\" = true\n     */\n    protected setConditionValue(\n        name: ValidityFlagNames extends readonly (infer U)[] ? U : never,\n        isInvalid: boolean\n    ): void {\n        if (isInvalid) {\n            this.track(name);\n        } else {\n            this.untrack(name);\n        }\n        this.updateColumnInternalsFlag();\n    }\n\n    private updateColumnInternalsFlag(): void {\n        this.isColumnValid = this.isValid();\n    }\n}\n"]}
+{"version":3,"file":"column-validator.js","sourceRoot":"","sources":["../../../../../src/table-column/base/models/column-validator.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,qCAAqC,CAAC;AAGhE;;GAEG;AACH,MAAM,OAAO,eAEX,SAAQ,SAA4B;IAIlC,YAAmB,kBAAqC;QACpD,KAAK,CAAC,kBAAkB,CAAC,CAAC;QAHvB,kBAAa,GAAG,IAAI,CAAC;IAI5B,CAAC;IAED;;OAEG;IACI,WAAW;QACd,OAAO,IAAI,CAAC,kBAAkB,EAAE,CAAC;IACrC,CAAC;IAEe,gBAAgB;QAC5B,KAAK,CAAC,gBAAgB,EAAE,CAAC;QACzB,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,OAAO,EAAE,CAAC;IACxC,CAAC;IAED;;OAEG;IACO,iBAAiB,CACvB,IAAgE,EAChE,SAAkB;QAElB,IAAI,SAAS,EAAE;YACX,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;SACpB;aAAM;YACH,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;SACtB;IACL,CAAC;CACJ;AA/BU;IADN,UAAU;sDACiB","sourcesContent":["import { observable } from '@microsoft/fast-element';\nimport { Validator } from '../../../utilities/models/validator';\nimport type { TableColumnValidity } from '../types';\n\n/**\n * Base column validator\n */\nexport class ColumnValidator<\n    ValidityFlagNames extends readonly string[]\n> extends Validator<ValidityFlagNames> {\n    @observable\n    public isColumnValid = true;\n\n    public constructor(configValidityKeys: ValidityFlagNames) {\n        super(configValidityKeys);\n    }\n\n    /**\n     * @returns an object containing flags for various ways the configuation can be invalid\n     */\n    public getValidity(): TableColumnValidity {\n        return this.getValidationFlags();\n    }\n\n    public override onTrackingChange(): void {\n        super.onTrackingChange();\n        this.isColumnValid = this.isValid();\n    }\n\n    /**\n     * Sets a particular validity condition flag's value, e.g. \"hasInvalidFooValue\" = true\n     */\n    protected setConditionValue(\n        name: ValidityFlagNames extends readonly (infer U)[] ? U : never,\n        isInvalid: boolean\n    ): void {\n        if (isInvalid) {\n            this.track(name);\n        } else {\n            this.untrack(name);\n        }\n    }\n}\n"]}

package/dist/esm/table-column/mixins/custom-sort-order.d.ts

@@ -0,0 +1,26 @@
+import { Notifier } from '@microsoft/fast-element';
+import type { TableColumn } from '../base';
+import { TableColumnSortOperation } from '../base/types';
+import type { ColumnValidator } from '../base/models/column-validator';
+type CustomSortOrderTableColumn<TColumnValidator extends ColumnValidator<['invalidCustomSortWithGrouping']>> = Pick<TableColumn<unknown, TColumnValidator>, 'columnInternals'>;
+type CustomSortOrderTableColumnConstructor<TColumnValidator extends ColumnValidator<['invalidCustomSortWithGrouping']>> = abstract new (...args: any[]) => CustomSortOrderTableColumn<TColumnValidator>;
+export declare function mixinCustomSortOrderColumnAPI<TBase extends CustomSortOrderTableColumnConstructor<TColumnValidator>, TColumnValidator extends ColumnValidator<['invalidCustomSortWithGrouping']>>(base: TBase): (abstract new (...args: any[]) => {
+    sortByFieldName?: string | undefined;
+    /** @internal */
+    customSortOrderColumnNotifier?: Notifier | undefined;
+    /** @internal */
+    customSortOrderColumnChangeHandler: {
+        handleChange: (_source: unknown, args: unknown) => void;
+    };
+    getResolvedOperandDataRecordFieldName(initialOperandFieldName: string | undefined): string | undefined;
+    getResolvedSortOperation(initialSortOperation: TableColumnSortOperation): TableColumnSortOperation;
+    /** @internal */
+    sortByFieldNameChanged(): void;
+    handleSortConfigurationChange(): void;
+    /** @internal */
+    handleCustomSortOrderColumnChange(_source: unknown, args: unknown): void;
+    /** @internal */
+    updateCustomColumnSortingValidity(): void;
+    readonly columnInternals: import("../base/models/column-internals").ColumnInternals<unknown, TColumnValidator>;
+}) & TBase;
+export {};

package/dist/esm/table-column/mixins/custom-sort-order.js

@@ -0,0 +1,66 @@
+import { Observable, attr } from '@microsoft/fast-element';
+import { TableColumnSortOperation } from '../base/types';
+// As the returned class is internal to the function, we can't write a signature that uses is directly, so rely on inference
+// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types, @typescript-eslint/explicit-function-return-type
+export function mixinCustomSortOrderColumnAPI(base) {
+    /**
+     * The Mixin that provides a concrete column with the API to allow sorting
+     * by a field other than the default for that column.
+     */
+    class CustomSortOrderColumn extends base {
+        constructor() {
+            super(...arguments);
+            /** @internal */
+            this.customSortOrderColumnChangeHandler = {
+                handleChange: this.handleCustomSortOrderColumnChange.bind(this)
+            };
+        }
+        getResolvedOperandDataRecordFieldName(initialOperandFieldName) {
+            return typeof this.sortByFieldName === 'string'
+                ? this.sortByFieldName
+                : initialOperandFieldName;
+        }
+        getResolvedSortOperation(initialSortOperation) {
+            return typeof this.sortByFieldName === 'string'
+                ? TableColumnSortOperation.basic
+                : initialSortOperation;
+        }
+        /** @internal */
+        sortByFieldNameChanged() {
+            this.handleSortConfigurationChange();
+            this.updateCustomColumnSortingValidity();
+            if (typeof this.sortByFieldName === 'string'
+                && !this.customSortOrderColumnNotifier) {
+                this.customSortOrderColumnNotifier = Observable.getNotifier(this.columnInternals);
+                this.customSortOrderColumnNotifier.subscribe(this.customSortOrderColumnChangeHandler);
+            }
+            else {
+                this.customSortOrderColumnNotifier?.unsubscribe(this.customSortOrderColumnChangeHandler);
+                this.customSortOrderColumnNotifier = undefined;
+            }
+        }
+        /** @internal */
+        handleCustomSortOrderColumnChange(_source, args) {
+            if (args === 'groupingDisabled') {
+                this.updateCustomColumnSortingValidity();
+            }
+        }
+        /** @internal */
+        updateCustomColumnSortingValidity() {
+            const hasCustomColumnSorting = typeof this.sortByFieldName === 'string';
+            const isGroupingEnabled = !this.columnInternals.groupingDisabled;
+            const isValid = !isGroupingEnabled || !hasCustomColumnSorting;
+            if (isValid) {
+                this.columnInternals.validator.untrack('invalidCustomSortWithGrouping');
+            }
+            else {
+                this.columnInternals.validator.track('invalidCustomSortWithGrouping');
+            }
+        }
+    }
+    attr({ attribute: 'sort-by-field-name' })(
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
+    CustomSortOrderColumn.prototype, 'sortByFieldName');
+    return CustomSortOrderColumn;
+}
+//# sourceMappingURL=custom-sort-order.js.map

package/dist/esm/table-column/mixins/custom-sort-order.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"custom-sort-order.js","sourceRoot":"","sources":["../../../../src/table-column/mixins/custom-sort-order.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,UAAU,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAErE,OAAO,EAAE,wBAAwB,EAAE,MAAM,eAAe,CAAC;AAWzD,4HAA4H;AAC5H,+HAA+H;AAC/H,MAAM,UAAU,6BAA6B,CAG3C,IAAW;IACT;;;OAGG;IACH,MAAe,qBAAsB,SAAQ,IAAI;QAAjD;;YAMI,gBAAgB;YACT,uCAAkC,GAAG;gBACxC,YAAY,EAAE,IAAI,CAAC,iCAAiC,CAAC,IAAI,CAAC,IAAI,CAAC;aAClE,CAAC;QAoEN,CAAC;QAlEU,qCAAqC,CACxC,uBAA2C;YAE3C,OAAO,OAAO,IAAI,CAAC,eAAe,KAAK,QAAQ;gBAC3C,CAAC,CAAC,IAAI,CAAC,eAAe;gBACtB,CAAC,CAAC,uBAAuB,CAAC;QAClC,CAAC;QAEM,wBAAwB,CAC3B,oBAA8C;YAE9C,OAAO,OAAO,IAAI,CAAC,eAAe,KAAK,QAAQ;gBAC3C,CAAC,CAAC,wBAAwB,CAAC,KAAK;gBAChC,CAAC,CAAC,oBAAoB,CAAC;QAC/B,CAAC;QAED,gBAAgB;QACT,sBAAsB;YACzB,IAAI,CAAC,6BAA6B,EAAE,CAAC;YACrC,IAAI,CAAC,iCAAiC,EAAE,CAAC;YAEzC,IACI,OAAO,IAAI,CAAC,eAAe,KAAK,QAAQ;mBACrC,CAAC,IAAI,CAAC,6BAA6B,EACxC;gBACE,IAAI,CAAC,6BAA6B,GAAG,UAAU,CAAC,WAAW,CACvD,IAAI,CAAC,eAAe,CACvB,CAAC;gBACF,IAAI,CAAC,6BAA6B,CAAC,SAAS,CACxC,IAAI,CAAC,kCAAkC,CAC1C,CAAC;aACL;iBAAM;gBACH,IAAI,CAAC,6BAA6B,EAAE,WAAW,CAC3C,IAAI,CAAC,kCAAkC,CAC1C,CAAC;gBACF,IAAI,CAAC,6BAA6B,GAAG,SAAS,CAAC;aAClD;QACL,CAAC;QAID,gBAAgB;QACT,iCAAiC,CACpC,OAAgB,EAChB,IAAa;YAEb,IAAI,IAAI,KAAK,kBAAkB,EAAE;gBAC7B,IAAI,CAAC,iCAAiC,EAAE,CAAC;aAC5C;QACL,CAAC;QAED,gBAAgB;QACT,iCAAiC;YACpC,MAAM,sBAAsB,GAAG,OAAO,IAAI,CAAC,eAAe,KAAK,QAAQ,CAAC;YACxE,MAAM,iBAAiB,GAAG,CAAC,IAAI,CAAC,eAAe,CAAC,gBAAgB,CAAC;YACjE,MAAM,OAAO,GAAG,CAAC,iBAAiB,IAAI,CAAC,sBAAsB,CAAC;YAC9D,IAAI,OAAO,EAAE;gBACT,IAAI,CAAC,eAAe,CAAC,SAAS,CAAC,OAAO,CAClC,+BAA+B,CAClC,CAAC;aACL;iBAAM;gBACH,IAAI,CAAC,eAAe,CAAC,SAAS,CAAC,KAAK,CAChC,+BAA+B,CAClC,CAAC;aACL;QACL,CAAC;KACJ;IAED,IAAI,CAAC,EAAE,SAAS,EAAE,oBAAoB,EAAE,CAAC;IACrC,iEAAiE;IACjE,qBAAqB,CAAC,SAAS,EAC/B,iBAAiB,CACpB,CAAC;IAEF,OAAO,qBAAqB,CAAC;AACjC,CAAC","sourcesContent":["import { Notifier, Observable, attr } from '@microsoft/fast-element';\nimport type { TableColumn } from '../base';\nimport { TableColumnSortOperation } from '../base/types';\nimport type { ColumnValidator } from '../base/models/column-validator';\n\n// Pick just the relevant properties the mixin depends on (typescript complains if the mixin declares private / protected base exports)\ntype CustomSortOrderTableColumn<\n    TColumnValidator extends ColumnValidator<['invalidCustomSortWithGrouping']>\n> = Pick<TableColumn<unknown, TColumnValidator>, 'columnInternals'>;\n// prettier-ignore\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype CustomSortOrderTableColumnConstructor<TColumnValidator extends ColumnValidator<['invalidCustomSortWithGrouping']>> = abstract new (...args: any[]) => CustomSortOrderTableColumn<TColumnValidator>;\n\n// As the returned class is internal to the function, we can't write a signature that uses is directly, so rely on inference\n// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types, @typescript-eslint/explicit-function-return-type\nexport function mixinCustomSortOrderColumnAPI<\n    TBase extends CustomSortOrderTableColumnConstructor<TColumnValidator>,\n    TColumnValidator extends ColumnValidator<['invalidCustomSortWithGrouping']>\n>(base: TBase) {\n    /**\n     * The Mixin that provides a concrete column with the API to allow sorting\n     * by a field other than the default for that column.\n     */\n    abstract class CustomSortOrderColumn extends base {\n        public sortByFieldName?: string;\n\n        /** @internal */\n        public customSortOrderColumnNotifier?: Notifier;\n\n        /** @internal */\n        public customSortOrderColumnChangeHandler = {\n            handleChange: this.handleCustomSortOrderColumnChange.bind(this)\n        };\n\n        public getResolvedOperandDataRecordFieldName(\n            initialOperandFieldName: string | undefined\n        ): string | undefined {\n            return typeof this.sortByFieldName === 'string'\n                ? this.sortByFieldName\n                : initialOperandFieldName;\n        }\n\n        public getResolvedSortOperation(\n            initialSortOperation: TableColumnSortOperation\n        ): TableColumnSortOperation {\n            return typeof this.sortByFieldName === 'string'\n                ? TableColumnSortOperation.basic\n                : initialSortOperation;\n        }\n\n        /** @internal */\n        public sortByFieldNameChanged(): void {\n            this.handleSortConfigurationChange();\n            this.updateCustomColumnSortingValidity();\n\n            if (\n                typeof this.sortByFieldName === 'string'\n                && !this.customSortOrderColumnNotifier\n            ) {\n                this.customSortOrderColumnNotifier = Observable.getNotifier(\n                    this.columnInternals\n                );\n                this.customSortOrderColumnNotifier.subscribe(\n                    this.customSortOrderColumnChangeHandler\n                );\n            } else {\n                this.customSortOrderColumnNotifier?.unsubscribe(\n                    this.customSortOrderColumnChangeHandler\n                );\n                this.customSortOrderColumnNotifier = undefined;\n            }\n        }\n\n        public abstract handleSortConfigurationChange(): void;\n\n        /** @internal */\n        public handleCustomSortOrderColumnChange(\n            _source: unknown,\n            args: unknown\n        ): void {\n            if (args === 'groupingDisabled') {\n                this.updateCustomColumnSortingValidity();\n            }\n        }\n\n        /** @internal */\n        public updateCustomColumnSortingValidity(): void {\n            const hasCustomColumnSorting = typeof this.sortByFieldName === 'string';\n            const isGroupingEnabled = !this.columnInternals.groupingDisabled;\n            const isValid = !isGroupingEnabled || !hasCustomColumnSorting;\n            if (isValid) {\n                this.columnInternals.validator.untrack(\n                    'invalidCustomSortWithGrouping'\n                );\n            } else {\n                this.columnInternals.validator.track(\n                    'invalidCustomSortWithGrouping'\n                );\n            }\n        }\n    }\n\n    attr({ attribute: 'sort-by-field-name' })(\n        // eslint-disable-next-line @typescript-eslint/no-unsafe-argument\n        CustomSortOrderColumn.prototype,\n        'sortByFieldName'\n    );\n\n    return CustomSortOrderColumn;\n}\n"]}

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

@@ -1,8 +1,9 @@
 import type { TableStringField } from '../../table/types';
 import { TableColumnTextBase } from '../text-base';
+import { TableColumnSortOperation } from '../base/types';
 import type { ColumnInternalsOptions } from '../base/models/column-internals';
 import type { TableColumnTextBaseColumnConfig } from '../text-base/cell-view';
-import { ColumnValidator } from '../base/models/column-validator';
+import { TableColumnTextValidator } from './models/table-column-text-validator';
 export type TableColumnTextCellRecord = TableStringField<'value'>;
 export interface TableColumnTextColumnConfig extends TableColumnTextBaseColumnConfig {
 }
@@ -12,17 +13,30 @@ declare global {
     }
 }
 declare const TableColumnText_base: (abstract new (...args: any[]) => {
+    sortByFieldName?: string | undefined;
+    customSortOrderColumnNotifier?: import("@microsoft/fast-element").Notifier | undefined;
+    customSortOrderColumnChangeHandler: {
+        handleChange: (_source: unknown, args: unknown) => void;
+    };
+    getResolvedOperandDataRecordFieldName(initialOperandFieldName: string | undefined): string | undefined;
+    getResolvedSortOperation(initialSortOperation: TableColumnSortOperation): TableColumnSortOperation;
+    sortByFieldNameChanged(): void;
+    handleSortConfigurationChange(): void;
+    handleCustomSortOrderColumnChange(_source: unknown, args: unknown): void;
+    updateCustomColumnSortingValidity(): void;
+    readonly columnInternals: import("../base/models/column-internals").ColumnInternals<unknown, import("../base/models/column-validator").ColumnValidator<["invalidCustomSortWithGrouping"]>>;
+}) & (abstract new (...args: any[]) => {
     groupingDisabled: boolean;
     groupIndex?: number | null | undefined;
     groupingDisabledChanged(): void;
     groupIndexChanged(): void;
-    readonly columnInternals: import("../base/models/column-internals").ColumnInternals<unknown, ColumnValidator<[]>>;
+    readonly columnInternals: import("../base/models/column-internals").ColumnInternals<unknown, import("../base/models/column-validator").ColumnValidator<[]>>;
 }) & (abstract new (...args: any[]) => {
     fractionalWidth?: number | null | undefined;
     minPixelWidth?: number | null | undefined;
     fractionalWidthChanged(): void;
     minPixelWidthChanged(): void;
-    readonly columnInternals: import("../base/models/column-internals").ColumnInternals<unknown, ColumnValidator<[]>>;
+    readonly columnInternals: import("../base/models/column-internals").ColumnInternals<unknown, import("../base/models/column-validator").ColumnValidator<[]>>;
 }) & (abstract new (...args: any[]) => {
     placeholder?: string | undefined;
     placeholderChanged(): void;
@@ -33,8 +47,8 @@ declare const TableColumnText_base: (abstract new (...args: any[]) => {
     sortingDisabledChanged(): void;
     sortDirectionChanged(): void;
     sortIndexChanged(): void;
-    readonly columnInternals: import("../base/models/column-internals").ColumnInternals<unknown, ColumnValidator<[]>>;
-}) & ((abstract new () => TableColumnTextBase<TableColumnTextColumnConfig, ColumnValidator<[]>>) & {
+    readonly columnInternals: import("../base/models/column-internals").ColumnInternals<unknown, import("../base/models/column-validator").ColumnValidator<[]>>;
+}) & ((abstract new () => TableColumnTextBase<TableColumnTextColumnConfig, TableColumnTextValidator>) & {
     compose<T extends import("@microsoft/fast-foundation").FoundationElementDefinition = import("@microsoft/fast-foundation").FoundationElementDefinition, K extends import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement> = import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>(this: K, elementDefinition: T): (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<T> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<T, K>;
     from<TBase extends {
         new (): HTMLElement;
@@ -46,8 +60,12 @@ declare const TableColumnText_base: (abstract new (...args: any[]) => {
  * The table column for displaying string fields as text.
  */
 export declare class TableColumnText extends TableColumnText_base {
+    private readonly defaultSortOperation;
     placeholderChanged(): void;
-    protected getColumnInternalsOptions(): ColumnInternalsOptions;
+    handleSortConfigurationChange(): void;
+    protected getColumnInternalsOptions(): ColumnInternalsOptions<TableColumnTextValidator>;
+    protected fieldNameChanged(): void;
+    private updateColumnInternalsSortConfiguration;
 }
 export declare const tableColumnTextTag = "nimble-table-column-text";
 export {};

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

@@ -5,26 +5,42 @@ import { TableColumnTextBase, mixinTextBase } from '../text-base';
 import { TableColumnSortOperation } from '../base/types';
 import { tableColumnTextGroupHeaderViewTag } from './group-header-view';
 import { tableColumnTextCellViewTag } from './cell-view';
-import { ColumnValidator } from '../base/models/column-validator';
+import { mixinCustomSortOrderColumnAPI } from '../mixins/custom-sort-order';
+import { TableColumnTextValidator } from './models/table-column-text-validator';
 /**
  * The table column for displaying string fields as text.
  */
-export class TableColumnText extends mixinTextBase((TableColumnTextBase)) {
+export class TableColumnText extends mixinCustomSortOrderColumnAPI(mixinTextBase((TableColumnTextBase))) {
+    constructor() {
+        super(...arguments);
+        this.defaultSortOperation = TableColumnSortOperation.localeAwareCaseSensitive;
+    }
     placeholderChanged() {
         this.columnInternals.columnConfig = {
             placeholder: this.placeholder
         };
     }
+    handleSortConfigurationChange() {
+        this.updateColumnInternalsSortConfiguration();
+    }
     getColumnInternalsOptions() {
         return {
             cellRecordFieldNames: ['value'],
             cellViewTag: tableColumnTextCellViewTag,
             groupHeaderViewTag: tableColumnTextGroupHeaderViewTag,
             delegatedEvents: [],
-            sortOperation: TableColumnSortOperation.localeAwareCaseSensitive,
-            validator: new ColumnValidator([])
+            sortOperation: this.getResolvedSortOperation(this.defaultSortOperation),
+            validator: new TableColumnTextValidator()
         };
     }
+    fieldNameChanged() {
+        this.columnInternals.dataRecordFieldNames = [this.fieldName];
+        this.updateColumnInternalsSortConfiguration();
+    }
+    updateColumnInternalsSortConfiguration() {
+        this.columnInternals.operandDataRecordFieldName = this.getResolvedOperandDataRecordFieldName(this.fieldName);
+        this.columnInternals.sortOperation = this.getResolvedSortOperation(this.defaultSortOperation);
+    }
 }
 const nimbleTableColumnText = TableColumnText.compose({
     baseName: 'table-column-text',

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/table-column/text/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE5C,OAAO,EAAE,mBAAmB,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAClE,OAAO,EAAE,wBAAwB,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,EAAE,iCAAiC,EAAE,MAAM,qBAAqB,CAAC;AACxE,OAAO,EAAE,0BAA0B,EAAE,MAAM,aAAa,CAAC;AAGzD,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAclE;;GAEG;AACH,MAAM,OAAO,eAAgB,SAAQ,aAAa,CAC9C,CAAA,mBAAgD,CAAA,CACnD;IACU,kBAAkB;QACrB,IAAI,CAAC,eAAe,CAAC,YAAY,GAAG;YAChC,WAAW,EAAE,IAAI,CAAC,WAAW;SAChC,CAAC;IACN,CAAC;IAEkB,yBAAyB;QACxC,OAAO;YACH,oBAAoB,EAAE,CAAC,OAAO,CAAC;YAC/B,WAAW,EAAE,0BAA0B;YACvC,kBAAkB,EAAE,iCAAiC;YACrD,eAAe,EAAE,EAAE;YACnB,aAAa,EAAE,wBAAwB,CAAC,wBAAwB;YAChE,SAAS,EAAE,IAAI,eAAe,CAAK,EAAE,CAAC;SACzC,CAAC;IACN,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 { styles } from '../base/styles';\nimport { template } from '../base/template';\nimport type { TableStringField } from '../../table/types';\nimport { TableColumnTextBase, mixinTextBase } from '../text-base';\nimport { TableColumnSortOperation } from '../base/types';\nimport { tableColumnTextGroupHeaderViewTag } from './group-header-view';\nimport { tableColumnTextCellViewTag } from './cell-view';\nimport type { ColumnInternalsOptions } from '../base/models/column-internals';\nimport type { TableColumnTextBaseColumnConfig } from '../text-base/cell-view';\nimport { ColumnValidator } from '../base/models/column-validator';\n\nexport type TableColumnTextCellRecord = TableStringField<'value'>;\n\n// eslint-disable-next-line @typescript-eslint/no-empty-interface\nexport interface TableColumnTextColumnConfig\n    extends TableColumnTextBaseColumnConfig {}\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-table-column-text': TableColumnText;\n    }\n}\n\n/**\n * The table column for displaying string fields as text.\n */\nexport class TableColumnText extends mixinTextBase(\n    TableColumnTextBase<TableColumnTextColumnConfig>\n) {\n    public placeholderChanged(): void {\n        this.columnInternals.columnConfig = {\n            placeholder: this.placeholder\n        };\n    }\n\n    protected override getColumnInternalsOptions(): ColumnInternalsOptions {\n        return {\n            cellRecordFieldNames: ['value'],\n            cellViewTag: tableColumnTextCellViewTag,\n            groupHeaderViewTag: tableColumnTextGroupHeaderViewTag,\n            delegatedEvents: [],\n            sortOperation: TableColumnSortOperation.localeAwareCaseSensitive,\n            validator: new ColumnValidator<[]>([])\n        };\n    }\n}\n\nconst nimbleTableColumnText = TableColumnText.compose({\n    baseName: 'table-column-text',\n    template,\n    styles\n});\n\nDesignSystem.getOrCreate()\n    .withPrefix('nimble')\n    .register(nimbleTableColumnText());\nexport const tableColumnTextTag = 'nimble-table-column-text';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/table-column/text/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE5C,OAAO,EAAE,mBAAmB,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAClE,OAAO,EAAE,wBAAwB,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,EAAE,iCAAiC,EAAE,MAAM,qBAAqB,CAAC;AACxE,OAAO,EAAE,0BAA0B,EAAE,MAAM,aAAa,CAAC;AAGzD,OAAO,EAAE,6BAA6B,EAAE,MAAM,6BAA6B,CAAC;AAC5E,OAAO,EAAE,wBAAwB,EAAE,MAAM,sCAAsC,CAAC;AAchF;;GAEG;AACH,MAAM,OAAO,eAAgB,SAAQ,6BAA6B,CAC9D,aAAa,CACT,CAAA,mBAGC,CAAA,CACJ,CACJ;IAPD;;QAQqB,yBAAoB,GAAG,wBAAwB,CAAC,wBAAwB,CAAC;IAoC9F,CAAC;IAlCU,kBAAkB;QACrB,IAAI,CAAC,eAAe,CAAC,YAAY,GAAG;YAChC,WAAW,EAAE,IAAI,CAAC,WAAW;SAChC,CAAC;IACN,CAAC;IAEe,6BAA6B;QACzC,IAAI,CAAC,sCAAsC,EAAE,CAAC;IAClD,CAAC;IAEkB,yBAAyB;QACxC,OAAO;YACH,oBAAoB,EAAE,CAAC,OAAO,CAAC;YAC/B,WAAW,EAAE,0BAA0B;YACvC,kBAAkB,EAAE,iCAAiC;YACrD,eAAe,EAAE,EAAE;YACnB,aAAa,EAAE,IAAI,CAAC,wBAAwB,CACxC,IAAI,CAAC,oBAAoB,CAC5B;YACD,SAAS,EAAE,IAAI,wBAAwB,EAAE;SAC5C,CAAC;IACN,CAAC;IAEkB,gBAAgB;QAC/B,IAAI,CAAC,eAAe,CAAC,oBAAoB,GAAG,CAAC,IAAI,CAAC,SAAS,CAAU,CAAC;QACtE,IAAI,CAAC,sCAAsC,EAAE,CAAC;IAClD,CAAC;IAEO,sCAAsC;QAC1C,IAAI,CAAC,eAAe,CAAC,0BAA0B,GAAG,IAAI,CAAC,qCAAqC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QAC7G,IAAI,CAAC,eAAe,CAAC,aAAa,GAAG,IAAI,CAAC,wBAAwB,CAC9D,IAAI,CAAC,oBAAoB,CAC5B,CAAC;IACN,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 { styles } from '../base/styles';\nimport { template } from '../base/template';\nimport type { TableStringField } from '../../table/types';\nimport { TableColumnTextBase, mixinTextBase } from '../text-base';\nimport { TableColumnSortOperation } from '../base/types';\nimport { tableColumnTextGroupHeaderViewTag } from './group-header-view';\nimport { tableColumnTextCellViewTag } from './cell-view';\nimport type { ColumnInternalsOptions } from '../base/models/column-internals';\nimport type { TableColumnTextBaseColumnConfig } from '../text-base/cell-view';\nimport { mixinCustomSortOrderColumnAPI } from '../mixins/custom-sort-order';\nimport { TableColumnTextValidator } from './models/table-column-text-validator';\n\nexport type TableColumnTextCellRecord = TableStringField<'value'>;\n\n// eslint-disable-next-line @typescript-eslint/no-empty-interface\nexport interface TableColumnTextColumnConfig\n    extends TableColumnTextBaseColumnConfig {}\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-table-column-text': TableColumnText;\n    }\n}\n\n/**\n * The table column for displaying string fields as text.\n */\nexport class TableColumnText extends mixinCustomSortOrderColumnAPI(\n    mixinTextBase(\n        TableColumnTextBase<\n        TableColumnTextColumnConfig,\n        TableColumnTextValidator\n        >\n    )\n) {\n    private readonly defaultSortOperation = TableColumnSortOperation.localeAwareCaseSensitive;\n\n    public placeholderChanged(): void {\n        this.columnInternals.columnConfig = {\n            placeholder: this.placeholder\n        };\n    }\n\n    public override handleSortConfigurationChange(): void {\n        this.updateColumnInternalsSortConfiguration();\n    }\n\n    protected override getColumnInternalsOptions(): ColumnInternalsOptions<TableColumnTextValidator> {\n        return {\n            cellRecordFieldNames: ['value'],\n            cellViewTag: tableColumnTextCellViewTag,\n            groupHeaderViewTag: tableColumnTextGroupHeaderViewTag,\n            delegatedEvents: [],\n            sortOperation: this.getResolvedSortOperation(\n                this.defaultSortOperation\n            ),\n            validator: new TableColumnTextValidator()\n        };\n    }\n\n    protected override fieldNameChanged(): void {\n        this.columnInternals.dataRecordFieldNames = [this.fieldName] as const;\n        this.updateColumnInternalsSortConfiguration();\n    }\n\n    private updateColumnInternalsSortConfiguration(): void {\n        this.columnInternals.operandDataRecordFieldName = this.getResolvedOperandDataRecordFieldName(this.fieldName);\n        this.columnInternals.sortOperation = this.getResolvedSortOperation(\n            this.defaultSortOperation\n        );\n    }\n}\n\nconst nimbleTableColumnText = TableColumnText.compose({\n    baseName: 'table-column-text',\n    template,\n    styles\n});\n\nDesignSystem.getOrCreate()\n    .withPrefix('nimble')\n    .register(nimbleTableColumnText());\nexport const tableColumnTextTag = 'nimble-table-column-text';\n"]}

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

@@ -0,0 +1,8 @@
+import { ColumnValidator } from '../../base/models/column-validator';
+export declare const columnTextValidityFlagNames: readonly ["invalidCustomSortWithGrouping"];
+/**
+ * Validator class for the text table column.
+ */
+export declare class TableColumnTextValidator extends ColumnValidator<typeof columnTextValidityFlagNames> {
+    constructor();
+}

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

@@ -0,0 +1,13 @@
+import { ColumnValidator } from '../../base/models/column-validator';
+export const columnTextValidityFlagNames = [
+    'invalidCustomSortWithGrouping'
+];
+/**
+ * Validator class for the text table column.
+ */
+export class TableColumnTextValidator extends ColumnValidator {
+    constructor() {
+        super(columnTextValidityFlagNames);
+    }
+}
+//# sourceMappingURL=table-column-text-validator.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"table-column-text-validator.js","sourceRoot":"","sources":["../../../../../src/table-column/text/models/table-column-text-validator.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC;AAErE,MAAM,CAAC,MAAM,2BAA2B,GAAG;IACvC,+BAA+B;CACzB,CAAC;AAEX;;GAEG;AACH,MAAM,OAAO,wBAAyB,SAAQ,eAE7C;IACG;QACI,KAAK,CAAC,2BAA2B,CAAC,CAAC;IACvC,CAAC;CACJ","sourcesContent":["import { ColumnValidator } from '../../base/models/column-validator';\n\nexport const columnTextValidityFlagNames = [\n    'invalidCustomSortWithGrouping'\n] as const;\n\n/**\n * Validator class for the text table column.\n */\nexport class TableColumnTextValidator extends ColumnValidator<\n    typeof columnTextValidityFlagNames\n> {\n    public constructor() {\n        super(columnTextValidityFlagNames);\n    }\n}\n"]}

package/dist/esm/utilities/models/tracker.d.ts

@@ -16,6 +16,7 @@ export declare class Tracker<TrackedItemsList extends readonly string[]> {
     allTracked(): boolean;
     anyTracked(): boolean;
     noneTracked(): boolean;
+    onTrackingChange(): void;
     private setAllKeys;
 }
 export {};

package/dist/esm/utilities/models/tracker.js

@@ -18,16 +18,32 @@ export class Tracker {
         return this.trackedItems[key];
     }
     track(key) {
-        this.trackedItems[key] = true;
+        const wasTracked = this.trackedItems[key];
+        if (!wasTracked) {
+            this.trackedItems[key] = true;
+            this.onTrackingChange();
+        }
     }
     untrack(key) {
-        this.trackedItems[key] = false;
+        const wasTracked = this.trackedItems[key];
+        if (wasTracked) {
+            this.trackedItems[key] = false;
+            this.onTrackingChange();
+        }
     }
     trackAll() {
+        if (this.allTracked()) {
+            return;
+        }
         this.setAllKeys(true);
+        this.onTrackingChange();
     }
     untrackAll() {
+        if (this.noneTracked()) {
+            return;
+        }
         this.setAllKeys(false);
+        this.onTrackingChange();
     }
     allTracked() {
         return Object.values(this.trackedItems).every(x => x);
@@ -38,6 +54,7 @@ export class Tracker {
     noneTracked() {
         return Object.values(this.trackedItems).every(x => !x);
     }
+    onTrackingChange() { }
     setAllKeys(value) {
         this.trackedItems = Object.keys(this.trackedItems).reduce((r, key) => {
             return {

package/dist/esm/utilities/models/tracker.js.map

@@ -1 +1 @@
-{"version":3,"file":"tracker.js","sourceRoot":"","sources":["../../../../src/utilities/models/tracker.ts"],"names":[],"mappings":"AAIA;;GAEG;AACH,MAAM,OAAO,OAAO;IAGhB,YAAmB,gBAAkC;QAEjD,IAAI,CAAC,YAAY,GAAG,EAAkB,CAAC;QACvC,IAAI,CAAC,YAAY,GAAG,gBAAgB,CAAC,MAAM,CACvC,CAAC,CAAC,EAAE,GAAG,EAAgB,EAAE;YACrB,OAAO;gBACH,GAAG,CAAC;gBACJ,CAAC,GAAG,CAAC,EAAE,KAAK;aACf,CAAC;QACN,CAAC,EACD,IAAI,CAAC,YAAY,CACpB,CAAC;IACN,CAAC;IAEM,eAAe;QAClB,OAAO,EAAE,GAAG,IAAI,CAAC,YAAY,EAAE,CAAC;IACpC,CAAC;IAEM,SAAS,CAAC,GAA2C;QACxD,OAAO,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC;IAClC,CAAC;IAEM,KAAK,CAAC,GAA2C;QACpD,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC;IAClC,CAAC;IAEM,OAAO,CAAC,GAA2C;QACtD,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;IACnC,CAAC;IAEM,QAAQ;QACX,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;IAC1B,CAAC;IAEM,UAAU;QACb,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;IAC3B,CAAC;IAEM,UAAU;QACb,OAAO,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;IAC1D,CAAC;IAEM,UAAU;QACb,OAAO,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;IACzD,CAAC;IAEM,WAAW;QACd,OAAO,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;IAC3D,CAAC;IAEO,UAAU,CAAC,KAAc;QAE7B,IAAI,CAAC,YAAY,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,MAAM,CACrD,CAAC,CAAC,EAAE,GAAG,EAAgB,EAAE;YACrB,OAAO;gBACH,GAAG,CAAC;gBACJ,CAAC,GAAG,CAAC,EAAE,KAAK;aACf,CAAC;QACN,CAAC,EACD,IAAI,CAAC,YAAY,CACpB,CAAC;IACN,CAAC;CACJ","sourcesContent":["type ObjectFromList<T extends readonly string[]> = {\n    [K in T extends readonly (infer U)[] ? U : never]: boolean;\n};\n\n/**\n * Generic Tracker which sets or resets provided flags\n */\nexport class Tracker<TrackedItemsList extends readonly string[]> {\n    private trackedItems: ObjectFromList<TrackedItemsList>;\n\n    public constructor(trackedItemsList: TrackedItemsList) {\n        type TrackedItems = typeof this.trackedItems;\n        this.trackedItems = {} as TrackedItems;\n        this.trackedItems = trackedItemsList.reduce<TrackedItems>(\n            (r, key): TrackedItems => {\n                return {\n                    ...r,\n                    [key]: false\n                };\n            },\n            this.trackedItems\n        );\n    }\n\n    public getTrackedItems(): ObjectFromList<TrackedItemsList> {\n        return { ...this.trackedItems };\n    }\n\n    public isTracked(key: keyof ObjectFromList<TrackedItemsList>): boolean {\n        return this.trackedItems[key];\n    }\n\n    public track(key: keyof ObjectFromList<TrackedItemsList>): void {\n        this.trackedItems[key] = true;\n    }\n\n    public untrack(key: keyof ObjectFromList<TrackedItemsList>): void {\n        this.trackedItems[key] = false;\n    }\n\n    public trackAll(): void {\n        this.setAllKeys(true);\n    }\n\n    public untrackAll(): void {\n        this.setAllKeys(false);\n    }\n\n    public allTracked(): boolean {\n        return Object.values(this.trackedItems).every(x => x);\n    }\n\n    public anyTracked(): boolean {\n        return Object.values(this.trackedItems).some(x => x);\n    }\n\n    public noneTracked(): boolean {\n        return Object.values(this.trackedItems).every(x => !x);\n    }\n\n    private setAllKeys(value: boolean): void {\n        type TrackedItems = typeof this.trackedItems;\n        this.trackedItems = Object.keys(this.trackedItems).reduce<TrackedItems>(\n            (r, key): TrackedItems => {\n                return {\n                    ...r,\n                    [key]: value\n                };\n            },\n            this.trackedItems\n        );\n    }\n}\n"]}
+{"version":3,"file":"tracker.js","sourceRoot":"","sources":["../../../../src/utilities/models/tracker.ts"],"names":[],"mappings":"AAIA;;GAEG;AACH,MAAM,OAAO,OAAO;IAGhB,YAAmB,gBAAkC;QAEjD,IAAI,CAAC,YAAY,GAAG,EAAkB,CAAC;QACvC,IAAI,CAAC,YAAY,GAAG,gBAAgB,CAAC,MAAM,CACvC,CAAC,CAAC,EAAE,GAAG,EAAgB,EAAE;YACrB,OAAO;gBACH,GAAG,CAAC;gBACJ,CAAC,GAAG,CAAC,EAAE,KAAK;aACf,CAAC;QACN,CAAC,EACD,IAAI,CAAC,YAAY,CACpB,CAAC;IACN,CAAC;IAEM,eAAe;QAClB,OAAO,EAAE,GAAG,IAAI,CAAC,YAAY,EAAE,CAAC;IACpC,CAAC;IAEM,SAAS,CAAC,GAA2C;QACxD,OAAO,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC;IAClC,CAAC;IAEM,KAAK,CAAC,GAA2C;QACpD,MAAM,UAAU,GAAG,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC;QAC1C,IAAI,CAAC,UAAU,EAAE;YACb,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC;YAC9B,IAAI,CAAC,gBAAgB,EAAE,CAAC;SAC3B;IACL,CAAC;IAEM,OAAO,CAAC,GAA2C;QACtD,MAAM,UAAU,GAAG,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC;QAC1C,IAAI,UAAU,EAAE;YACZ,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;YAC/B,IAAI,CAAC,gBAAgB,EAAE,CAAC;SAC3B;IACL,CAAC;IAEM,QAAQ;QACX,IAAI,IAAI,CAAC,UAAU,EAAE,EAAE;YACnB,OAAO;SACV;QAED,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;QACtB,IAAI,CAAC,gBAAgB,EAAE,CAAC;IAC5B,CAAC;IAEM,UAAU;QACb,IAAI,IAAI,CAAC,WAAW,EAAE,EAAE;YACpB,OAAO;SACV;QAED,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;QACvB,IAAI,CAAC,gBAAgB,EAAE,CAAC;IAC5B,CAAC;IAEM,UAAU;QACb,OAAO,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;IAC1D,CAAC;IAEM,UAAU;QACb,OAAO,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;IACzD,CAAC;IAEM,WAAW;QACd,OAAO,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;IAC3D,CAAC;IAEM,gBAAgB,KAAU,CAAC;IAE1B,UAAU,CAAC,KAAc;QAE7B,IAAI,CAAC,YAAY,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,MAAM,CACrD,CAAC,CAAC,EAAE,GAAG,EAAgB,EAAE;YACrB,OAAO;gBACH,GAAG,CAAC;gBACJ,CAAC,GAAG,CAAC,EAAE,KAAK;aACf,CAAC;QACN,CAAC,EACD,IAAI,CAAC,YAAY,CACpB,CAAC;IACN,CAAC;CACJ","sourcesContent":["type ObjectFromList<T extends readonly string[]> = {\n    [K in T extends readonly (infer U)[] ? U : never]: boolean;\n};\n\n/**\n * Generic Tracker which sets or resets provided flags\n */\nexport class Tracker<TrackedItemsList extends readonly string[]> {\n    private trackedItems: ObjectFromList<TrackedItemsList>;\n\n    public constructor(trackedItemsList: TrackedItemsList) {\n        type TrackedItems = typeof this.trackedItems;\n        this.trackedItems = {} as TrackedItems;\n        this.trackedItems = trackedItemsList.reduce<TrackedItems>(\n            (r, key): TrackedItems => {\n                return {\n                    ...r,\n                    [key]: false\n                };\n            },\n            this.trackedItems\n        );\n    }\n\n    public getTrackedItems(): ObjectFromList<TrackedItemsList> {\n        return { ...this.trackedItems };\n    }\n\n    public isTracked(key: keyof ObjectFromList<TrackedItemsList>): boolean {\n        return this.trackedItems[key];\n    }\n\n    public track(key: keyof ObjectFromList<TrackedItemsList>): void {\n        const wasTracked = this.trackedItems[key];\n        if (!wasTracked) {\n            this.trackedItems[key] = true;\n            this.onTrackingChange();\n        }\n    }\n\n    public untrack(key: keyof ObjectFromList<TrackedItemsList>): void {\n        const wasTracked = this.trackedItems[key];\n        if (wasTracked) {\n            this.trackedItems[key] = false;\n            this.onTrackingChange();\n        }\n    }\n\n    public trackAll(): void {\n        if (this.allTracked()) {\n            return;\n        }\n\n        this.setAllKeys(true);\n        this.onTrackingChange();\n    }\n\n    public untrackAll(): void {\n        if (this.noneTracked()) {\n            return;\n        }\n\n        this.setAllKeys(false);\n        this.onTrackingChange();\n    }\n\n    public allTracked(): boolean {\n        return Object.values(this.trackedItems).every(x => x);\n    }\n\n    public anyTracked(): boolean {\n        return Object.values(this.trackedItems).some(x => x);\n    }\n\n    public noneTracked(): boolean {\n        return Object.values(this.trackedItems).every(x => !x);\n    }\n\n    public onTrackingChange(): void {}\n\n    private setAllKeys(value: boolean): void {\n        type TrackedItems = typeof this.trackedItems;\n        this.trackedItems = Object.keys(this.trackedItems).reduce<TrackedItems>(\n            (r, key): TrackedItems => {\n                return {\n                    ...r,\n                    [key]: value\n                };\n            },\n            this.trackedItems\n        );\n    }\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ni/nimble-components",
-  "version": "29.8.2",
+  "version": "30.0.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",
@@ -44,7 +44,7 @@
     "test-webkit:verbose": "karma start karma.conf.verbose.js --browsers=WebkitHeadless --single-run --skip-tags SkipWebkit",
     "test-webkit:watch": "karma start karma.conf.js --browsers=WebkitHeadless --skip-tags SkipWebkit --watch-extensions js",
     "test-webkit": "karma start karma.conf.js --browsers=WebkitHeadless --single-run --skip-tags SkipWebkit",
-    "test-concurrent": "concurrently --timings --group \"npm:test-chrome:verbose\" \"npm:test-firefox:verbose\""
+    "test-concurrent": "concurrently --timings --group \"npm:test-chrome:verbose\" \"npm:test-firefox:verbose\" \"npm:test-webkit:verbose\""
   },
   "repository": {
     "type": "git",
@@ -66,7 +66,7 @@
     "@microsoft/fast-element": "^1.12.0",
     "@microsoft/fast-foundation": "^2.49.6",
     "@microsoft/fast-web-utilities": "^6.0.0",
-    "@ni/nimble-tokens": "^6.15.1",
+    "@ni/nimble-tokens": "^7.0.0",
     "@tanstack/table-core": "^8.19.2",
     "@tanstack/virtual-core": "^3.8.1",
     "@tiptap/core": "^2.2.2",
@@ -124,7 +124,7 @@
     "karma-source-map-support": "^1.4.0",
     "karma-sourcemap-loader": "^0.4.0",
     "karma-spec-reporter": "^0.0.36",
-    "karma-webkit-launcher": "^2.1.0",
+    "karma-webkit-launcher": "^2.6.0",
     "karma-webpack": "^5.0.0",
     "playwright": "1.44.0",
     "prettier-eslint": "^16.3.0",

package/dist/esm/icons/arrow-u-rotate-left.d.ts

@@ -1,13 +0,0 @@
-import { Icon } from '../icon-base';
-declare global {
-    interface HTMLElementTagNameMap {
-        'nimble-icon-arrow-u-rotate-left': IconArrowURotateLeft;
-    }
-}
-/**
- * The icon component for the 'arrowURotateLeft' icon
- */
-export declare class IconArrowURotateLeft extends Icon {
-    constructor();
-}
-export declare const iconArrowURotateLeftTag = "nimble-icon-arrow-u-rotate-left";

package/dist/esm/icons/arrow-u-rotate-left.js

@@ -1,15 +0,0 @@
-// AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
-// See generation source in nimble-components/build/generate-icons
-import { arrowURotateLeft16X16 } from '@ni/nimble-tokens/dist/icons/js';
-import { Icon, registerIcon } from '../icon-base';
-/**
- * The icon component for the 'arrowURotateLeft' icon
- */
-export class IconArrowURotateLeft extends Icon {
-    constructor() {
-        super(arrowURotateLeft16X16);
-    }
-}
-registerIcon('icon-arrow-u-rotate-left', IconArrowURotateLeft);
-export const iconArrowURotateLeftTag = 'nimble-icon-arrow-u-rotate-left';
-//# sourceMappingURL=arrow-u-rotate-left.js.map

package/dist/esm/icons/arrow-u-rotate-left.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"arrow-u-rotate-left.js","sourceRoot":"","sources":["../../../src/icons/arrow-u-rotate-left.ts"],"names":[],"mappings":"AAAA,6CAA6C;AAC7C,kEAAkE;AAElE,OAAO,EAAE,qBAAqB,EAAE,MAAM,iCAAiC,CAAC;AACxE,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAQlD;;GAEG;AACH,MAAM,OAAO,oBAAqB,SAAQ,IAAI;IAC1C;QACI,KAAK,CAAC,qBAAqB,CAAC,CAAC;IACjC,CAAC;CACJ;AAED,YAAY,CAAC,0BAA0B,EAAE,oBAAoB,CAAC,CAAC;AAC/D,MAAM,CAAC,MAAM,uBAAuB,GAAG,iCAAiC,CAAC","sourcesContent":["// AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY\n// See generation source in nimble-components/build/generate-icons\n\nimport { arrowURotateLeft16X16 } from '@ni/nimble-tokens/dist/icons/js';\nimport { Icon, registerIcon } from '../icon-base';\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-icon-arrow-u-rotate-left': IconArrowURotateLeft;\n    }\n}\n\n/**\n * The icon component for the 'arrowURotateLeft' icon\n */\nexport class IconArrowURotateLeft extends Icon {\n    public constructor() {\n        super(arrowURotateLeft16X16);\n    }\n}\n\nregisterIcon('icon-arrow-u-rotate-left', IconArrowURotateLeft);\nexport const iconArrowURotateLeftTag = 'nimble-icon-arrow-u-rotate-left';\n"]}