@ni/nimble-components 19.8.3 → 19.8.4

package/dist/all-components-bundle.js

@@ -16288,7 +16288,7 @@
 
   /**
    * Do not edit directly
-   * Generated on Thu, 20 Jul 2023 02:55:33 GMT
+   * Generated on Thu, 20 Jul 2023 16:03:51 GMT
    */
 
   const Information100DarkUi = "#a46eff";
@@ -32452,10 +32452,6 @@
         overflow: hidden;
         text-overflow: ellipsis;
     }
-
-    .placeholder {
-        color: ${controlLabelFontColor};
-    }
 `;
 
   /* eslint-disable @typescript-eslint/indent */
@@ -32483,17 +32479,16 @@
                 download="${x => x.columnConfig.download}"
                 underline-hidden="${x => x.columnConfig.underlineHidden}"
                 appearance="${x => x.columnConfig.appearance}"
-                title=${x => (x.hasOverflow && x.content ? x.content : null)}
+                title=${x => (x.hasOverflow ? x.text : null)}
             >
-                ${x => x.content}
+                ${x => x.text}
             </${anchorTag}>`)}
         ${when(x => typeof x.cellRecord.href !== 'string', html `
             <span
                 ${overflow('hasOverflow')}
-                class="${x => (typeof x.cellRecord.label === 'string' ? '' : 'placeholder')}"
-                title=${x => (x.hasOverflow && x.content ? x.content : null)}
+                title=${x => (x.hasOverflow ? x.text : null)}
             >
-                ${x => x.content}
+                ${x => x.text}
             </span>`)}
     </template>
 `;
@@ -32507,14 +32502,14 @@
           /** @internal */
           this.hasOverflow = false;
       }
-      get content() {
+      get text() {
           if (typeof this.cellRecord.label === 'string') {
               return this.cellRecord.label;
           }
           if (typeof this.cellRecord.href === 'string') {
               return this.cellRecord.href;
           }
-          return this.columnConfig.placeholder;
+          return '';
       }
       focusedRecycleCallback() {
           this.anchor?.blur();
@@ -32525,7 +32520,7 @@
   ], TableColumnAnchorCellView.prototype, "hasOverflow", void 0);
   __decorate$1([
       volatile
-  ], TableColumnAnchorCellView.prototype, "content", null);
+  ], TableColumnAnchorCellView.prototype, "text", null);
   const anchorCellView = TableColumnAnchorCellView.compose({
       baseName: 'table-column-anchor-cell-view',
       template: template$7,
@@ -32543,20 +32538,9 @@
           /** @internal */
           this.hasOverflow = false;
           /**
-           * Text to render in the cell when it contains a valid value (i.e. when shouldUsePlaceholder is false).
+           * Text to render in the cell.
            */
           this.text = '';
-          /**
-           * Text to render in the cell when it contains an invalid value (i.e. when shouldUsePlaceholder is true).
-           */
-          this.placeholder = '';
-          /**
-           * Returns whether to display the placeholder value or the text value
-           */
-          this.shouldUsePlaceholder = true;
-      }
-      get content() {
-          return this.shouldUsePlaceholder ? this.placeholder : this.text;
       }
   }
   __decorate$1([
@@ -32565,23 +32549,13 @@
   __decorate$1([
       observable
   ], TableColumnTextGroupHeaderViewBase.prototype, "text", void 0);
-  __decorate$1([
-      observable
-  ], TableColumnTextGroupHeaderViewBase.prototype, "placeholder", void 0);
-  __decorate$1([
-      observable
-  ], TableColumnTextGroupHeaderViewBase.prototype, "shouldUsePlaceholder", void 0);
-  __decorate$1([
-      volatile
-  ], TableColumnTextGroupHeaderViewBase.prototype, "content", null);
 
   const template$6 = html `
     <span
         ${overflow('hasOverflow')}
-        class="${x => (x.shouldUsePlaceholder ? 'placeholder' : '')}"
-        title="${x => (x.hasOverflow && x.content ? x.content : undefined)}"
+        title="${x => (x.hasOverflow && x.text ? x.text : null)}"
     >
-        ${x => x.content}
+        ${x => x.text}
     </span>
 `;
 
@@ -32593,28 +32567,16 @@
         overflow: hidden;
         text-overflow: ellipsis;
     }
-
-    .placeholder {
-        color: ${controlLabelFontColor};
-    }
 `;
 
   /**
    * The group header view for displaying string fields as text.
    */
   class TableColumnTextGroupHeaderView extends TableColumnTextGroupHeaderViewBase {
-      columnConfigChanged() {
-          this.placeholder = this.columnConfig?.placeholder ?? '';
-      }
       groupHeaderValueChanged() {
-          if (typeof this.groupHeaderValue === 'string') {
-              this.text = this.groupHeaderValue;
-              this.shouldUsePlaceholder = false;
-          }
-          else {
-              this.text = '';
-              this.shouldUsePlaceholder = true;
-          }
+          this.text = typeof this.groupHeaderValue === 'string'
+              ? this.groupHeaderValue
+              : '';
       }
   }
   const tableColumnTextGroupHeaderView = TableColumnTextGroupHeaderView.compose({
@@ -32657,9 +32619,6 @@
               this.hrefFieldName
           ];
       }
-      placeholderChanged() {
-          this.updateColumnConfig();
-      }
       appearanceChanged() {
           this.updateColumnConfig();
       }
@@ -32689,7 +32648,6 @@
       }
       updateColumnConfig() {
           this.columnInternals.columnConfig = {
-              placeholder: this.placeholder ?? '',
               appearance: this.appearance,
               underlineHidden: this.underlineHidden,
               hreflang: this.hreflang,
@@ -32708,9 +32666,6 @@
   __decorate$1([
       attr({ attribute: 'href-field-name' })
   ], TableColumnAnchor.prototype, "hrefFieldName", void 0);
-  __decorate$1([
-      attr
-  ], TableColumnAnchor.prototype, "placeholder", void 0);
   __decorate$1([
       attr
   ], TableColumnAnchor.prototype, "appearance", void 0);
@@ -32751,31 +32706,22 @@
   /**
    * The base class for table columns that display fields of any type as text.
    */
-  class TableColumnTextBase extends mixinGroupableColumnAPI(mixinFractionalWidthColumnAPI((TableColumn))) {
+  class TableColumnTextBase extends mixinGroupableColumnAPI(mixinFractionalWidthColumnAPI(TableColumn)) {
       fieldNameChanged() {
           this.columnInternals.dataRecordFieldNames = [this.fieldName];
           this.columnInternals.operandDataRecordFieldName = this.fieldName;
       }
-      placeholderChanged() {
-          this.columnInternals.columnConfig = {
-              placeholder: this.placeholder ?? ''
-          };
-      }
   }
   __decorate$1([
       attr({ attribute: 'field-name' })
   ], TableColumnTextBase.prototype, "fieldName", void 0);
-  __decorate$1([
-      attr
-  ], TableColumnTextBase.prototype, "placeholder", void 0);
 
   const template$5 = html `
     <span
         ${overflow('hasOverflow')}
-        class="${x => (x.shouldUsePlaceholder ? 'placeholder' : '')}"
-        title=${x => (x.hasOverflow && x.content ? x.content : null)}
+        title=${x => (x.hasOverflow && x.text ? x.text : null)}
     >
-        ${x => x.content}
+        ${x => x.text}
     </span>
 `;
 
@@ -32787,10 +32733,6 @@
         overflow: hidden;
         text-overflow: ellipsis;
     }
-
-    .placeholder {
-        color: ${controlLabelFontColor};
-    }
 `;
 
   /**
@@ -32802,20 +32744,9 @@
           /** @internal */
           this.hasOverflow = false;
           /**
-           * Text to render in the cell when it contains a valid value (i.e. when shouldUsePlaceholder is false).
+           * Text to render in the cell.
            */
           this.text = '';
-          /**
-           * Text to render in the cell when it contains an invalid value (i.e. when shouldUsePlaceholder is true).
-           */
-          this.placeholder = '';
-          /**
-           * Returns whether to display the placeholder value or the text value
-           */
-          this.shouldUsePlaceholder = true;
-      }
-      get content() {
-          return this.shouldUsePlaceholder ? this.placeholder : this.text;
       }
   }
   __decorate$1([
@@ -32824,32 +32755,15 @@
   __decorate$1([
       observable
   ], TableColumnTextCellViewBase.prototype, "text", void 0);
-  __decorate$1([
-      observable
-  ], TableColumnTextCellViewBase.prototype, "placeholder", void 0);
-  __decorate$1([
-      observable
-  ], TableColumnTextCellViewBase.prototype, "shouldUsePlaceholder", void 0);
-  __decorate$1([
-      volatile
-  ], TableColumnTextCellViewBase.prototype, "content", null);
 
   /**
    * A cell view for displaying string fields as text
    */
   class TableColumnTextCellView extends TableColumnTextCellViewBase {
-      columnConfigChanged() {
-          this.placeholder = this.columnConfig.placeholder;
-      }
       cellRecordChanged() {
-          if (typeof this.cellRecord.value === 'string') {
-              this.text = this.cellRecord.value;
-              this.shouldUsePlaceholder = false;
-          }
-          else {
-              this.text = '';
-              this.shouldUsePlaceholder = true;
-          }
+          this.text = typeof this.cellRecord.value === 'string'
+              ? this.cellRecord.value
+              : '';
       }
   }
   const textCellView = TableColumnTextCellView.compose({