@ni/nimble-components 19.2.3 → 19.3.0

package/dist/all-components-bundle.js

@@ -16232,7 +16232,7 @@
 
     /**
      * Do not edit directly
-     * Generated on Tue, 13 Jun 2023 14:32:32 GMT
+     * Generated on Fri, 16 Jun 2023 19:05:18 GMT
      */
     const Information100DarkUi = "#a46eff";
     const Information100LightUi = "#804ad9";
@@ -28176,6 +28176,8 @@
             this.columnHidden = false;
             this.sortDirection = TableColumnSortDirection.none;
             this.sortingDisabled = false;
+            /** @internal */
+            this.isValidContentAndHasOverflow = false;
         }
         checkValidity() {
             return this.columnInternals.validConfiguration;
@@ -28183,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;
@@ -28225,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
@@ -31273,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>
 `;