@esri/calcite-components 5.2.0-next.63 → 5.2.0-next.65

package/dist/components/calcite-radio-button-group/customElement.js

@@ -21,8 +21,9 @@ class RadioButtonGroup extends LitElement {
     this.messages = useT9n();
     this.mutationObserver = createObserver("mutation", () => this.passPropsToRadioButtons());
     this.focusSetter = useSetFocus()(this);
+    this._disabled = false;
+    this.disabledWasSet = false;
     this.radioButtons = [];
-    this.disabled = false;
     this.layout = "horizontal";
     this.required = false;
     this.scale = "m";
@@ -43,12 +44,20 @@ class RadioButtonGroup extends LitElement {
   static {
     this.styles = styles;
   }
+  get disabled() {
+    return this._disabled;
+  }
+  set disabled(value) {
+    this._disabled = value;
+    this.disabledWasSet = true;
+  }
   async setFocus(options) {
-    return this.focusSetter(() => this.selectedItem && !this.selectedItem.disabled ? this.selectedItem : this.getFocusableRadioButton(), options);
+    return this.focusSetter(() => {
+      return this.selectedItem && !this.selectedItem.disabled ? this.selectedItem : this.getFocusableRadioButton();
+    }, options);
   }
   connectedCallback() {
     super.connectedCallback();
-    this.passPropsToRadioButtons();
     this.mutationObserver?.observe(this.el, { childList: true, subtree: true });
   }
   willUpdate(changes) {
@@ -74,17 +83,15 @@ class RadioButtonGroup extends LitElement {
   passPropsToRadioButtons() {
     this.radioButtons = Array.from(this.el.querySelectorAll("calcite-radio-button"));
     this.selectedItem = Array.from(this.radioButtons).reverse().find((radioButton) => radioButton.checked) ?? null;
-    if (this.radioButtons.length > 0) {
-      this.radioButtons.forEach((radioButton) => {
-        if (this.hasUpdated) {
-          radioButton.disabled = this.disabled || radioButton.disabled;
-        }
-        radioButton.name = this.name;
-        radioButton.required = this.required;
-        radioButton.scale = this.scale;
-        radioButton.status = this.status;
-      });
-    }
+    this.radioButtons.forEach((radioButton) => {
+      if (this.disabledWasSet) {
+        radioButton.disabled = this.disabled;
+      }
+      radioButton.name = this.name;
+      radioButton.required = this.required;
+      radioButton.scale = this.scale;
+      radioButton.status = this.status;
+    });
   }
   getFocusableRadioButton() {
     return this.radioButtons.find((radiobutton) => !radiobutton.disabled);

package/dist/components/calcite-swatch-group/customElement.js

@@ -38,7 +38,7 @@ class SwatchGroup extends LitElement {
     return this.focusSetter(() => this.el, options);
   }
   willUpdate(changes) {
-    if (changes.has("selectionMode") && (this.hasUpdated || this.selectionMode !== "none")) {
+    if ((changes.has("scale") || changes.has("selectionMode")) && (this.hasUpdated || this.selectionMode !== "none")) {
       this.updateItems();
     }
   }