@esri/calcite-components 5.1.0-next.35 → 5.1.0-next.37

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

@@ -18,6 +18,7 @@ class CardGroup extends LitElement {
     this.focusSetter = useSetFocus()(this);
     this.interactiveContainer = useInteractive(this);
     this.disabled = false;
+    this.scale = "m";
     this.selectedItems = [];
     this.selectionMode = "none";
     this.calciteCardGroupSelect = createEvent({ cancelable: false });
@@ -25,7 +26,7 @@ class CardGroup extends LitElement {
     this.listen("calciteCardSelect", this.calciteCardSelectListener);
   }
   static {
-    this.properties = { disabled: [7, {}, { reflect: true, type: Boolean }], label: 1, selectedItems: [0, {}, { attribute: false }], selectionMode: [3, {}, { reflect: true }] };
+    this.properties = { disabled: [7, {}, { reflect: true, type: Boolean }], label: 1, scale: [3, {}, { reflect: true }], selectedItems: [0, {}, { attribute: false }], selectionMode: [3, {}, { reflect: true }] };
   }
   static {
     this.styles = styles;
@@ -37,6 +38,9 @@ class CardGroup extends LitElement {
     if (changes.has("selectionMode") && this.hasUpdated) {
       this.updateItemsOnSelectionModeChange();
     }
+    if (changes.has("scale") && (this.hasUpdated || this.scale !== "m")) {
+      this.updateItemsScale();
+    }
   }
   loaded() {
     this.updateSelectedItems();
@@ -72,10 +76,16 @@ class CardGroup extends LitElement {
   updateItemsOnSlotChange(event) {
     this.updateSlottedItems(event.target);
     this.updateSelectedItems();
+    this.updateItemsScale();
   }
   updateSlottedItems(target) {
     this.items = target?.assignedElements({ flatten: true }).filter((el) => el?.matches("calcite-card")) || [];
   }
+  updateItemsScale() {
+    this.items.forEach((el) => {
+      el.scale = this.scale;
+    });
+  }
   updateSelectedItems() {
     this.items.forEach((el) => {
       el.selectionMode = this.selectionMode;

package/dist/components/calcite-list/customElement.js

@@ -336,10 +336,7 @@ class List extends LitElement {
   }
   setUpSorting() {
     const { dragEnabled, defaultSlotEl } = this;
-    if (!dragEnabled) {
-      return;
-    }
-    if (defaultSlotEl) {
+    if (dragEnabled && defaultSlotEl) {
       updateListItemChildren(defaultSlotEl);
     }
     this.sortable.reset();