@esri/calcite-components 5.1.0-next.53 → 5.1.0-next.54

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

@@ -17,6 +17,7 @@ class ListItemGroup extends LitElement {
     this.filterHidden = false;
     this.scale = "m";
     this.calciteInternalListItemGroupDefaultSlotChange = createEvent({ cancelable: false });
+    this.calciteInternalListItemGroupChange = createEvent({ cancelable: false });
   }
   static {
     this.properties = { disabled: [7, {}, { reflect: true, type: Boolean }], filterHidden: [7, {}, { reflect: true, type: Boolean }], heading: [3, {}, { reflect: true }], scale: [3, {}, { reflect: true }] };
@@ -24,6 +25,11 @@ class ListItemGroup extends LitElement {
   static {
     this.styles = styles;
   }
+  willUpdate(changes) {
+    if (changes.has("heading")) {
+      this.calciteInternalListItemGroupChange.emit();
+    }
+  }
   handleDefaultSlotChange() {
     this.calciteInternalListItemGroupDefaultSlotChange.emit();
   }

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

@@ -38,6 +38,7 @@ class Navigation extends LitElement {
     this.mutationObserver = createObserver("mutation", () => {
       this.updateNavigationLogo();
       this.updateNavigationUser();
+      this.updateNestedNavigation();
     });
     this.navigationAction = false;
     this.scale = "m";
@@ -57,11 +58,13 @@ class Navigation extends LitElement {
     this.mutationObserver?.observe(this.el, { childList: true });
     this.updateNavigationLogo();
     this.updateNavigationUser();
+    this.updateNestedNavigation();
   }
   updated(changes) {
-    if (changes.has("scale") || changes.has("logoSlotHasElements") || changes.has("userSlotHasElements")) {
+    if (changes.has("scale") || changes.has("logoSlotHasElements") || changes.has("userSlotHasElements") || changes.has("secondarySlotHasElements") || changes.has("tertiarySlotHasElements")) {
       this.updateNavigationLogo();
       this.updateNavigationUser();
+      this.updateNestedNavigation();
     }
   }
   disconnectedCallback() {
@@ -135,6 +138,17 @@ class Navigation extends LitElement {
       item.scale = this.scale;
     });
   }
+  updateNestedNavigation() {
+    const nestedNavigation = [
+      ...this.getOwnedNavigationElements(SLOTS.navSecondary, "calcite-navigation"),
+      ...this.getOwnedNavigationElements(SLOTS.navTertiary, "calcite-navigation")
+    ];
+    nestedNavigation.forEach((item) => {
+      if (item !== this.el) {
+        item.scale = this.scale;
+      }
+    });
+  }
   renderMenuAction() {
     return html`<slot name=${SLOTS.navigationAction} @slotchange=${this.handleMenuActionSlotChange}>${this.navigationAction && html`<calcite-action .icon=${ICONS.hamburger} @click=${this.actionClickHandler} .text=${this.label} ${ref(this.navigationActionRef)}></calcite-action>` || ""}</slot>`;
   }