@ni/spright-components 4.1.5 → 4.1.6

package/dist/all-components-bundle.js

@@ -60601,6 +60601,9 @@ img.ProseMirror-separator {
           this.availableViewportHeight = 0;
           this._value = '';
           this.forcedPosition = false;
+          this.selectedOptionObserver = new MutationObserver(() => {
+              this.updateDisplayValue();
+          });
       }
       /**
        * The component is collapsible when in single-selection mode with no size attribute.
@@ -60626,6 +60629,11 @@ img.ProseMirror-separator {
           if (this.open) {
               this.initializeOpenState();
           }
+          this.observeSelectedOptionTextContent();
+      }
+      disconnectedCallback() {
+          super.disconnectedCallback();
+          this.selectedOptionObserver?.disconnect();
       }
       get value() {
           Observable.track(this, 'value');
@@ -61474,6 +61482,7 @@ img.ProseMirror-separator {
       updateValue(shouldEmit) {
           if (this.$fastController.isConnected) {
               this.value = this.firstSelectedOption?.value ?? '';
+              this.observeSelectedOptionTextContent();
           }
           if (shouldEmit) {
               this.$emit('input');
@@ -61524,6 +61533,20 @@ img.ProseMirror-separator {
           this.setPositioning();
           this.focusAndScrollOptionIntoView();
       }
+      observeSelectedOptionTextContent() {
+          this.selectedOptionObserver?.disconnect();
+          if (this.selectedIndex === -1) {
+              return;
+          }
+          const selectedOption = this.firstSelectedOption;
+          if (selectedOption) {
+              this.selectedOptionObserver?.observe(selectedOption, {
+                  characterData: true,
+                  subtree: true,
+                  childList: true
+              });
+          }
+      }
   }
   __decorate$1([
       attr