@esri/calcite-components 1.7.0-next.1 → 1.7.0-next.11

package/dist/cjs/calcite-text-area.cjs.entry.js

@@ -1,26 +1,26 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.7.0-next.1
+ * v1.7.0-next.11
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-142998d3.js');
-const form = require('./form-509b1671.js');
-const label = require('./label-39f9c585.js');
-const dom = require('./dom-7487acd7.js');
-const locale = require('./locale-99d6b752.js');
-const observers = require('./observers-f62a2e0a.js');
-const loadable = require('./loadable-cb368fce.js');
-const t9n = require('./t9n-42d79fa0.js');
-const interactive = require('./interactive-3295de88.js');
-const guid = require('./guid-bc4ef7e8.js');
-const throttle = require('./throttle-792f064c.js');
-require('./resources-932fa5dc.js');
-require('./key-dc499418.js');
-require('./debounce-7d77cb87.js');
+const index = require('./index-35c40ad8.js');
+const form = require('./form-bac3d43f.js');
+const label = require('./label-b9036973.js');
+const dom = require('./dom-585553d3.js');
+const locale = require('./locale-b814f3ae.js');
+const observers = require('./observers-8f18d25d.js');
+const loadable = require('./loadable-c43556a9.js');
+const t9n = require('./t9n-c43a36c3.js');
+const interactive = require('./interactive-22675a1d.js');
+const guid = require('./guid-2b65834e.js');
+const throttle = require('./throttle-a69e9999.js');
+require('./resources-90de1a6e.js');
+require('./key-8ce2997b.js');
+require('./debounce-d1b70c5f.js');
 
 const CSS = {
   assistiveText: "assistive-text",
@@ -170,7 +170,7 @@ const TextArea = class {
         [CSS.blockSizeFull]: !hasFooter,
         [CSS.borderColor]: !hasFooter,
       }, cols: this.columns, disabled: this.disabled, name: this.name, onChange: this.handleChange, onInput: this.handleInput, placeholder: this.placeholder, readonly: this.readOnly, required: this.required, rows: this.rows, value: this.value, wrap: this.wrap,
-      // eslint-disable-next-line react/jsx-sort-props
+      // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
       ref: this.setTextAreaEl }), index.h("span", { class: { [CSS.content]: true } }, index.h("slot", { onSlotchange: this.contentSlotChangeHandler })), index.h("footer", { class: {
         [CSS.footer]: true,
         [CSS.readOnly]: this.readOnly,

package/dist/cjs/calcite-tile-select_2.cjs.entry.js

@@ -1,16 +1,16 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.7.0-next.1
+ * v1.7.0-next.11
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-142998d3.js');
-const guid = require('./guid-bc4ef7e8.js');
-const interactive = require('./interactive-3295de88.js');
-const loadable = require('./loadable-cb368fce.js');
+const index = require('./index-35c40ad8.js');
+const guid = require('./guid-2b65834e.js');
+const interactive = require('./interactive-22675a1d.js');
+const loadable = require('./loadable-c43556a9.js');
 
 const CSS = {
   checked: "checked",

package/dist/cjs/calcite-tile.cjs.entry.js

@@ -1,19 +1,19 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.7.0-next.1
+ * v1.7.0-next.11
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-142998d3.js');
-const conditionalSlot = require('./conditionalSlot-92ae3728.js');
-const dom = require('./dom-7487acd7.js');
-const interactive = require('./interactive-3295de88.js');
-require('./observers-f62a2e0a.js');
-require('./guid-bc4ef7e8.js');
-require('./resources-932fa5dc.js');
+const index = require('./index-35c40ad8.js');
+const conditionalSlot = require('./conditionalSlot-a368502c.js');
+const dom = require('./dom-585553d3.js');
+const interactive = require('./interactive-22675a1d.js');
+require('./observers-8f18d25d.js');
+require('./guid-2b65834e.js');
+require('./resources-90de1a6e.js');
 
 const SLOTS = {
   contentStart: "content-start",

package/dist/cjs/calcite-tip_3.cjs.entry.js

@@ -1,22 +1,22 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.7.0-next.1
+ * v1.7.0-next.11
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-142998d3.js');
-const conditionalSlot = require('./conditionalSlot-92ae3728.js');
-const dom = require('./dom-7487acd7.js');
-const locale = require('./locale-99d6b752.js');
-const t9n = require('./t9n-42d79fa0.js');
-const Heading = require('./Heading-022a7a25.js');
-const observers = require('./observers-f62a2e0a.js');
-require('./guid-bc4ef7e8.js');
-require('./resources-932fa5dc.js');
-require('./key-dc499418.js');
+const index = require('./index-35c40ad8.js');
+const conditionalSlot = require('./conditionalSlot-a368502c.js');
+const dom = require('./dom-585553d3.js');
+const locale = require('./locale-b814f3ae.js');
+const t9n = require('./t9n-c43a36c3.js');
+const Heading = require('./Heading-a6233bf8.js');
+const observers = require('./observers-8f18d25d.js');
+require('./guid-2b65834e.js');
+require('./resources-90de1a6e.js');
+require('./key-8ce2997b.js');
 
 const CSS$1 = {
   container: "container",
@@ -312,7 +312,7 @@ const TipManager = class {
       return null;
     }
     return (index.h("section", { "aria-hidden": dom.toAriaBoolean(closed), class: CSS.container, hidden: closed, onKeyDown: this.tipManagerKeyDownHandler, tabIndex: 0,
-      // eslint-disable-next-line react/jsx-sort-props
+      // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
       ref: this.storeContainerRef }, index.h("header", { class: CSS.header }, index.h(Heading.Heading, { class: CSS.heading, level: headingLevel }, groupTitle), index.h("calcite-action", { class: CSS.close, onClick: this.hideTipManager, scale: "m", text: closeLabel }, index.h("calcite-icon", { icon: ICONS.close, scale: "m" }))), index.h("div", { class: {
         [CSS.tipContainer]: true,
         [CSS.tipContainerAdvancing]: !closed && direction === "advancing",

package/dist/cjs/calcite-tooltip.cjs.entry.js

@@ -1,20 +1,20 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.7.0-next.1
+ * v1.7.0-next.11
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-142998d3.js');
-const dom = require('./dom-7487acd7.js');
-const floatingUi = require('./floating-ui-8799f01a.js');
-const guid = require('./guid-bc4ef7e8.js');
-const openCloseComponent = require('./openCloseComponent-12d9e8d8.js');
-const FloatingArrow = require('./FloatingArrow-b5ca6077.js');
-require('./resources-932fa5dc.js');
-require('./debounce-7d77cb87.js');
+const index = require('./index-35c40ad8.js');
+const dom = require('./dom-585553d3.js');
+const floatingUi = require('./floating-ui-1c39ee8f.js');
+const guid = require('./guid-2b65834e.js');
+const openCloseComponent = require('./openCloseComponent-148a2fc7.js');
+const FloatingArrow = require('./FloatingArrow-529e5594.js');
+require('./resources-90de1a6e.js');
+require('./debounce-d1b70c5f.js');
 
 const CSS = {
   container: "container",
@@ -404,9 +404,9 @@ const Tooltip = class {
         [floatingUi.FloatingCSS.animation]: true,
         [floatingUi.FloatingCSS.animationActive]: displayed,
       },
-      // eslint-disable-next-line react/jsx-sort-props
+      // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
       ref: this.setTransitionEl }, index.h(FloatingArrow.FloatingArrow, { floatingLayout: floatingLayout,
-      // eslint-disable-next-line react/jsx-sort-props
+      // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
       ref: (arrowEl) => (this.arrowEl = arrowEl) }), index.h("div", { class: CSS.container }, index.h("slot", null)))));
   }
   get el() { return index.getElement(this); }

package/dist/cjs/calcite-tree_2.cjs.entry.js

@@ -1,19 +1,19 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.7.0-next.1
+ * v1.7.0-next.11
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-142998d3.js');
-const dom = require('./dom-7487acd7.js');
-const conditionalSlot = require('./conditionalSlot-92ae3728.js');
-const interactive = require('./interactive-3295de88.js');
-const resources = require('./resources-932fa5dc.js');
-require('./guid-bc4ef7e8.js');
-require('./observers-f62a2e0a.js');
+const index = require('./index-35c40ad8.js');
+const dom = require('./dom-585553d3.js');
+const conditionalSlot = require('./conditionalSlot-a368502c.js');
+const interactive = require('./interactive-22675a1d.js');
+const resources = require('./resources-90de1a6e.js');
+require('./guid-2b65834e.js');
+require('./observers-8f18d25d.js');
 
 function isTreeItem(element) {
   return element?.matches("calcite-tree-item");
@@ -229,7 +229,8 @@ const Tree = class {
   }
   updateAncestorTree(event) {
     const item = event.target;
-    if (item.disabled) {
+    const updateItem = event.detail.updateItem;
+    if (item.disabled || (item.indeterminate && !updateItem)) {
       return;
     }
     const ancestors = [];
@@ -241,9 +242,13 @@ const Tree = class {
     const childItems = Array.from(item.querySelectorAll("calcite-tree-item:not([disabled])"));
     const childItemsWithNoChildren = childItems.filter((child) => !child.hasChildren);
     const childItemsWithChildren = childItems.filter((child) => child.hasChildren);
-    const futureSelected = item.hasChildren
-      ? !(item.selected || item.indeterminate)
-      : !item.selected;
+    let futureSelected;
+    if (updateItem) {
+      futureSelected = item.hasChildren ? !(item.selected || item.indeterminate) : !item.selected;
+    }
+    else {
+      futureSelected = item.selected;
+    }
     childItemsWithNoChildren.forEach((el) => {
       el.selected = futureSelected;
       el.indeterminate = false;
@@ -258,12 +263,14 @@ const Tree = class {
       const directChildItems = Array.from(el.querySelectorAll(":scope > calcite-tree > calcite-tree-item"));
       updateItemState(directChildItems, el);
     });
-    if (item.hasChildren) {
-      updateItemState(childItems, item);
-    }
-    else {
-      item.selected = futureSelected;
-      item.indeterminate = false;
+    if (updateItem) {
+      if (item.hasChildren) {
+        updateItemState(childItems, item);
+      }
+      else {
+        item.selected = futureSelected;
+        item.indeterminate = false;
+      }
     }
     ancestors.forEach((ancestor) => {
       const descendants = dom.nodeListToArray(ancestor.querySelectorAll("calcite-tree-item"));
@@ -278,7 +285,9 @@ const Tree = class {
       ancestor.selected = !indeterminate;
     });
     this.selectedItems = dom.nodeListToArray(this.el.querySelectorAll("calcite-tree-item")).filter((i) => i.selected);
-    this.calciteTreeSelect.emit();
+    if (updateItem) {
+      this.calciteTreeSelect.emit();
+    }
   }
   // --------------------------------------------------------------------------
   //
@@ -316,7 +325,7 @@ const ICONS = {
   blank: "blank",
 };
 
-const treeItemCss = ":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:block;max-inline-size:100%;cursor:pointer;color:var(--calcite-ui-text-3)}.node-actions-container{display:flex;justify-content:space-between}:host([calcite-hydrated-hidden]){visibility:hidden !important;pointer-events:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host([scale=s]){font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=s]) .node-actions-container{min-block-size:1.5rem}:host([scale=s]) .node-actions-container .node-container .checkbox,:host([scale=s]) .node-actions-container .node-container .chevron,:host([scale=s]) .node-actions-container .node-container .checkmark,:host([scale=s]) .node-actions-container .node-container .bullet-point{margin-inline:0.25rem}:host([scale=s]) .node-actions-container .node-container .icon-start{margin-inline:0.75rem}:host([scale=m]){font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=m]) .node-actions-container{min-block-size:2rem}:host([scale=m]) .node-actions-container .node-container .checkbox,:host([scale=m]) .node-actions-container .node-container .chevron,:host([scale=m]) .node-actions-container .node-container .checkmark,:host([scale=m]) .node-actions-container .node-container .bullet-point{margin-inline:0.5rem}:host([scale=m]) .node-actions-container .node-container .icon-start{margin-inline:0.75rem}:host([scale=l]){font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([scale=l]) .node-actions-container{min-block-size:2.75rem}:host([scale=l]) .node-actions-container .node-container .checkbox,:host([scale=l]) .node-actions-container .node-container .chevron,:host([scale=l]) .node-actions-container .node-container .checkmark,:host([scale=l]) .node-actions-container .node-container .bullet-point{margin-inline:0.75rem}:host([scale=l]) .node-actions-container .node-container .icon-start{margin-inline:0.75rem}:host([lines]) .children-container:after{position:absolute;inset-block-start:0px;z-index:var(--calcite-app-z-index);inline-size:1px;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;block-size:96%;content:\"\";background-color:var(--calcite-ui-border-2)}:host(:not([lines])) .node-container:after{display:none}::slotted(*){min-inline-size:0px;max-inline-size:100%;overflow-wrap:break-word;color:inherit;text-decoration:none !important}::slotted(*):hover{text-decoration:none !important}::slotted(a){inline-size:100%;text-decoration-line:none}:host{outline-color:transparent}:host:focus,:host:active{outline:2px solid transparent;outline-offset:2px;outline:2px solid var(--calcite-ui-focus-color, var(--calcite-ui-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-ui-focus-offset-invert),\n                1\n              )\n            )\n          )}:host(:focus:not([disabled])){outline:2px solid transparent;outline-offset:2px;outline:2px solid var(--calcite-ui-focus-color, var(--calcite-ui-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-ui-focus-offset-invert),\n                1\n              )\n            )\n          )}.actions-end{display:flex;flex-direction:row;align-items:center;align-self:stretch}.checkbox{line-height:0}.checkbox-label{pointer-events:none;display:flex;align-items:center}.checkbox:focus{outline:2px solid transparent;outline-offset:2px}.children-container{position:relative;block-size:0px;transform-origin:top;overflow:hidden;opacity:0;margin-inline-start:1.25rem;transform:scaleY(0);transition:var(--calcite-animation-timing) cubic-bezier(0.215, 0.44, 0.42, 0.88), opacity var(--calcite-animation-timing) cubic-bezier(0.215, 0.44, 0.42, 0.88), all var(--calcite-animation-timing) ease-in-out}.item--expanded>.children-container{overflow:visible;opacity:1;transform:none;block-size:auto}.node-container{position:relative;display:flex;min-inline-size:0px;align-items:center}.node-container .checkmark,.node-container .bullet-point{opacity:0;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;color:var(--calcite-ui-border-1)}.node-container:hover .checkmark,.node-container:hover .bullet-point,:host([selected]) .node-container:hover .checkmark,:host([selected]) .node-container:hover .bullet-point,:host(:focus:not([disabled])) .node-container .checkmark,:host(:focus:not([disabled])) .node-container .bullet-point{opacity:1}:host([selected]) .node-container,:host([selected]) .node-container:hover{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1)}:host([selected]) .node-container .bullet-point,:host([selected]) .node-container .checkmark,:host([selected]) .node-container:hover .bullet-point,:host([selected]) .node-container:hover .checkmark{opacity:1;color:var(--calcite-ui-brand)}:host([selection-mode=none]:not([has-children])):host([scale=s]) .node-container{padding-inline-start:0.5rem}:host([selection-mode=none]:not([has-children])):host([scale=m]) .node-container{padding-inline-start:1rem}:host([selection-mode=none]:not([has-children])):host([scale=l]) .node-container{padding-inline-start:1.5rem}:host(:not([has-children])):host([scale=s]) .node-container[data-selection-mode=ancestors] .checkbox{padding-inline-start:1.25rem}:host(:not([has-children])):host([scale=m]) .node-container[data-selection-mode=ancestors] .checkbox{padding-inline-start:1.5rem}:host(:not([has-children])):host([scale=l]) .node-container[data-selection-mode=ancestors] .checkbox{padding-inline-start:1.75rem}:host([has-children]) .node-container[data-selection-mode=ancestors] .checkbox{margin-inline-start:0}:host([has-children]) .node-container .bullet-point,:host([has-children]) .node-container .checkmark{display:none}:host([has-children][expanded]:not([selected]):not([selection-mode=none])) .node-container ::slotted(*){font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1)}:host([has-children][selected]) .node-container[data-selection-mode=children],:host([has-children][selected]) .node-container[data-selection-mode=multichildren]{color:var(--calcite-ui-brand)}.chevron{position:relative;align-self:center;color:var(--calcite-ui-text-3);transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;flex:0 0 auto;transform:rotate(0deg)}.calcite--rtl .chevron{transform:rotate(180deg)}.item--expanded .node-container>.chevron{transform:rotate(90deg)}:host([selected]) .checkmark,:host([selected]) .bullet-point{color:var(--calcite-ui-brand)}:host([hidden]){display:none}[hidden]{display:none}";
+const treeItemCss = ":host([disabled]){cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:block;max-inline-size:100%;cursor:pointer;color:var(--calcite-ui-text-3)}.node-actions-container{display:flex}:host([calcite-hydrated-hidden]){visibility:hidden !important;pointer-events:none}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host([scale=s]){font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=s]) .node-actions-container{min-block-size:1.5rem}:host([scale=s]) .node-actions-container .node-container .checkbox,:host([scale=s]) .node-actions-container .node-container .chevron,:host([scale=s]) .node-actions-container .node-container .checkmark,:host([scale=s]) .node-actions-container .node-container .bullet-point{margin-inline:0.25rem}:host([scale=s]) .node-actions-container .node-container .icon-start{margin-inline:0.75rem}:host([scale=m]){font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=m]) .node-actions-container{min-block-size:2rem}:host([scale=m]) .node-actions-container .node-container .checkbox,:host([scale=m]) .node-actions-container .node-container .chevron,:host([scale=m]) .node-actions-container .node-container .checkmark,:host([scale=m]) .node-actions-container .node-container .bullet-point{margin-inline:0.5rem}:host([scale=m]) .node-actions-container .node-container .icon-start{margin-inline:0.75rem}:host([scale=l]){font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([scale=l]) .node-actions-container{min-block-size:2.75rem}:host([scale=l]) .node-actions-container .node-container .checkbox,:host([scale=l]) .node-actions-container .node-container .chevron,:host([scale=l]) .node-actions-container .node-container .checkmark,:host([scale=l]) .node-actions-container .node-container .bullet-point{margin-inline:0.75rem}:host([scale=l]) .node-actions-container .node-container .icon-start{margin-inline:0.75rem}:host([lines]) .children-container:after{position:absolute;inset-block-start:0px;z-index:var(--calcite-app-z-index);inline-size:1px;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;block-size:96%;content:\"\";background-color:var(--calcite-ui-border-2)}:host(:not([lines])) .node-container:after{display:none}::slotted(*){min-inline-size:0px;max-inline-size:100%;overflow-wrap:break-word;color:inherit;text-decoration:none !important}::slotted(*):hover{text-decoration:none !important}::slotted(a){inline-size:100%;text-decoration-line:none}:host{outline:2px solid transparent;outline-offset:2px}:host .node-container{outline-color:transparent}:host:focus .node-container,:host:active .node-container{outline:2px solid var(--calcite-ui-focus-color, var(--calcite-ui-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-ui-focus-offset-invert),\n                1\n              )\n            )\n          )}:host(:focus:not([disabled])) .node-container{outline:2px solid transparent;outline-offset:2px;outline:2px solid var(--calcite-ui-focus-color, var(--calcite-ui-brand));outline-offset:calc(\n            -2px *\n            calc(\n              1 -\n              2 * clamp(\n                0,\n                var(--calcite-ui-focus-offset-invert),\n                1\n              )\n            )\n          )}.actions-end{display:flex;flex-direction:row;align-items:center;align-self:stretch}.checkbox{line-height:0}.checkbox-label{pointer-events:none;display:flex;align-items:center}.checkbox:focus{outline:2px solid transparent;outline-offset:2px}.children-container{position:relative;block-size:0px;transform-origin:top;overflow:hidden;opacity:0;margin-inline-start:1.25rem;transform:scaleY(0);transition:var(--calcite-animation-timing) cubic-bezier(0.215, 0.44, 0.42, 0.88), opacity var(--calcite-animation-timing) cubic-bezier(0.215, 0.44, 0.42, 0.88), all var(--calcite-animation-timing) ease-in-out}.item--expanded>.children-container{overflow:visible;opacity:1;transform:none;block-size:auto}.node-container{position:relative;display:flex;min-inline-size:0px;flex-grow:1;align-items:center}.node-container .checkmark,.node-container .bullet-point{opacity:0;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;color:var(--calcite-ui-border-1)}.node-container:hover .checkmark,.node-container:hover .bullet-point,:host([selected]) .node-container:hover .checkmark,:host([selected]) .node-container:hover .bullet-point,:host(:focus:not([disabled])) .node-container .checkmark,:host(:focus:not([disabled])) .node-container .bullet-point{opacity:1}:host([selected]) .node-container,:host([selected]) .node-container:hover{font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1)}:host([selected]) .node-container .bullet-point,:host([selected]) .node-container .checkmark,:host([selected]) .node-container:hover .bullet-point,:host([selected]) .node-container:hover .checkmark{opacity:1;color:var(--calcite-ui-brand)}:host([selection-mode=none]:not([has-children])):host([scale=s]) .node-container{padding-inline-start:0.5rem}:host([selection-mode=none]:not([has-children])):host([scale=m]) .node-container{padding-inline-start:1rem}:host([selection-mode=none]:not([has-children])):host([scale=l]) .node-container{padding-inline-start:1.5rem}:host(:not([has-children])):host([scale=s]) .node-container[data-selection-mode=ancestors] .checkbox{padding-inline-start:1.25rem}:host(:not([has-children])):host([scale=m]) .node-container[data-selection-mode=ancestors] .checkbox{padding-inline-start:1.5rem}:host(:not([has-children])):host([scale=l]) .node-container[data-selection-mode=ancestors] .checkbox{padding-inline-start:1.75rem}:host([has-children]) .node-container[data-selection-mode=ancestors] .checkbox{margin-inline-start:0}:host([has-children]) .node-container .bullet-point,:host([has-children]) .node-container .checkmark{display:none}:host([has-children][expanded]:not([selected]):not([selection-mode=none])) .node-container ::slotted(*){font-weight:var(--calcite-font-weight-medium);color:var(--calcite-ui-text-1)}:host([has-children][selected]) .node-container[data-selection-mode=children],:host([has-children][selected]) .node-container[data-selection-mode=multichildren]{color:var(--calcite-ui-brand)}.chevron{position:relative;align-self:center;color:var(--calcite-ui-text-3);transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;flex:0 0 auto;transform:rotate(0deg)}.calcite--rtl .chevron{transform:rotate(180deg)}.item--expanded .node-container>.chevron{transform:rotate(90deg)}:host([selected]) .checkmark,:host([selected]) .bullet-point{color:var(--calcite-ui-brand)}:host([hidden]){display:none}[hidden]{display:none}";
 
 const TreeItem = class {
   constructor(hostRef) {
@@ -327,6 +336,7 @@ const TreeItem = class {
       this.expanded = !this.expanded;
     };
     this.childrenClickHandler = (event) => event.stopPropagation();
+    this.userChangedValue = false;
     this.updateParentIsExpanded = (el, expanded) => {
       const items = dom.getSlotted(el, SLOTS.children, {
         all: true,
@@ -349,12 +359,24 @@ const TreeItem = class {
     this.scale = undefined;
     this.indeterminate = false;
     this.selectionMode = undefined;
-    this.updateAfterInitialRender = false;
     this.hasEndActions = false;
+    this.updateAfterInitialRender = false;
   }
   expandedHandler(newValue) {
     this.updateParentIsExpanded(this.el, newValue);
   }
+  handleSelectedChange(value) {
+    if (this.selectionMode === "ancestors" && !this.userChangedValue) {
+      if (value) {
+        this.indeterminate = false;
+      }
+      this.calciteInternalTreeItemSelect.emit({
+        modifyCurrentSelection: true,
+        forceToggle: false,
+        updateItem: false,
+      });
+    }
+  }
   getSelectionMode() {
     this.isSelectionMultiLike =
       this.selectionMode === "multiple" || this.selectionMode === "multichildren";
@@ -440,7 +462,7 @@ const TreeItem = class {
         [CSS.nodeContainer]: true,
         [resources.CSS_UTILITY.rtl]: rtl,
       }, "data-selection-mode": this.selectionMode,
-      // eslint-disable-next-line react/jsx-sort-props
+      // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
       ref: (el) => (this.defaultSlotWrapper = el) }, chevron, itemIndicator, this.iconStart ? iconStartEl : null, checkbox ? checkbox : defaultSlotNode), index.h("div", { class: CSS.actionsEnd, hidden: !hasEndActions, ref: (el) => (this.actionSlotWrapper = el) }, slotNode)), index.h("div", { class: {
         [CSS.childrenContainer]: true,
         [resources.CSS_UTILITY.rtl]: rtl,
@@ -465,7 +487,9 @@ const TreeItem = class {
     this.calciteInternalTreeItemSelect.emit({
       modifyCurrentSelection: this.selectionMode === "ancestors" || this.isSelectionMultiLike,
       forceToggle: false,
+      updateItem: true,
     });
+    this.userChangedValue = true;
   }
   keyDownHandler(event) {
     let root;
@@ -477,9 +501,11 @@ const TreeItem = class {
         if (this.selectionMode === "none") {
           return;
         }
+        this.userChangedValue = true;
         this.calciteInternalTreeItemSelect.emit({
           modifyCurrentSelection: this.isSelectionMultiLike,
           forceToggle: false,
+          updateItem: true,
         });
         event.preventDefault();
         break;
@@ -489,6 +515,7 @@ const TreeItem = class {
         }
         // activates a node, i.e., performs its default action. For parent nodes, one possible default action is to open or close the node. In single-select trees where selection does not follow focus (see note below), the default action is typically to select the focused node.
         const link = dom.nodeListToArray(this.el.children).find((el) => el.matches("a"));
+        this.userChangedValue = true;
         if (link) {
           link.click();
           this.selected = true;
@@ -497,6 +524,7 @@ const TreeItem = class {
           this.calciteInternalTreeItemSelect.emit({
             modifyCurrentSelection: this.isSelectionMultiLike,
             forceToggle: false,
+            updateItem: true,
           });
         }
         event.preventDefault();
@@ -549,6 +577,11 @@ const TreeItem = class {
       else if (selectedSiblings.length > 0) {
         parentItem.indeterminate = true;
       }
+      const childItems = Array.from(this.el.querySelectorAll("calcite-tree-item:not([disabled])"));
+      childItems.forEach((item) => {
+        item.selected = true;
+        item.indeterminate = false;
+      });
     }
     else if (this.indeterminate) {
       const parentItem = this.parentTreeItem;
@@ -558,6 +591,7 @@ const TreeItem = class {
   get el() { return index.getElement(this); }
   static get watchers() { return {
     "expanded": ["expandedHandler"],
+    "selected": ["handleSelectedChange"],
     "selectionMode": ["getSelectionMode"]
   }; }
 };

package/dist/cjs/calcite-value-list_2.cjs.entry.js

@@ -1,27 +1,27 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.7.0-next.1
+ * v1.7.0-next.11
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-142998d3.js');
-const interactive = require('./interactive-3295de88.js');
-const loadable = require('./loadable-cb368fce.js');
-const locale = require('./locale-99d6b752.js');
-const observers = require('./observers-f62a2e0a.js');
-const t9n = require('./t9n-42d79fa0.js');
-const resources = require('./resources-bb31ff4c.js');
-const sortableComponent = require('./sortableComponent-acf1b739.js');
-const dom = require('./dom-7487acd7.js');
-const conditionalSlot = require('./conditionalSlot-92ae3728.js');
-const guid = require('./guid-bc4ef7e8.js');
-require('./key-dc499418.js');
-require('./array-5848270e.js');
-require('./debounce-7d77cb87.js');
-require('./resources-932fa5dc.js');
+const index = require('./index-35c40ad8.js');
+const interactive = require('./interactive-22675a1d.js');
+const loadable = require('./loadable-c43556a9.js');
+const locale = require('./locale-b814f3ae.js');
+const observers = require('./observers-8f18d25d.js');
+const t9n = require('./t9n-c43a36c3.js');
+const resources = require('./resources-3e9635bf.js');
+const sortableComponent = require('./sortableComponent-6f5e97a3.js');
+const dom = require('./dom-585553d3.js');
+const conditionalSlot = require('./conditionalSlot-a368502c.js');
+const guid = require('./guid-2b65834e.js');
+require('./key-8ce2997b.js');
+require('./array-a66dd90f.js');
+require('./debounce-d1b70c5f.js');
+require('./resources-90de1a6e.js');
 
 const CSS = {
   container: "container",
@@ -420,7 +420,7 @@ const ValueListItem = class {
   }
   render() {
     return (index.h(index.Host, { id: this.el.id || this.guid }, this.renderHandle(), index.h("calcite-pick-list-item", { description: this.description, deselectDisabled: this.deselectDisabled, disabled: this.disabled, label: this.label, metadata: this.metadata, nonInteractive: this.nonInteractive, onCalciteListItemChange: this.handleSelectChange, removable: this.removable, selected: this.selected, value: this.value,
-      // eslint-disable-next-line react/jsx-sort-props
+      // eslint-disable-next-line react/jsx-sort-props -- ref should be last so node attrs/props are in sync (see https://github.com/Esri/calcite-design-system/pull/6530)
       ref: this.getPickListRef }, this.renderActionsStart(), this.renderActionsEnd())));
   }
   get el() { return index.getElement(this); }