@ni/nimble-components 19.2.2 → 19.3.0

package/dist/all-components-bundle.js

@@ -16232,7 +16232,7 @@
 
     /**
      * Do not edit directly
-     * Generated on Mon, 12 Jun 2023 21:19:37 GMT
+     * Generated on Fri, 16 Jun 2023 19:05:18 GMT
      */
     const Information100DarkUi = "#a46eff";
     const Information100LightUi = "#804ad9";
@@ -20541,16 +20541,14 @@
         // See: https://github.com/microsoft/fast/issues/6749
         set value(next) {
             super.value = next;
-            if (!this.valueUpdatedByInput) {
-                // Workaround using index notation to manipulate private member
-                // Can remove when following resolved: https://github.com/microsoft/fast/issues/6749
-                // eslint-disable-next-line @typescript-eslint/dot-notation
-                this['filter'] = '';
-                this.filterOptions();
-                this.selectedIndex = this.options
-                    .map(option => option.text)
-                    .indexOf(this.value);
-            }
+            // Workaround using index notation to manipulate private member
+            // Can remove when following resolved: https://github.com/microsoft/fast/issues/6749
+            // eslint-disable-next-line @typescript-eslint/dot-notation
+            this['filter'] = next;
+            this.filterOptions();
+            this.selectedIndex = this.options
+                .map(option => option.text)
+                .indexOf(this.value);
         }
         // Workaround for https://github.com/microsoft/fast/issues/5123
         setPositioning() {
@@ -28178,6 +28176,8 @@
             this.columnHidden = false;
             this.sortDirection = TableColumnSortDirection.none;
             this.sortingDisabled = false;
+            /** @internal */
+            this.isValidContentAndHasOverflow = false;
         }
         checkValidity() {
             return this.columnInternals.validConfiguration;
@@ -28185,6 +28185,13 @@
         get validity() {
             return {};
         }
+        /** @internal */
+        get headerTextContent() {
+            return this.contentSlot
+                .assignedNodes()
+                .map(node => node.textContent?.trim())
+                .join(' ');
+        }
         sortDirectionChanged() {
             if (!this.sortingDisabled) {
                 this.columnInternals.currentSortDirection = this.sortDirection;
@@ -28227,6 +28234,9 @@
     __decorate$1([
         attr({ attribute: 'sorting-disabled', mode: 'boolean' })
     ], TableColumn.prototype, "sortingDisabled", void 0);
+    __decorate$1([
+        observable
+    ], TableColumn.prototype, "isValidContentAndHasOverflow", void 0);
 
     /**
      * Helper class for the nimble-table to validate that the table's configuration
@@ -31275,10 +31285,22 @@
     }
 `;
 
+    // prettier-ignore
     const template$8 = html `
     <template slot="${x => x.columnInternals.uniqueId}">
-        <span class="header-content">
-            <slot></slot>
+        <span
+            ${ref('headerSpan')}
+            class="header-content"
+            @mouseover="${x => {
+    x.isValidContentAndHasOverflow = !!x.headerTextContent
+        && x.headerSpan.offsetWidth < x.headerSpan.scrollWidth;
+}}"
+            @mouseout="${x => {
+    x.isValidContentAndHasOverflow = false;
+}}"
+            title=${x => (x.isValidContentAndHasOverflow ? x.headerTextContent : null)}
+        >
+            <slot ${ref('contentSlot')}></slot>
         </span>
     </template>
 `;