@ni/nimble-components 21.10.1 → 22.0.0

package/dist/all-components-bundle.js

@@ -16301,7 +16301,7 @@
 
   /**
    * Do not edit directly
-   * Generated on Tue, 12 Mar 2024 20:45:49 GMT
+   * Generated on Wed, 13 Mar 2024 22:51:24 GMT
    */
 
   const Information100DarkUi = "#a46eff";
@@ -19772,9 +19772,9 @@
       popupDismissLabel: 'Close',
       numericIncrementLabel: 'Increment',
       numericDecrementLabel: 'Decrement',
-      errorIconLabel: 'Error',
-      warningIconLabel: 'Warning',
-      informationIconLabel: 'Information',
+      popupIconErrorLabel: 'Error',
+      popupIconWarningLabel: 'Warning',
+      popupIconInformationLabel: 'Information',
       filterSearchLabel: 'Search',
       filterNoResultsLabel: 'No items found'
   };
@@ -19791,18 +19791,18 @@
       name: 'numeric-increment-label',
       cssCustomPropertyName: null
   }).withDefault(coreLabelDefaults.numericIncrementLabel);
-  const errorIconLabel = DesignToken.create({
-      name: 'error-icon-label',
+  const popupIconErrorLabel = DesignToken.create({
+      name: 'popup-icon-error-label',
       cssCustomPropertyName: null
-  }).withDefault(coreLabelDefaults.errorIconLabel);
-  const warningIconLabel = DesignToken.create({
-      name: 'warning-icon-label',
+  }).withDefault(coreLabelDefaults.popupIconErrorLabel);
+  const popupIconWarningLabel = DesignToken.create({
+      name: 'popup-icon-warning-label',
       cssCustomPropertyName: null
-  }).withDefault(coreLabelDefaults.warningIconLabel);
-  const informationIconLabel = DesignToken.create({
-      name: 'information-icon-label',
+  }).withDefault(coreLabelDefaults.popupIconWarningLabel);
+  const popupIconInformationLabel = DesignToken.create({
+      name: 'popup-icon-information-label',
       cssCustomPropertyName: null
-  }).withDefault(coreLabelDefaults.informationIconLabel);
+  }).withDefault(coreLabelDefaults.popupIconInformationLabel);
   const filterSearchLabel = DesignToken.create({
       name: 'filter-search-label',
       cssCustomPropertyName: null
@@ -19839,13 +19839,13 @@
     >
         <div class="icon">
             ${when(x => x.severity === BannerSeverity.error, html `
-                <${iconExclamationMarkTag} role="img" aria-label="${x => errorIconLabel.getValueFor(x)}"></${iconExclamationMarkTag}>
+                <${iconExclamationMarkTag} role="img" aria-label="${x => popupIconErrorLabel.getValueFor(x)}"></${iconExclamationMarkTag}>
             `)}
             ${when(x => x.severity === BannerSeverity.warning, html `
-                <${iconTriangleFilledTag} role="img" aria-label="${x => warningIconLabel.getValueFor(x)}"></${iconTriangleFilledTag}>
+                <${iconTriangleFilledTag} role="img" aria-label="${x => popupIconWarningLabel.getValueFor(x)}"></${iconTriangleFilledTag}>
             `)}
             ${when(x => x.severity === BannerSeverity.information, html `
-                <${iconInfoTag} role="img" aria-label="${x => informationIconLabel.getValueFor(x)}"></${iconInfoTag}>
+                <${iconInfoTag} role="img" aria-label="${x => popupIconInformationLabel.getValueFor(x)}"></${iconInfoTag}>
             `)}
         </div>
         <div class="text">
@@ -21191,6 +21191,21 @@
           this.emitChangeIfValueUpdated();
           return returnValue;
       }
+      /**
+       * @internal
+       */
+      registerOption(option) {
+          if (this.options.includes(option)) {
+              return;
+          }
+          // Adding an option to the end, ultimately, isn't the correct
+          // thing to do, as this will mean the option's index in the options,
+          // at least temporarily, does not match the DOM order. However, it
+          // is expected that a successive run of `slottedOptionsChanged` will
+          // correct this order issue. See 'https://github.com/ni/nimble/issues/1915'
+          // for more info.
+          this.options.push(option);
+      }
       focusAndScrollOptionIntoView() {
           if (this.open) {
               super.focusAndScrollOptionIntoView();
@@ -24106,9 +24121,9 @@
       popupDismiss: popupDismissLabel,
       numericDecrement: numericDecrementLabel,
       numericIncrement: numericIncrementLabel,
-      errorIcon: errorIconLabel,
-      warningIcon: warningIconLabel,
-      informationIcon: informationIconLabel,
+      popupIconError: popupIconErrorLabel,
+      popupIconWarning: popupIconWarningLabel,
+      popupIconInformation: popupIconInformationLabel,
       filterSearch: filterSearchLabel,
       filterNoResults: filterNoResultsLabel
   };
@@ -24131,14 +24146,14 @@
       attr({ attribute: 'numeric-increment' })
   ], LabelProviderCore.prototype, "numericIncrement", void 0);
   __decorate$1([
-      attr({ attribute: 'error-icon' })
-  ], LabelProviderCore.prototype, "errorIcon", void 0);
+      attr({ attribute: 'popup-icon-error' })
+  ], LabelProviderCore.prototype, "popupIconError", void 0);
   __decorate$1([
-      attr({ attribute: 'warning-icon' })
-  ], LabelProviderCore.prototype, "warningIcon", void 0);
+      attr({ attribute: 'popup-icon-warning' })
+  ], LabelProviderCore.prototype, "popupIconWarning", void 0);
   __decorate$1([
-      attr({ attribute: 'information-icon' })
-  ], LabelProviderCore.prototype, "informationIcon", void 0);
+      attr({ attribute: 'popup-icon-information' })
+  ], LabelProviderCore.prototype, "popupIconInformation", void 0);
   __decorate$1([
       attr({ attribute: 'filter-search' })
   ], LabelProviderCore.prototype, "filterSearch", void 0);
@@ -24435,6 +24450,18 @@
               .map(node => node.textContent?.trim())
               .join(' ');
       }
+      connectedCallback() {
+          super.connectedCallback();
+          if (this.isListOptionOwner(this.parentElement)) {
+              this.parentElement.registerOption(this);
+          }
+      }
+      isListOptionOwner(parent) {
+          if (!parent) {
+              return false;
+          }
+          return typeof parent.registerOption === 'function';
+      }
   }
   __decorate$1([
       attr({ mode: 'boolean' })
@@ -58600,6 +58627,21 @@ img.ProseMirror-separator {
               }
           }
       }
+      /**
+       * @internal
+       */
+      registerOption(option) {
+          if (this.options.includes(option)) {
+              return;
+          }
+          // Adding an option to the end, ultimately, isn't the correct
+          // thing to do, as this will mean the option's index in the options,
+          // at least temporarily, does not match the DOM order. However, it
+          // is expected that a successive run of `slottedOptionsChanged` will
+          // correct this order issue. See 'https://github.com/ni/nimble/issues/1915'
+          // for more info.
+          this.options.push(option);
+      }
       // Prevents parent classes from resetting selectedIndex to a positive
       // value while filtering, which can result in a disabled option being
       // selected.