@ni/spright-components 4.1.19 → 4.1.21

package/dist/all-components-bundle.js

@@ -8602,18 +8602,20 @@
        * @internal
        */
       clickHandler(e) {
-          if (this.disabled) {
+          const captured = e.target.closest(`option,[role=option]`);
+          if (this.disabled || (captured === null || captured === void 0 ? void 0 : captured.disabled)) {
               return;
           }
           if (this.open) {
-              const captured = e.target.closest(`option,[role=option]`);
-              if (!captured || captured.disabled) {
+              if (e.composedPath()[0] === this.control) {
                   return;
               }
-              this.selectedOptions = [captured];
-              this.control.value = captured.text;
-              this.clearSelectionRange();
-              this.updateValue(true);
+              if (captured) {
+                  this.selectedOptions = [captured];
+                  this.control.value = captured.text;
+                  this.clearSelectionRange();
+                  this.updateValue(true);
+              }
           }
           this.open = !this.open;
           if (this.open) {
@@ -9442,7 +9444,12 @@
        * @internal
        */
       handleChange() {
-          this.node.store.set(this.token, this.observer.observe(this.node.target, defaultExecutionContext));
+          try {
+              this.node.store.set(this.token, this.observer.observe(this.node.target, defaultExecutionContext));
+          }
+          catch (e) {
+              console.error(e);
+          }
       }
   }
   /**
@@ -9464,6 +9471,7 @@
       }
       delete(token) {
           this.values.delete(token);
+          Observable.getNotifier(this).notify(token.id);
       }
       all() {
           return this.values.entries();
@@ -9689,6 +9697,9 @@
               const parent = childToParent.get(this);
               parent.removeChild(this);
           }
+          for (const token of this.bindingObservers.keys()) {
+              this.tearDownBindingObserver(token);
+          }
       }
       /**
        * Appends a child to a parent DesignTokenNode.
@@ -9706,6 +9717,8 @@
           // How can we not notify *every* subscriber?
           for (const [token, value] of this.store.all()) {
               child.hydrate(token, this.bindingObservers.has(token) ? this.getRaw(token) : value);
+              // Need to stop reflecting any tokens that can now be inherited
+              child.updateCSSTokenReflection(child.store, token);
           }
       }
       /**
@@ -9718,7 +9731,16 @@
               this.children.splice(childIndex, 1);
           }
           Observable.getNotifier(this.store).unsubscribe(child);
-          return child.parent === this ? childToParent.delete(child) : false;
+          if (child.parent !== this) {
+              return false;
+          }
+          const deleted = childToParent.delete(child);
+          for (const [token] of this.store.all()) {
+              child.hydrate(token, child.getRaw(token));
+              // Need to start reflecting any assigned values that were previously inherited
+              child.updateCSSTokenReflection(child.store, token);
+          }
+          return deleted;
       }
       /**
        * Tests whether a provided node is contained by