@ni/nimble-components 35.13.3 → 35.14.1

package/dist/custom-elements.json

@@ -13867,7 +13867,7 @@
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "Intl.DateTimeFormat | undefined"
+                  "text": "DateTextFormatter | undefined"
                 }
               }
             },
@@ -13877,7 +13877,7 @@
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "Intl.DateTimeFormatOptions"
+                  "text": "SupportedIntlDateTimeFormatOptions"
                 }
               }
             }
@@ -14078,6 +14078,15 @@
           },
           "default": "{ default: undefined, custom: 'custom' }",
           "description": "Formatting scheme for the date-text table column"
+        },
+        {
+          "kind": "variable",
+          "name": "supportedIntlDateTimeFormatOptionNames",
+          "type": {
+            "text": "[\n    'localeMatcher',\n    'weekday',\n    'era',\n    'year',\n    'month',\n    'day',\n    'hour',\n    'minute',\n    'second',\n    'dayPeriod',\n    'timeZoneName',\n    'formatMatcher',\n    'hour12',\n    'timeZone',\n    'calendar',\n    'numberingSystem',\n    'dateStyle',\n    'timeStyle',\n    'hourCycle'\n]"
+          },
+          "default": "[ 'localeMatcher', 'weekday', 'era', 'year', 'month', 'day', 'hour', 'minute', 'second', 'dayPeriod', 'timeZoneName', 'formatMatcher', 'hour12', 'timeZone', 'calendar', 'numberingSystem', 'dateStyle', 'timeStyle', 'hourCycle' ]",
+          "description": "The `Intl.DateTimeFormatOptions` properties supported by the date-text column and `DateTextFormatter`."
         }
       ],
       "exports": [
@@ -14088,6 +14097,14 @@
             "name": "DateTextFormat",
             "module": "src/table-column/date-text/types.ts"
           }
+        },
+        {
+          "kind": "js",
+          "name": "supportedIntlDateTimeFormatOptionNames",
+          "declaration": {
+            "name": "supportedIntlDateTimeFormatOptionNames",
+            "module": "src/table-column/date-text/types.ts"
+          }
         }
       ]
     },
@@ -16169,17 +16186,17 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/unit/fahrenheit/index.ts",
+      "path": "src/unit/celsius/index.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "Element representing degrees Fahrenheit unit",
-          "name": "UnitFahrenheit",
+          "description": "Element representing degrees Celsius unit",
+          "name": "UnitCelsius",
           "members": [
             {
               "kind": "field",
               "name": "resolvedUnitScale",
-              "default": "unitScaleFahrenheit"
+              "default": "unitScaleCelsius"
             }
           ],
           "superclass": {
@@ -16189,45 +16206,45 @@
         },
         {
           "kind": "variable",
-          "name": "unitFahrenheitTag",
+          "name": "unitCelsiusTag",
           "type": {
             "text": "string"
           },
-          "default": "'nimble-unit-fahrenheit'"
+          "default": "'nimble-unit-celsius'"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "UnitFahrenheit",
+          "name": "UnitCelsius",
           "declaration": {
-            "name": "UnitFahrenheit",
-            "module": "src/unit/fahrenheit/index.ts"
+            "name": "UnitCelsius",
+            "module": "src/unit/celsius/index.ts"
           }
         },
         {
           "kind": "js",
-          "name": "unitFahrenheitTag",
+          "name": "unitCelsiusTag",
           "declaration": {
-            "name": "unitFahrenheitTag",
-            "module": "src/unit/fahrenheit/index.ts"
+            "name": "unitCelsiusTag",
+            "module": "src/unit/celsius/index.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/unit/celsius/index.ts",
+      "path": "src/unit/fahrenheit/index.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "Element representing degrees Celsius unit",
-          "name": "UnitCelsius",
+          "description": "Element representing degrees Fahrenheit unit",
+          "name": "UnitFahrenheit",
           "members": [
             {
               "kind": "field",
               "name": "resolvedUnitScale",
-              "default": "unitScaleCelsius"
+              "default": "unitScaleFahrenheit"
             }
           ],
           "superclass": {
@@ -16237,28 +16254,28 @@
         },
         {
           "kind": "variable",
-          "name": "unitCelsiusTag",
+          "name": "unitFahrenheitTag",
           "type": {
             "text": "string"
           },
-          "default": "'nimble-unit-celsius'"
+          "default": "'nimble-unit-fahrenheit'"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "UnitCelsius",
+          "name": "UnitFahrenheit",
           "declaration": {
-            "name": "UnitCelsius",
-            "module": "src/unit/celsius/index.ts"
+            "name": "UnitFahrenheit",
+            "module": "src/unit/fahrenheit/index.ts"
           }
         },
         {
           "kind": "js",
-          "name": "unitCelsiusTag",
+          "name": "unitFahrenheitTag",
           "declaration": {
-            "name": "unitCelsiusTag",
-            "module": "src/unit/celsius/index.ts"
+            "name": "unitFahrenheitTag",
+            "module": "src/unit/fahrenheit/index.ts"
           }
         }
       ]

package/dist/custom-elements.md

@@ -2216,7 +2216,7 @@
 
 <hr/>
 
-## class: `UnitFahrenheit`
+## class: `UnitCelsius`
 
 ### Superclass
 
@@ -2226,13 +2226,13 @@
 
 ### Fields
 
-| Name                | Privacy | Type | Default               | Description | Inherited From |
-| ------------------- | ------- | ---- | --------------------- | ----------- | -------------- |
-| `resolvedUnitScale` |         |      | `unitScaleFahrenheit` |             |                |
+| Name                | Privacy | Type | Default            | Description | Inherited From |
+| ------------------- | ------- | ---- | ------------------ | ----------- | -------------- |
+| `resolvedUnitScale` |         |      | `unitScaleCelsius` |             |                |
 
 <hr/>
 
-## class: `UnitCelsius`
+## class: `UnitFahrenheit`
 
 ### Superclass
 
@@ -2242,9 +2242,9 @@
 
 ### Fields
 
-| Name                | Privacy | Type | Default            | Description | Inherited From |
-| ------------------- | ------- | ---- | ------------------ | ----------- | -------------- |
-| `resolvedUnitScale` |         |      | `unitScaleCelsius` |             |                |
+| Name                | Privacy | Type | Default               | Description | Inherited From |
+| ------------------- | ------- | ---- | --------------------- | ----------- | -------------- |
+| `resolvedUnitScale` |         |      | `unitScaleFahrenheit` |             |                |
 
 <hr/>
 

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

@@ -2,14 +2,13 @@ import { DesignSystem } from '@ni/fast-foundation';
 import { template } from '../../text-base/cell-view/template';
 import { styles } from '../../text-base/cell-view/styles';
 import { TableColumnTextCellViewBase } from '../../text-base/cell-view';
-import { formatNumericDate } from '../models/format-helper';
 /**
  * A cell view for displaying date/time fields as text
  */
 export class TableColumnDateTextCellView extends TableColumnTextCellViewBase {
     updateText() {
         if (this.columnConfig) {
-            this.text = formatNumericDate(this.columnConfig.formatter, this.cellRecord?.value);
+            this.text = this.columnConfig.formatter.format(this.cellRecord?.value);
         }
         else {
             this.text = '';

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/table-column/date-text/cell-view/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,oCAAoC,CAAC;AAK9D,OAAO,EAAE,MAAM,EAAE,MAAM,kCAAkC,CAAC;AAC1D,OAAO,EAAE,2BAA2B,EAAE,MAAM,2BAA2B,CAAC;AACxE,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAQ5D;;GAEG;AACH,MAAM,OAAO,2BAA4B,SAAQ,2BAGhD;IACa,UAAU;QAChB,IAAI,IAAI,CAAC,YAAY,EAAE,CAAC;YACpB,IAAI,CAAC,IAAI,GAAG,iBAAiB,CACzB,IAAI,CAAC,YAAY,CAAC,SAAS,EAC3B,IAAI,CAAC,UAAU,EAAE,KAAK,CACzB,CAAC;QACN,CAAC;aAAM,CAAC;YACJ,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC;QACnB,CAAC;IACL,CAAC;CACJ;AAED,MAAM,gBAAgB,GAAG,2BAA2B,CAAC,OAAO,CAAC;IACzD,QAAQ,EAAE,kCAAkC;IAC5C,QAAQ;IACR,MAAM;CACT,CAAC,CAAC;AACH,YAAY,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,gBAAgB,EAAE,CAAC,CAAC;AAC7E,MAAM,CAAC,MAAM,8BAA8B,GAAG,yCAAyC,CAAC","sourcesContent":["import { DesignSystem } from '@ni/fast-foundation';\nimport { template } from '../../text-base/cell-view/template';\nimport type {\n    TableColumnDateTextCellRecord,\n    TableColumnDateTextColumnConfig\n} from '..';\nimport { styles } from '../../text-base/cell-view/styles';\nimport { TableColumnTextCellViewBase } from '../../text-base/cell-view';\nimport { formatNumericDate } from '../models/format-helper';\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-table-column-date-text-cell-view': TableColumnDateTextCellView;\n    }\n}\n\n/**\n * A cell view for displaying date/time fields as text\n */\nexport class TableColumnDateTextCellView extends TableColumnTextCellViewBase<\n    TableColumnDateTextCellRecord,\n    TableColumnDateTextColumnConfig\n> {\n    protected updateText(): void {\n        if (this.columnConfig) {\n            this.text = formatNumericDate(\n                this.columnConfig.formatter,\n                this.cellRecord?.value\n            );\n        } else {\n            this.text = '';\n        }\n    }\n}\n\nconst dateTextCellView = TableColumnDateTextCellView.compose({\n    baseName: 'table-column-date-text-cell-view',\n    template,\n    styles\n});\nDesignSystem.getOrCreate().withPrefix('nimble').register(dateTextCellView());\nexport const tableColumnDateTextCellViewTag = 'nimble-table-column-date-text-cell-view';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/table-column/date-text/cell-view/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,oCAAoC,CAAC;AAK9D,OAAO,EAAE,MAAM,EAAE,MAAM,kCAAkC,CAAC;AAC1D,OAAO,EAAE,2BAA2B,EAAE,MAAM,2BAA2B,CAAC;AAQxE;;GAEG;AACH,MAAM,OAAO,2BAA4B,SAAQ,2BAGhD;IACa,UAAU;QAChB,IAAI,IAAI,CAAC,YAAY,EAAE,CAAC;YACpB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,YAAY,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC;QAC3E,CAAC;aAAM,CAAC;YACJ,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC;QACnB,CAAC;IACL,CAAC;CACJ;AAED,MAAM,gBAAgB,GAAG,2BAA2B,CAAC,OAAO,CAAC;IACzD,QAAQ,EAAE,kCAAkC;IAC5C,QAAQ;IACR,MAAM;CACT,CAAC,CAAC;AACH,YAAY,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,gBAAgB,EAAE,CAAC,CAAC;AAC7E,MAAM,CAAC,MAAM,8BAA8B,GAAG,yCAAyC,CAAC","sourcesContent":["import { DesignSystem } from '@ni/fast-foundation';\nimport { template } from '../../text-base/cell-view/template';\nimport type {\n    TableColumnDateTextCellRecord,\n    TableColumnDateTextColumnConfig\n} from '..';\nimport { styles } from '../../text-base/cell-view/styles';\nimport { TableColumnTextCellViewBase } from '../../text-base/cell-view';\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-table-column-date-text-cell-view': TableColumnDateTextCellView;\n    }\n}\n\n/**\n * A cell view for displaying date/time fields as text\n */\nexport class TableColumnDateTextCellView extends TableColumnTextCellViewBase<\n    TableColumnDateTextCellRecord,\n    TableColumnDateTextColumnConfig\n> {\n    protected updateText(): void {\n        if (this.columnConfig) {\n            this.text = this.columnConfig.formatter.format(this.cellRecord?.value);\n        } else {\n            this.text = '';\n        }\n    }\n}\n\nconst dateTextCellView = TableColumnDateTextCellView.compose({\n    baseName: 'table-column-date-text-cell-view',\n    template,\n    styles\n});\nDesignSystem.getOrCreate().withPrefix('nimble').register(dateTextCellView());\nexport const tableColumnDateTextCellViewTag = 'nimble-table-column-date-text-cell-view';\n"]}

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

@@ -2,14 +2,13 @@ import { DesignSystem } from '@ni/fast-foundation';
 import { TableColumnTextGroupHeaderViewBase } from '../../text-base/group-header-view';
 import { template } from '../../text-base/group-header-view/template';
 import { styles } from '../../text-base/group-header-view/styles';
-import { formatNumericDate } from '../models/format-helper';
 /**
  * The group header view for displaying date/time fields as text.
  */
 export class TableColumnDateTextGroupHeaderView extends TableColumnTextGroupHeaderViewBase {
     updateText() {
         if (this.columnConfig) {
-            this.text = formatNumericDate(this.columnConfig.formatter, this.groupHeaderValue);
+            this.text = this.columnConfig.formatter.format(this.groupHeaderValue);
         }
         else {
             this.text = '';

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/table-column/date-text/group-header-view/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAEnD,OAAO,EAAE,kCAAkC,EAAE,MAAM,mCAAmC,CAAC;AACvF,OAAO,EAAE,QAAQ,EAAE,MAAM,4CAA4C,CAAC;AACtE,OAAO,EAAE,MAAM,EAAE,MAAM,0CAA0C,CAAC;AAElE,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAO5D;;GAEG;AACH,MAAM,OAAO,kCAAmC,SAAQ,kCAGvD;IACa,UAAU;QAChB,IAAI,IAAI,CAAC,YAAY,EAAE,CAAC;YACpB,IAAI,CAAC,IAAI,GAAG,iBAAiB,CACzB,IAAI,CAAC,YAAY,CAAC,SAAS,EAC3B,IAAI,CAAC,gBAAgB,CACxB,CAAC;QACN,CAAC;aAAM,CAAC;YACJ,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC;QACnB,CAAC;IACL,CAAC;CACJ;AAED,MAAM,kCAAkC,GAAG,kCAAkC,CAAC,OAAO,CAAC;IAClF,QAAQ,EAAE,0CAA0C;IACpD,QAAQ;IACR,MAAM;CACT,CAAC,CAAC;AACH,YAAY,CAAC,WAAW,EAAE;KACrB,UAAU,CAAC,QAAQ,CAAC;KACpB,QAAQ,CAAC,kCAAkC,EAAE,CAAC,CAAC;AACpD,MAAM,CAAC,MAAM,qCAAqC,GAAG,iDAAiD,CAAC","sourcesContent":["import { DesignSystem } from '@ni/fast-foundation';\nimport type { TableNumberFieldValue } from '../../../table/types';\nimport { TableColumnTextGroupHeaderViewBase } from '../../text-base/group-header-view';\nimport { template } from '../../text-base/group-header-view/template';\nimport { styles } from '../../text-base/group-header-view/styles';\nimport type { TableColumnDateTextColumnConfig } from '..';\nimport { formatNumericDate } from '../models/format-helper';\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-table-column-date-text-group-header': TableColumnDateTextGroupHeaderView;\n    }\n}\n/**\n * The group header view for displaying date/time fields as text.\n */\nexport class TableColumnDateTextGroupHeaderView extends TableColumnTextGroupHeaderViewBase<\n    TableNumberFieldValue,\n    TableColumnDateTextColumnConfig\n> {\n    protected updateText(): void {\n        if (this.columnConfig) {\n            this.text = formatNumericDate(\n                this.columnConfig.formatter,\n                this.groupHeaderValue\n            );\n        } else {\n            this.text = '';\n        }\n    }\n}\n\nconst tableColumnDateTextGroupHeaderView = TableColumnDateTextGroupHeaderView.compose({\n    baseName: 'table-column-date-text-group-header-view',\n    template,\n    styles\n});\nDesignSystem.getOrCreate()\n    .withPrefix('nimble')\n    .register(tableColumnDateTextGroupHeaderView());\nexport const tableColumnDateTextGroupHeaderViewTag = 'nimble-table-column-date-text-group-header-view';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/table-column/date-text/group-header-view/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAEnD,OAAO,EAAE,kCAAkC,EAAE,MAAM,mCAAmC,CAAC;AACvF,OAAO,EAAE,QAAQ,EAAE,MAAM,4CAA4C,CAAC;AACtE,OAAO,EAAE,MAAM,EAAE,MAAM,0CAA0C,CAAC;AAQlE;;GAEG;AACH,MAAM,OAAO,kCAAmC,SAAQ,kCAGvD;IACa,UAAU;QAChB,IAAI,IAAI,CAAC,YAAY,EAAE,CAAC;YACpB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,YAAY,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC;QAC1E,CAAC;aAAM,CAAC;YACJ,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC;QACnB,CAAC;IACL,CAAC;CACJ;AAED,MAAM,kCAAkC,GAAG,kCAAkC,CAAC,OAAO,CAAC;IAClF,QAAQ,EAAE,0CAA0C;IACpD,QAAQ;IACR,MAAM;CACT,CAAC,CAAC;AACH,YAAY,CAAC,WAAW,EAAE;KACrB,UAAU,CAAC,QAAQ,CAAC;KACpB,QAAQ,CAAC,kCAAkC,EAAE,CAAC,CAAC;AACpD,MAAM,CAAC,MAAM,qCAAqC,GAAG,iDAAiD,CAAC","sourcesContent":["import { DesignSystem } from '@ni/fast-foundation';\nimport type { TableNumberFieldValue } from '../../../table/types';\nimport { TableColumnTextGroupHeaderViewBase } from '../../text-base/group-header-view';\nimport { template } from '../../text-base/group-header-view/template';\nimport { styles } from '../../text-base/group-header-view/styles';\nimport type { TableColumnDateTextColumnConfig } from '..';\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-table-column-date-text-group-header': TableColumnDateTextGroupHeaderView;\n    }\n}\n/**\n * The group header view for displaying date/time fields as text.\n */\nexport class TableColumnDateTextGroupHeaderView extends TableColumnTextGroupHeaderViewBase<\n    TableNumberFieldValue,\n    TableColumnDateTextColumnConfig\n> {\n    protected updateText(): void {\n        if (this.columnConfig) {\n            this.text = this.columnConfig.formatter.format(this.groupHeaderValue);\n        } else {\n            this.text = '';\n        }\n    }\n}\n\nconst tableColumnDateTextGroupHeaderView = TableColumnDateTextGroupHeaderView.compose({\n    baseName: 'table-column-date-text-group-header-view',\n    template,\n    styles\n});\nDesignSystem.getOrCreate()\n    .withPrefix('nimble')\n    .register(tableColumnDateTextGroupHeaderView());\nexport const tableColumnDateTextGroupHeaderViewTag = 'nimble-table-column-date-text-group-header-view';\n"]}

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

@@ -5,9 +5,10 @@ import { DateTextFormat } from './types';
 import type { LocaleMatcherAlgorithm, EraFormat, YearFormat, DayFormat, HourFormat, MinuteFormat, SecondFormat, TimeZoneNameFormat, FormatMatcherAlgorithm, DayPeriodFormat, DateStyle, TimeStyle, HourCycleFormat, MonthFormat, WeekdayFormat } from './types';
 import { TableColumnDateTextValidator } from './models/table-column-date-text-validator';
 import type { TableColumnTextBaseColumnConfig } from '../text-base/cell-view';
+import { DateTextFormatter } from './models/date-text-formatter';
 export type TableColumnDateTextCellRecord = TableNumberField<'value'>;
 export interface TableColumnDateTextColumnConfig extends TableColumnTextBaseColumnConfig {
-    formatter: Intl.DateTimeFormat;
+    formatter: DateTextFormatter;
 }
 declare global {
     interface HTMLElementTagNameMap {

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

@@ -11,6 +11,7 @@ import { DateTextFormat } from './types';
 import { TableColumnDateTextValidator } from './models/table-column-date-text-validator';
 import { lang } from '../../theme-provider';
 import { optionalBooleanConverter } from '../../utilities/models/converter';
+import { DateTextFormatter } from './models/date-text-formatter';
 /**
  * The table column for displaying dates/times as text.
  */
@@ -121,18 +122,11 @@ export class TableColumnDateText extends mixinTextBase((TableColumnTextBase)) {
         }
     }
     createFormatter() {
-        let options;
-        if (this.format === DateTextFormat.default) {
-            options = {
-                dateStyle: 'medium',
-                timeStyle: 'medium'
-            };
-        }
-        else {
-            options = this.getCustomFormattingOptions();
-        }
+        const options = this.format === DateTextFormat.default
+            ? undefined
+            : this.getCustomFormattingOptions();
         try {
-            return new Intl.DateTimeFormat(lang.getValueFor(this), options);
+            return new DateTextFormatter(lang.getValueFor(this), options);
         }
         catch (_e) {
             return undefined;

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/table-column/date-text/index.ts"],"names":[],"mappings":"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","sourcesContent":["import { DesignSystem, type DesignTokenSubscriber } from '@ni/fast-foundation';\nimport { attr } from '@ni/fast-element';\nimport { styles } from '../base/styles';\nimport { template } from '../base/template';\nimport type { TableNumberField } from '../../table/types';\nimport { TableColumnTextBase, mixinTextBase } from '../text-base';\nimport { TableColumnSortOperation } from '../base/types';\nimport { tableColumnDateTextGroupHeaderViewTag } from './group-header-view';\nimport { tableColumnDateTextCellViewTag } from './cell-view';\nimport type { ColumnInternalsOptions } from '../base/models/column-internals';\nimport { DateTextFormat } from './types';\nimport type {\n    LocaleMatcherAlgorithm,\n    EraFormat,\n    YearFormat,\n    DayFormat,\n    HourFormat,\n    MinuteFormat,\n    SecondFormat,\n    TimeZoneNameFormat,\n    FormatMatcherAlgorithm,\n    DayPeriodFormat,\n    DateStyle,\n    TimeStyle,\n    HourCycleFormat,\n    MonthFormat,\n    WeekdayFormat\n} from './types';\nimport { TableColumnDateTextValidator } from './models/table-column-date-text-validator';\nimport { lang } from '../../theme-provider';\nimport { optionalBooleanConverter } from '../../utilities/models/converter';\nimport type { TableColumnTextBaseColumnConfig } from '../text-base/cell-view';\n\nexport type TableColumnDateTextCellRecord = TableNumberField<'value'>;\nexport interface TableColumnDateTextColumnConfig extends TableColumnTextBaseColumnConfig {\n    formatter: Intl.DateTimeFormat;\n}\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-table-column-date-text': TableColumnDateText;\n    }\n}\n\n/**\n * The table column for displaying dates/times as text.\n */\nexport class TableColumnDateText extends mixinTextBase(\n    TableColumnTextBase<\n        TableColumnDateTextColumnConfig,\n        TableColumnDateTextValidator\n    >\n) {\n    @attr\n    public format: DateTextFormat;\n\n    @attr({ attribute: 'custom-locale-matcher' })\n    public customLocaleMatcher: LocaleMatcherAlgorithm;\n\n    @attr({ attribute: 'custom-weekday' })\n    public customWeekday: WeekdayFormat;\n\n    @attr({ attribute: 'custom-era' })\n    public customEra: EraFormat;\n\n    @attr({ attribute: 'custom-year' })\n    public customYear: YearFormat;\n\n    @attr({ attribute: 'custom-month' })\n    public customMonth: MonthFormat;\n\n    @attr({ attribute: 'custom-day' })\n    public customDay: DayFormat;\n\n    @attr({ attribute: 'custom-hour' })\n    public customHour: HourFormat;\n\n    @attr({ attribute: 'custom-minute' })\n    public customMinute: MinuteFormat;\n\n    @attr({ attribute: 'custom-second' })\n    public customSecond: SecondFormat;\n\n    @attr({ attribute: 'custom-time-zone-name' })\n    public customTimeZoneName: TimeZoneNameFormat;\n\n    @attr({ attribute: 'custom-format-matcher' })\n    public customFormatMatcher: FormatMatcherAlgorithm;\n\n    // Later versions of FAST (than the legacy branch we're on) have a nullableBooleanConverter.\n    // We should replace our converter with that one when it is available to us.\n    // See issue related to adopting FastElement 2.0: https://github.com/ni/nimble/issues/572\n    @attr({ attribute: 'custom-hour12', converter: optionalBooleanConverter })\n    public customHour12?: boolean;\n\n    @attr({ attribute: 'custom-time-zone' })\n    public customTimeZone?: string;\n\n    @attr({ attribute: 'custom-calendar' })\n    public customCalendar?: string;\n\n    @attr({ attribute: 'custom-day-period' })\n    public customDayPeriod: DayPeriodFormat;\n\n    @attr({ attribute: 'custom-numbering-system' })\n    public customNumberingSystem?: string;\n\n    @attr({ attribute: 'custom-date-style' })\n    public customDateStyle: DateStyle;\n\n    @attr({ attribute: 'custom-time-style' })\n    public customTimeStyle: TimeStyle;\n\n    @attr({ attribute: 'custom-hour-cycle' })\n    public customHourCycle: HourCycleFormat;\n\n    private readonly langSubscriber: DesignTokenSubscriber<typeof lang> = {\n        handleChange: () => {\n            this.updateColumnConfig();\n        }\n    };\n\n    public override connectedCallback(): void {\n        super.connectedCallback();\n        lang.subscribe(this.langSubscriber, this);\n        this.updateColumnConfig();\n    }\n\n    public override disconnectedCallback(): void {\n        super.disconnectedCallback();\n        lang.unsubscribe(this.langSubscriber, this);\n    }\n\n    public placeholderChanged(): void {\n        this.updateColumnConfig();\n    }\n\n    protected override getColumnInternalsOptions(): ColumnInternalsOptions<TableColumnDateTextValidator> {\n        return {\n            cellRecordFieldNames: ['value'],\n            cellViewTag: tableColumnDateTextCellViewTag,\n            groupHeaderViewTag: tableColumnDateTextGroupHeaderViewTag,\n            delegatedEvents: [],\n            sortOperation: TableColumnSortOperation.basic,\n            validator: new TableColumnDateTextValidator()\n        };\n    }\n\n    protected formatChanged(): void {\n        this.updateColumnConfig();\n    }\n\n    protected customLocaleMatcherChanged(): void {\n        this.updateColumnConfig();\n    }\n\n    protected customWeekdayChanged(): void {\n        this.updateColumnConfig();\n    }\n\n    protected customEraChanged(): void {\n        this.updateColumnConfig();\n    }\n\n    protected customYearChanged(): void {\n        this.updateColumnConfig();\n    }\n\n    protected customMonthChanged(): void {\n        this.updateColumnConfig();\n    }\n\n    protected customDayChanged(): void {\n        this.updateColumnConfig();\n    }\n\n    protected customHourChanged(): void {\n        this.updateColumnConfig();\n    }\n\n    protected customMinuteChanged(): void {\n        this.updateColumnConfig();\n    }\n\n    protected customSecondChanged(): void {\n        this.updateColumnConfig();\n    }\n\n    protected customTimeZoneNameChanged(): void {\n        this.updateColumnConfig();\n    }\n\n    protected customFormatMatcherChanged(): void {\n        this.updateColumnConfig();\n    }\n\n    protected customHour12Changed(): void {\n        this.updateColumnConfig();\n    }\n\n    protected customTimeZoneChanged(): void {\n        this.updateColumnConfig();\n    }\n\n    protected customCalendarChanged(): void {\n        this.updateColumnConfig();\n    }\n\n    protected customDayPeriodChanged(): void {\n        this.updateColumnConfig();\n    }\n\n    protected customNumberingSystemChanged(): void {\n        this.updateColumnConfig();\n    }\n\n    protected customDateStyleChanged(): void {\n        this.updateColumnConfig();\n    }\n\n    protected customTimeStyleChanged(): void {\n        this.updateColumnConfig();\n    }\n\n    protected customHourCycleChanged(): void {\n        this.updateColumnConfig();\n    }\n\n    private updateColumnConfig(): void {\n        const formatter = this.createFormatter();\n\n        if (formatter) {\n            const columnConfig: TableColumnDateTextColumnConfig = {\n                formatter,\n                placeholder: this.placeholder\n            };\n            this.columnInternals.columnConfig = columnConfig;\n            this.columnInternals.validator.setCustomOptionsValidity(true);\n        } else {\n            this.columnInternals.columnConfig = undefined;\n            this.columnInternals.validator.setCustomOptionsValidity(false);\n        }\n    }\n\n    private createFormatter(): Intl.DateTimeFormat | undefined {\n        let options: Intl.DateTimeFormatOptions;\n        if (this.format === DateTextFormat.default) {\n            options = {\n                dateStyle: 'medium',\n                timeStyle: 'medium'\n            };\n        } else {\n            options = this.getCustomFormattingOptions();\n        }\n        try {\n            return new Intl.DateTimeFormat(lang.getValueFor(this), options);\n        } catch (_e) {\n            return undefined;\n        }\n    }\n\n    private getCustomFormattingOptions(): Intl.DateTimeFormatOptions {\n        // There's a FAST bug (https://github.com/microsoft/fast/issues/6630) where removing\n        // attributes sets their values to null instead of undefined. To work around this,\n        // translate null values to undefined.\n        const options: Intl.DateTimeFormatOptions = {\n            localeMatcher: this.customLocaleMatcher ?? undefined,\n            weekday: this.customWeekday ?? undefined,\n            era: this.customEra ?? undefined,\n            year: this.customYear ?? undefined,\n            month: this.customMonth ?? undefined,\n            day: this.customDay ?? undefined,\n            hour: this.customHour ?? undefined,\n            minute: this.customMinute ?? undefined,\n            second: this.customSecond ?? undefined,\n            timeZoneName: this.customTimeZoneName ?? undefined,\n            formatMatcher: this.customFormatMatcher ?? undefined,\n            hour12: this.customHour12 ?? undefined,\n            timeZone: this.customTimeZone ?? undefined,\n            calendar: this.customCalendar ?? undefined,\n            dayPeriod: this.customDayPeriod ?? undefined,\n            numberingSystem: this.customNumberingSystem ?? undefined,\n            dateStyle: this.customDateStyle ?? undefined,\n            timeStyle: this.customTimeStyle ?? undefined,\n            hourCycle: this.customHourCycle ?? undefined\n        };\n        return options;\n    }\n}\n\nconst nimbleTableColumnDateText = TableColumnDateText.compose({\n    baseName: 'table-column-date-text',\n    template,\n    styles\n});\n\nDesignSystem.getOrCreate()\n    .withPrefix('nimble')\n    .register(nimbleTableColumnDateText());\nexport const tableColumnDateTextTag = 'nimble-table-column-date-text';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/table-column/date-text/index.ts"],"names":[],"mappings":"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","sourcesContent":["import { DesignSystem, type DesignTokenSubscriber } from '@ni/fast-foundation';\nimport { attr } from '@ni/fast-element';\nimport { styles } from '../base/styles';\nimport { template } from '../base/template';\nimport type { TableNumberField } from '../../table/types';\nimport { TableColumnTextBase, mixinTextBase } from '../text-base';\nimport { TableColumnSortOperation } from '../base/types';\nimport { tableColumnDateTextGroupHeaderViewTag } from './group-header-view';\nimport { tableColumnDateTextCellViewTag } from './cell-view';\nimport type { ColumnInternalsOptions } from '../base/models/column-internals';\nimport { DateTextFormat } from './types';\nimport type {\n    LocaleMatcherAlgorithm,\n    EraFormat,\n    YearFormat,\n    DayFormat,\n    HourFormat,\n    MinuteFormat,\n    SecondFormat,\n    TimeZoneNameFormat,\n    FormatMatcherAlgorithm,\n    DayPeriodFormat,\n    DateStyle,\n    TimeStyle,\n    HourCycleFormat,\n    MonthFormat,\n    WeekdayFormat,\n    SupportedIntlDateTimeFormatOptions,\n    supportedIntlDateTimeFormatOptionNames\n} from './types';\nimport { TableColumnDateTextValidator } from './models/table-column-date-text-validator';\nimport { lang } from '../../theme-provider';\nimport { optionalBooleanConverter } from '../../utilities/models/converter';\nimport type { TableColumnTextBaseColumnConfig } from '../text-base/cell-view';\nimport { DateTextFormatter } from './models/date-text-formatter';\n\nexport type TableColumnDateTextCellRecord = TableNumberField<'value'>;\nexport interface TableColumnDateTextColumnConfig extends TableColumnTextBaseColumnConfig {\n    formatter: DateTextFormatter;\n}\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-table-column-date-text': TableColumnDateText;\n    }\n}\n\ntype AllSupportedIntlDateTimeFormatOptions = {\n    [Key in (typeof supportedIntlDateTimeFormatOptionNames)[number]]: Intl.DateTimeFormatOptions[Key]\n};\n\n/**\n * The table column for displaying dates/times as text.\n */\nexport class TableColumnDateText extends mixinTextBase(\n    TableColumnTextBase<\n        TableColumnDateTextColumnConfig,\n        TableColumnDateTextValidator\n    >\n) {\n    @attr\n    public format: DateTextFormat;\n\n    @attr({ attribute: 'custom-locale-matcher' })\n    public customLocaleMatcher: LocaleMatcherAlgorithm;\n\n    @attr({ attribute: 'custom-weekday' })\n    public customWeekday: WeekdayFormat;\n\n    @attr({ attribute: 'custom-era' })\n    public customEra: EraFormat;\n\n    @attr({ attribute: 'custom-year' })\n    public customYear: YearFormat;\n\n    @attr({ attribute: 'custom-month' })\n    public customMonth: MonthFormat;\n\n    @attr({ attribute: 'custom-day' })\n    public customDay: DayFormat;\n\n    @attr({ attribute: 'custom-hour' })\n    public customHour: HourFormat;\n\n    @attr({ attribute: 'custom-minute' })\n    public customMinute: MinuteFormat;\n\n    @attr({ attribute: 'custom-second' })\n    public customSecond: SecondFormat;\n\n    @attr({ attribute: 'custom-time-zone-name' })\n    public customTimeZoneName: TimeZoneNameFormat;\n\n    @attr({ attribute: 'custom-format-matcher' })\n    public customFormatMatcher: FormatMatcherAlgorithm;\n\n    @attr({ attribute: 'custom-hour12', converter: optionalBooleanConverter })\n    public customHour12?: boolean;\n\n    @attr({ attribute: 'custom-time-zone' })\n    public customTimeZone?: string;\n\n    @attr({ attribute: 'custom-calendar' })\n    public customCalendar?: string;\n\n    @attr({ attribute: 'custom-day-period' })\n    public customDayPeriod: DayPeriodFormat;\n\n    @attr({ attribute: 'custom-numbering-system' })\n    public customNumberingSystem?: string;\n\n    @attr({ attribute: 'custom-date-style' })\n    public customDateStyle: DateStyle;\n\n    @attr({ attribute: 'custom-time-style' })\n    public customTimeStyle: TimeStyle;\n\n    @attr({ attribute: 'custom-hour-cycle' })\n    public customHourCycle: HourCycleFormat;\n\n    private readonly langSubscriber: DesignTokenSubscriber<typeof lang> = {\n        handleChange: () => {\n            this.updateColumnConfig();\n        }\n    };\n\n    public override connectedCallback(): void {\n        super.connectedCallback();\n        lang.subscribe(this.langSubscriber, this);\n        this.updateColumnConfig();\n    }\n\n    public override disconnectedCallback(): void {\n        super.disconnectedCallback();\n        lang.unsubscribe(this.langSubscriber, this);\n    }\n\n    public placeholderChanged(): void {\n        this.updateColumnConfig();\n    }\n\n    protected override getColumnInternalsOptions(): ColumnInternalsOptions<TableColumnDateTextValidator> {\n        return {\n            cellRecordFieldNames: ['value'],\n            cellViewTag: tableColumnDateTextCellViewTag,\n            groupHeaderViewTag: tableColumnDateTextGroupHeaderViewTag,\n            delegatedEvents: [],\n            sortOperation: TableColumnSortOperation.basic,\n            validator: new TableColumnDateTextValidator()\n        };\n    }\n\n    protected formatChanged(): void {\n        this.updateColumnConfig();\n    }\n\n    protected customLocaleMatcherChanged(): void {\n        this.updateColumnConfig();\n    }\n\n    protected customWeekdayChanged(): void {\n        this.updateColumnConfig();\n    }\n\n    protected customEraChanged(): void {\n        this.updateColumnConfig();\n    }\n\n    protected customYearChanged(): void {\n        this.updateColumnConfig();\n    }\n\n    protected customMonthChanged(): void {\n        this.updateColumnConfig();\n    }\n\n    protected customDayChanged(): void {\n        this.updateColumnConfig();\n    }\n\n    protected customHourChanged(): void {\n        this.updateColumnConfig();\n    }\n\n    protected customMinuteChanged(): void {\n        this.updateColumnConfig();\n    }\n\n    protected customSecondChanged(): void {\n        this.updateColumnConfig();\n    }\n\n    protected customTimeZoneNameChanged(): void {\n        this.updateColumnConfig();\n    }\n\n    protected customFormatMatcherChanged(): void {\n        this.updateColumnConfig();\n    }\n\n    protected customHour12Changed(): void {\n        this.updateColumnConfig();\n    }\n\n    protected customTimeZoneChanged(): void {\n        this.updateColumnConfig();\n    }\n\n    protected customCalendarChanged(): void {\n        this.updateColumnConfig();\n    }\n\n    protected customDayPeriodChanged(): void {\n        this.updateColumnConfig();\n    }\n\n    protected customNumberingSystemChanged(): void {\n        this.updateColumnConfig();\n    }\n\n    protected customDateStyleChanged(): void {\n        this.updateColumnConfig();\n    }\n\n    protected customTimeStyleChanged(): void {\n        this.updateColumnConfig();\n    }\n\n    protected customHourCycleChanged(): void {\n        this.updateColumnConfig();\n    }\n\n    private updateColumnConfig(): void {\n        const formatter = this.createFormatter();\n\n        if (formatter) {\n            const columnConfig: TableColumnDateTextColumnConfig = {\n                formatter,\n                placeholder: this.placeholder\n            };\n            this.columnInternals.columnConfig = columnConfig;\n            this.columnInternals.validator.setCustomOptionsValidity(true);\n        } else {\n            this.columnInternals.columnConfig = undefined;\n            this.columnInternals.validator.setCustomOptionsValidity(false);\n        }\n    }\n\n    private createFormatter(): DateTextFormatter | undefined {\n        const options = this.format === DateTextFormat.default\n            ? undefined\n            : this.getCustomFormattingOptions();\n        try {\n            return new DateTextFormatter(lang.getValueFor(this), options);\n        } catch (_e) {\n            return undefined;\n        }\n    }\n\n    private getCustomFormattingOptions(): SupportedIntlDateTimeFormatOptions {\n        // There's a FAST bug (https://github.com/microsoft/fast/issues/6630) where removing\n        // attributes sets their values to null instead of undefined. To work around this,\n        // translate null values to undefined.\n        const options: AllSupportedIntlDateTimeFormatOptions = {\n            localeMatcher: this.customLocaleMatcher ?? undefined,\n            weekday: this.customWeekday ?? undefined,\n            era: this.customEra ?? undefined,\n            year: this.customYear ?? undefined,\n            month: this.customMonth ?? undefined,\n            day: this.customDay ?? undefined,\n            hour: this.customHour ?? undefined,\n            minute: this.customMinute ?? undefined,\n            second: this.customSecond ?? undefined,\n            timeZoneName: this.customTimeZoneName ?? undefined,\n            formatMatcher: this.customFormatMatcher ?? undefined,\n            hour12: this.customHour12 ?? undefined,\n            timeZone: this.customTimeZone ?? undefined,\n            calendar: this.customCalendar ?? undefined,\n            dayPeriod: this.customDayPeriod ?? undefined,\n            numberingSystem: this.customNumberingSystem ?? undefined,\n            dateStyle: this.customDateStyle ?? undefined,\n            timeStyle: this.customTimeStyle ?? undefined,\n            hourCycle: this.customHourCycle ?? undefined\n        };\n        return options;\n    }\n}\n\nconst nimbleTableColumnDateText = TableColumnDateText.compose({\n    baseName: 'table-column-date-text',\n    template,\n    styles\n});\n\nDesignSystem.getOrCreate()\n    .withPrefix('nimble')\n    .register(nimbleTableColumnDateText());\nexport const tableColumnDateTextTag = 'nimble-table-column-date-text';\n"]}

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

@@ -0,0 +1,15 @@
+import { type SupportedIntlDateTimeFormatOptions } from '../types';
+/**
+ * A class for formatting date values using the provided locale and options.
+ */
+export declare class DateTextFormatter {
+    private static readonly defaultOptions;
+    private readonly formatter;
+    private readonly options;
+    constructor(lang: string, options?: SupportedIntlDateTimeFormatOptions);
+    format(value: Date | number | null | undefined): string;
+    optionsMatch(targetOptions?: SupportedIntlDateTimeFormatOptions): boolean;
+    private parseValue;
+    private resolveOptions;
+    private resolveOption;
+}

package/dist/esm/table-column/date-text/models/date-text-formatter.js

@@ -0,0 +1,60 @@
+import { supportedIntlDateTimeFormatOptionNames } from '../types';
+/**
+ * A class for formatting date values using the provided locale and options.
+ */
+export class DateTextFormatter {
+    constructor(lang, options) {
+        this.options = this.resolveOptions(options);
+        this.formatter = new Intl.DateTimeFormat(lang, this.options);
+    }
+    format(value) {
+        const milliseconds = this.parseValue(value);
+        if (milliseconds === undefined || !Number.isFinite(milliseconds)) {
+            return '';
+        }
+        try {
+            return this.formatter.format(milliseconds);
+        }
+        catch (_e) {
+            return '';
+        }
+    }
+    optionsMatch(targetOptions) {
+        const resolvedTargetOptions = targetOptions ?? DateTextFormatter.defaultOptions;
+        for (const name of supportedIntlDateTimeFormatOptionNames) {
+            if (this.options[name] !== resolvedTargetOptions[name]) {
+                return false;
+            }
+        }
+        return true;
+    }
+    parseValue(value) {
+        if (value instanceof Date) {
+            return value.getTime();
+        }
+        if (typeof value === 'number') {
+            return value;
+        }
+        return undefined;
+    }
+    resolveOptions(options) {
+        if (options === undefined) {
+            return DateTextFormatter.defaultOptions;
+        }
+        const supportedOptions = {};
+        for (const name of supportedIntlDateTimeFormatOptionNames) {
+            this.resolveOption(supportedOptions, options, name);
+        }
+        return supportedOptions;
+    }
+    resolveOption(target, source, name) {
+        if (source[name] !== undefined) {
+            target[name] = source[name];
+        }
+    }
+}
+DateTextFormatter.defaultOptions = {
+    dateStyle: 'medium',
+    timeStyle: 'medium'
+};
+//# sourceMappingURL=date-text-formatter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"date-text-formatter.js","sourceRoot":"","sources":["../../../../../src/table-column/date-text/models/date-text-formatter.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,sCAAsC,EAEzC,MAAM,UAAU,CAAC;AAElB;;GAEG;AACH,MAAM,OAAO,iBAAiB;IAS1B,YACI,IAAY,EACZ,OAA4C;QAE5C,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;QAC5C,IAAI,CAAC,SAAS,GAAG,IAAI,IAAI,CAAC,cAAc,CAAC,IAAI,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC;IACjE,CAAC;IAEM,MAAM,CAAC,KAAuC;QACjD,MAAM,YAAY,GAAG,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;QAC5C,IAAI,YAAY,KAAK,SAAS,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,YAAY,CAAC,EAAE,CAAC;YAC/D,OAAO,EAAE,CAAC;QACd,CAAC;QAED,IAAI,CAAC;YACD,OAAO,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;QAC/C,CAAC;QAAC,OAAO,EAAE,EAAE,CAAC;YACV,OAAO,EAAE,CAAC;QACd,CAAC;IACL,CAAC;IAEM,YAAY,CAAC,aAAkD;QAClE,MAAM,qBAAqB,GAAG,aAAa,IAAI,iBAAiB,CAAC,cAAc,CAAC;QAChF,KAAK,MAAM,IAAI,IAAI,sCAAsC,EAAE,CAAC;YACxD,IAAI,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,qBAAqB,CAAC,IAAI,CAAC,EAAE,CAAC;gBACrD,OAAO,KAAK,CAAC;YACjB,CAAC;QACL,CAAC;QACD,OAAO,IAAI,CAAC;IAChB,CAAC;IAEO,UAAU,CAAC,KAAuC;QACtD,IAAI,KAAK,YAAY,IAAI,EAAE,CAAC;YACxB,OAAO,KAAK,CAAC,OAAO,EAAE,CAAC;QAC3B,CAAC;QACD,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;YAC5B,OAAO,KAAK,CAAC;QACjB,CAAC;QACD,OAAO,SAAS,CAAC;IACrB,CAAC;IAEO,cAAc,CAClB,OAAuD;QAEvD,IAAI,OAAO,KAAK,SAAS,EAAE,CAAC;YACxB,OAAO,iBAAiB,CAAC,cAAc,CAAC;QAC5C,CAAC;QACD,MAAM,gBAAgB,GAAuC,EAAE,CAAC;QAChE,KAAK,MAAM,IAAI,IAAI,sCAAsC,EAAE,CAAC;YACxD,IAAI,CAAC,aAAa,CAAC,gBAAgB,EAAE,OAAO,EAAE,IAAI,CAAC,CAAC;QACxD,CAAC;QACD,OAAO,gBAAgB,CAAC;IAC5B,CAAC;IAEO,aAAa,CAGjB,MAA0C,EAC1C,MAA0C,EAC1C,IAAU;QAEV,IAAI,MAAM,CAAC,IAAI,CAAC,KAAK,SAAS,EAAE,CAAC;YAC7B,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;QAChC,CAAC;IACL,CAAC;;AAxEuB,gCAAc,GAAuC;IACzE,SAAS,EAAE,QAAQ;IACnB,SAAS,EAAE,QAAQ;CACb,CAAC","sourcesContent":["import {\n    supportedIntlDateTimeFormatOptionNames,\n    type SupportedIntlDateTimeFormatOptions\n} from '../types';\n\n/**\n * A class for formatting date values using the provided locale and options.\n */\nexport class DateTextFormatter {\n    private static readonly defaultOptions: SupportedIntlDateTimeFormatOptions = {\n        dateStyle: 'medium',\n        timeStyle: 'medium'\n    } as const;\n\n    private readonly formatter: Intl.DateTimeFormat;\n    private readonly options: SupportedIntlDateTimeFormatOptions;\n\n    public constructor(\n        lang: string,\n        options?: SupportedIntlDateTimeFormatOptions\n    ) {\n        this.options = this.resolveOptions(options);\n        this.formatter = new Intl.DateTimeFormat(lang, this.options);\n    }\n\n    public format(value: Date | number | null | undefined): string {\n        const milliseconds = this.parseValue(value);\n        if (milliseconds === undefined || !Number.isFinite(milliseconds)) {\n            return '';\n        }\n\n        try {\n            return this.formatter.format(milliseconds);\n        } catch (_e) {\n            return '';\n        }\n    }\n\n    public optionsMatch(targetOptions?: SupportedIntlDateTimeFormatOptions): boolean {\n        const resolvedTargetOptions = targetOptions ?? DateTextFormatter.defaultOptions;\n        for (const name of supportedIntlDateTimeFormatOptionNames) {\n            if (this.options[name] !== resolvedTargetOptions[name]) {\n                return false;\n            }\n        }\n        return true;\n    }\n\n    private parseValue(value: Date | number | null | undefined): number | undefined {\n        if (value instanceof Date) {\n            return value.getTime();\n        }\n        if (typeof value === 'number') {\n            return value;\n        }\n        return undefined;\n    }\n\n    private resolveOptions(\n        options: SupportedIntlDateTimeFormatOptions | undefined\n    ): SupportedIntlDateTimeFormatOptions {\n        if (options === undefined) {\n            return DateTextFormatter.defaultOptions;\n        }\n        const supportedOptions: SupportedIntlDateTimeFormatOptions = {};\n        for (const name of supportedIntlDateTimeFormatOptionNames) {\n            this.resolveOption(supportedOptions, options, name);\n        }\n        return supportedOptions;\n    }\n\n    private resolveOption<\n        TKey extends keyof SupportedIntlDateTimeFormatOptions\n    >(\n        target: SupportedIntlDateTimeFormatOptions,\n        source: SupportedIntlDateTimeFormatOptions,\n        name: TKey\n    ): void {\n        if (source[name] !== undefined) {\n            target[name] = source[name];\n        }\n    }\n}\n"]}

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

@@ -21,3 +21,8 @@ export type DayPeriodFormat = Intl.DateTimeFormatOptions['dayPeriod'];
 export type DateStyle = Intl.DateTimeFormatOptions['dateStyle'];
 export type TimeStyle = Intl.DateTimeFormatOptions['timeStyle'];
 export type HourCycleFormat = Intl.DateTimeFormatOptions['hourCycle'];
+/**
+ * The `Intl.DateTimeFormatOptions` properties supported by the date-text column and `DateTextFormatter`.
+ */
+export declare const supportedIntlDateTimeFormatOptionNames: readonly ["localeMatcher", "weekday", "era", "year", "month", "day", "hour", "minute", "second", "dayPeriod", "timeZoneName", "formatMatcher", "hour12", "timeZone", "calendar", "numberingSystem", "dateStyle", "timeStyle", "hourCycle"];
+export type SupportedIntlDateTimeFormatOptions = Pick<Intl.DateTimeFormatOptions, (typeof supportedIntlDateTimeFormatOptionNames)[number]>;

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

@@ -5,4 +5,28 @@ export const DateTextFormat = {
     default: undefined,
     custom: 'custom'
 };
+/**
+ * The `Intl.DateTimeFormatOptions` properties supported by the date-text column and `DateTextFormatter`.
+ */
+export const supportedIntlDateTimeFormatOptionNames = [
+    'localeMatcher',
+    'weekday',
+    'era',
+    'year',
+    'month',
+    'day',
+    'hour',
+    'minute',
+    'second',
+    'dayPeriod',
+    'timeZoneName',
+    'formatMatcher',
+    'hour12',
+    'timeZone',
+    'calendar',
+    'numberingSystem',
+    'dateStyle',
+    'timeStyle',
+    'hourCycle'
+];
 //# sourceMappingURL=types.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/table-column/date-text/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG;IAC1B,OAAO,EAAE,SAAS;IAClB,MAAM,EAAE,QAAQ;CACV,CAAC","sourcesContent":["/**\n * Formatting scheme for the date-text table column\n */\nexport const DateTextFormat = {\n    default: undefined,\n    custom: 'custom'\n} as const;\nexport type DateTextFormat = (typeof DateTextFormat)[keyof typeof DateTextFormat];\n\nexport type LocaleMatcherAlgorithm = Intl.DateTimeFormatOptions['localeMatcher'];\nexport type WeekdayFormat = Intl.DateTimeFormatOptions['weekday'];\nexport type EraFormat = Intl.DateTimeFormatOptions['era'];\nexport type YearFormat = Intl.DateTimeFormatOptions['year'];\nexport type MonthFormat = Intl.DateTimeFormatOptions['month'];\nexport type DayFormat = Intl.DateTimeFormatOptions['day'];\nexport type HourFormat = Intl.DateTimeFormatOptions['hour'];\nexport type MinuteFormat = Intl.DateTimeFormatOptions['minute'];\nexport type SecondFormat = Intl.DateTimeFormatOptions['second'];\nexport type TimeZoneNameFormat = Intl.DateTimeFormatOptions['timeZoneName'];\nexport type FormatMatcherAlgorithm = Intl.DateTimeFormatOptions['formatMatcher'];\nexport type DayPeriodFormat = Intl.DateTimeFormatOptions['dayPeriod'];\nexport type DateStyle = Intl.DateTimeFormatOptions['dateStyle'];\nexport type TimeStyle = Intl.DateTimeFormatOptions['timeStyle'];\nexport type HourCycleFormat = Intl.DateTimeFormatOptions['hourCycle'];\n"]}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/table-column/date-text/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG;IAC1B,OAAO,EAAE,SAAS;IAClB,MAAM,EAAE,QAAQ;CACV,CAAC;AAmBX;;GAEG;AACH,MAAM,CAAC,MAAM,sCAAsC,GAAG;IAClD,eAAe;IACf,SAAS;IACT,KAAK;IACL,MAAM;IACN,OAAO;IACP,KAAK;IACL,MAAM;IACN,QAAQ;IACR,QAAQ;IACR,WAAW;IACX,cAAc;IACd,eAAe;IACf,QAAQ;IACR,UAAU;IACV,UAAU;IACV,iBAAiB;IACjB,WAAW;IACX,WAAW;IACX,WAAW;CACL,CAAC","sourcesContent":["/**\n * Formatting scheme for the date-text table column\n */\nexport const DateTextFormat = {\n    default: undefined,\n    custom: 'custom'\n} as const;\nexport type DateTextFormat = (typeof DateTextFormat)[keyof typeof DateTextFormat];\n\nexport type LocaleMatcherAlgorithm = Intl.DateTimeFormatOptions['localeMatcher'];\nexport type WeekdayFormat = Intl.DateTimeFormatOptions['weekday'];\nexport type EraFormat = Intl.DateTimeFormatOptions['era'];\nexport type YearFormat = Intl.DateTimeFormatOptions['year'];\nexport type MonthFormat = Intl.DateTimeFormatOptions['month'];\nexport type DayFormat = Intl.DateTimeFormatOptions['day'];\nexport type HourFormat = Intl.DateTimeFormatOptions['hour'];\nexport type MinuteFormat = Intl.DateTimeFormatOptions['minute'];\nexport type SecondFormat = Intl.DateTimeFormatOptions['second'];\nexport type TimeZoneNameFormat = Intl.DateTimeFormatOptions['timeZoneName'];\nexport type FormatMatcherAlgorithm = Intl.DateTimeFormatOptions['formatMatcher'];\nexport type DayPeriodFormat = Intl.DateTimeFormatOptions['dayPeriod'];\nexport type DateStyle = Intl.DateTimeFormatOptions['dateStyle'];\nexport type TimeStyle = Intl.DateTimeFormatOptions['timeStyle'];\nexport type HourCycleFormat = Intl.DateTimeFormatOptions['hourCycle'];\n\n/**\n * The `Intl.DateTimeFormatOptions` properties supported by the date-text column and `DateTextFormatter`.\n */\nexport const supportedIntlDateTimeFormatOptionNames = [\n    'localeMatcher',\n    'weekday',\n    'era',\n    'year',\n    'month',\n    'day',\n    'hour',\n    'minute',\n    'second',\n    'dayPeriod',\n    'timeZoneName',\n    'formatMatcher',\n    'hour12',\n    'timeZone',\n    'calendar',\n    'numberingSystem',\n    'dateStyle',\n    'timeStyle',\n    'hourCycle'\n] as const;\n\nexport type SupportedIntlDateTimeFormatOptions = Pick<\n    Intl.DateTimeFormatOptions,\n    (typeof supportedIntlDateTimeFormatOptionNames)[number]\n>;\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ni/nimble-components",
-  "version": "35.13.3",
+  "version": "35.14.1",
   "description": "Styled web components for the NI Nimble Design System",
   "scripts": {
     "build": "npm run build:icons && npm run build:workers && npm run build:components && npm run build:scss && npm run build:cem",
@@ -51,7 +51,7 @@
     "@ni/fast-foundation": "^10.3.0",
     "@ni/fast-web-utilities": "^10.1.0",
     "@ni/nimble-tokens": "^8.19.2",
-    "@ni/unit-format": "^1.0.7",
+    "@ni/unit-format": "^1.0.8",
     "@tanstack/table-core": "^8.19.3",
     "@tanstack/virtual-core": "^3.14.0",
     "@tiptap/core": "^3.27.1",
@@ -91,7 +91,7 @@
     "@custom-elements-manifest/to-markdown": "^0.1.0",
     "@ni-private/eslint-config-nimble": "*",
     "@ni-private/jasmine-extensions": "^0.0.1",
-    "@ni/jasmine-parameterized": "^1.0.12",
+    "@ni/jasmine-parameterized": "^1.0.13",
     "@rollup/plugin-commonjs": "^29.0.0",
     "@rollup/plugin-node-resolve": "^16.0.0",
     "@rollup/plugin-replace": "^6.0.0",

package/dist/esm/table-column/date-text/models/format-helper.d.ts

@@ -1,2 +0,0 @@
-import type { TableNumberFieldValue } from '../../../table/types';
-export declare function formatNumericDate(formatter: Intl.DateTimeFormat, date: TableNumberFieldValue): string;

package/dist/esm/table-column/date-text/models/format-helper.js

@@ -1,14 +0,0 @@
-export function formatNumericDate(formatter, date) {
-    if (typeof date === 'number') {
-        try {
-            return formatter.format(date);
-        }
-        catch (_e) {
-            return '';
-        }
-    }
-    else {
-        return '';
-    }
-}
-//# sourceMappingURL=format-helper.js.map

package/dist/esm/table-column/date-text/models/format-helper.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"format-helper.js","sourceRoot":"","sources":["../../../../../src/table-column/date-text/models/format-helper.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,iBAAiB,CAC7B,SAA8B,EAC9B,IAA2B;IAE3B,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE,CAAC;QAC3B,IAAI,CAAC;YACD,OAAO,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;QAClC,CAAC;QAAC,OAAO,EAAE,EAAE,CAAC;YACV,OAAO,EAAE,CAAC;QACd,CAAC;IACL,CAAC;SAAM,CAAC;QACJ,OAAO,EAAE,CAAC;IACd,CAAC;AACL,CAAC","sourcesContent":["import type { TableNumberFieldValue } from '../../../table/types';\n\nexport function formatNumericDate(\n    formatter: Intl.DateTimeFormat,\n    date: TableNumberFieldValue\n): string {\n    if (typeof date === 'number') {\n        try {\n            return formatter.format(date);\n        } catch (_e) {\n            return '';\n        }\n    } else {\n        return '';\n    }\n}\n"]}