@ni/nimble-components 18.4.1 → 18.5.1

package/dist/all-components-bundle.js

@@ -19174,7 +19174,11 @@
          * @internal
          */
         openChanged() {
-            this.$emit('toggle', { oldState: !this.open, newState: this.open });
+            const eventDetail = {
+                newState: this.open,
+                oldState: !this.open
+            };
+            this.$emit('toggle', eventDetail);
         }
         /**
          * @internal
@@ -26867,6 +26871,19 @@
      * The base class for table columns
      */
     class TableColumn extends FoundationElement {
+        constructor() {
+            super(...arguments);
+            /**
+             * @internal
+             *
+             * The names of the fields from the row's record that correlate to the data that will be in TCellRecord.
+             * This array is parallel with the field names specified by `cellRecordFieldNames`.
+             */
+            this.dataRecordFieldNames = [];
+        }
+        /**
+         * @internal
+         */
         connectedCallback() {
             super.connectedCallback();
             this.setAttribute('slot', uniqueId('table-column-slot'));
@@ -26881,6 +26898,12 @@
     __decorate$1([
         attr({ attribute: 'action-menu-label' })
     ], TableColumn.prototype, "actionMenuLabel", void 0);
+    __decorate$1([
+        observable
+    ], TableColumn.prototype, "dataRecordFieldNames", void 0);
+    __decorate$1([
+        observable
+    ], TableColumn.prototype, "columnConfig", void 0);
 
     /**
      * Helper class for the nimble-table to validate that the table's configuration
@@ -27253,7 +27276,7 @@
         }
         get columnStates() {
             return this.columns.map(column => {
-                const fieldNames = column.getDataRecordFieldNames();
+                const fieldNames = column.dataRecordFieldNames;
                 let cellState;
                 if (this.hasValidFieldNames(fieldNames) && this.dataRecord) {
                     const cellDataValues = fieldNames.map(field => this.dataRecord[field]);
@@ -27261,7 +27284,7 @@
                         k,
                         cellDataValues[i]
                     ]));
-                    const columnConfig = column.getColumnConfig?.() ?? {};
+                    const columnConfig = column.columnConfig ?? {};
                     cellState = {
                         cellRecord,
                         columnConfig
@@ -28345,11 +28368,11 @@
             this.cellStyles = cellStyles;
             this.cellTemplate = cellTemplate;
         }
-        getColumnConfig() {
-            return { placeholder: this.placeholder ?? '' };
+        fieldNameChanged() {
+            this.dataRecordFieldNames = [this.fieldName];
         }
-        getDataRecordFieldNames() {
-            return [this.fieldName];
+        placeholderChanged() {
+            this.columnConfig = { placeholder: this.placeholder ?? '' };
         }
     }
     __decorate$1([