@esri/calcite-components 1.7.0-next.6 → 1.7.0-next.8

package/dist/esm/{zh-cn-34a2dc9e.js → zh-cn-6ff70532.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.6
+ * v1.7.0-next.8
  */
-import { d as dayjs } from './calcite-input-time-picker.calcite-time-picker-ec75454a.js';
-import './index-68321e79.js';
-import './form-5711c2b1.js';
-import './dom-1e102cff.js';
-import './guid-c72e4b70.js';
-import './resources-49b2b38c.js';
-import './interactive-5b95a485.js';
-import './key-709a066c.js';
-import './label-e11a5c9d.js';
-import './loadable-4de5a208.js';
-import './locale-d1699422.js';
-import './observers-d3ef2576.js';
-import './focusTrapComponent-cf800e53.js';
-import './t9n-b9210933.js';
+import { d as dayjs } from './calcite-input-time-picker.calcite-time-picker-41b0a8ed.js';
+import './index-3130ae12.js';
+import './form-db12a7f3.js';
+import './dom-7f542879.js';
+import './guid-ad9851a9.js';
+import './resources-4c4c6f08.js';
+import './interactive-6404136c.js';
+import './key-c448e88b.js';
+import './label-3c1a514c.js';
+import './loadable-874bbec5.js';
+import './locale-722dc218.js';
+import './observers-d33d29a4.js';
+import './focusTrapComponent-be36e883.js';
+import './t9n-76a587d0.js';
 
 // Chinese (China) [zh-cn]
 var locale = {

package/dist/esm/{zh-hk-d4c03fbe.js → zh-hk-1c22067d.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.6
+ * v1.7.0-next.8
  */
-import { d as dayjs } from './calcite-input-time-picker.calcite-time-picker-ec75454a.js';
-import './index-68321e79.js';
-import './form-5711c2b1.js';
-import './dom-1e102cff.js';
-import './guid-c72e4b70.js';
-import './resources-49b2b38c.js';
-import './interactive-5b95a485.js';
-import './key-709a066c.js';
-import './label-e11a5c9d.js';
-import './loadable-4de5a208.js';
-import './locale-d1699422.js';
-import './observers-d3ef2576.js';
-import './focusTrapComponent-cf800e53.js';
-import './t9n-b9210933.js';
+import { d as dayjs } from './calcite-input-time-picker.calcite-time-picker-41b0a8ed.js';
+import './index-3130ae12.js';
+import './form-db12a7f3.js';
+import './dom-7f542879.js';
+import './guid-ad9851a9.js';
+import './resources-4c4c6f08.js';
+import './interactive-6404136c.js';
+import './key-c448e88b.js';
+import './label-3c1a514c.js';
+import './loadable-874bbec5.js';
+import './locale-722dc218.js';
+import './observers-d33d29a4.js';
+import './focusTrapComponent-be36e883.js';
+import './t9n-76a587d0.js';
 
 // Chinese (Hong Kong) [zh-hk]
 var locale = {

package/dist/esm/{zh-tw-41e2e641.js → zh-tw-e2408405.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.6
+ * v1.7.0-next.8
  */
-import { d as dayjs } from './calcite-input-time-picker.calcite-time-picker-ec75454a.js';
-import './index-68321e79.js';
-import './form-5711c2b1.js';
-import './dom-1e102cff.js';
-import './guid-c72e4b70.js';
-import './resources-49b2b38c.js';
-import './interactive-5b95a485.js';
-import './key-709a066c.js';
-import './label-e11a5c9d.js';
-import './loadable-4de5a208.js';
-import './locale-d1699422.js';
-import './observers-d3ef2576.js';
-import './focusTrapComponent-cf800e53.js';
-import './t9n-b9210933.js';
+import { d as dayjs } from './calcite-input-time-picker.calcite-time-picker-41b0a8ed.js';
+import './index-3130ae12.js';
+import './form-db12a7f3.js';
+import './dom-7f542879.js';
+import './guid-ad9851a9.js';
+import './resources-4c4c6f08.js';
+import './interactive-6404136c.js';
+import './key-c448e88b.js';
+import './label-3c1a514c.js';
+import './loadable-874bbec5.js';
+import './locale-722dc218.js';
+import './observers-d33d29a4.js';
+import './focusTrapComponent-be36e883.js';
+import './t9n-76a587d0.js';
 
 // Chinese (Taiwan) [zh-tw]
 var locale = {

package/dist/extras/docs-json.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2023-08-25T19:03:54",
+  "timestamp": "2023-08-25T21:47:04",
   "compiler": {
     "name": "@stencil/core",
     "version": "2.22.3",
@@ -5491,11 +5491,11 @@
         },
         {
           "name": "selectionMode",
-          "type": "\"ancestors\" | \"multiple\" | \"single\"",
+          "type": "\"ancestors\" | \"multiple\" | \"single\" | \"single-persist\"",
           "mutable": false,
           "attr": "selection-mode",
           "reflectToAttr": true,
-          "docs": "Specifies the selection mode:\n- `multiple` allows any number of selected items (default),\n- `single` allows only one selection,\n- `ancestors` is like multiple, but shows ancestors of selected items as selected, with only deepest children shown in chips.",
+          "docs": "Specifies the selection mode:\n- \"multiple\" allows any number of selected items (default),\n- \"single\" allows only one selection,\n- \"single-persist\" allow and require one open item,\n- \"ancestors\" is like multiple, but shows ancestors of selected items as selected, with only deepest children shown in chips.",
           "docsTags": [],
           "default": "\"multiple\"",
           "values": [
@@ -5510,6 +5510,10 @@
             {
               "value": "single",
               "type": "string"
+            },
+            {
+              "value": "single-persist",
+              "type": "string"
             }
           ],
           "optional": false,

package/dist/extras/vscode-data.json

@@ -1655,7 +1655,7 @@
         },
         {
           "name": "selection-mode",
-          "description": "Specifies the selection mode:\n- `multiple` allows any number of selected items (default),\n- `single` allows only one selection,\n- `ancestors` is like multiple, but shows ancestors of selected items as selected, with only deepest children shown in chips.",
+          "description": "Specifies the selection mode:\n- \"multiple\" allows any number of selected items (default),\n- \"single\" allows only one selection,\n- \"single-persist\" allow and require one open item,\n- \"ancestors\" is like multiple, but shows ancestors of selected items as selected, with only deepest children shown in chips.",
           "values": [
             {
               "name": "ancestors"
@@ -1665,6 +1665,9 @@
             },
             {
               "name": "single"
+            },
+            {
+              "name": "single-persist"
             }
           ]
         },

package/dist/loader/cdn.js

@@ -1,7 +1,7 @@
 /*!
  * 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.6
+ * v1.7.0-next.8
  */
 module.exports = require('../cjs/loader.cjs.js');
 module.exports.applyPolyfills = function() { return Promise.resolve() };

package/dist/loader/index.cjs.js

@@ -1,7 +1,7 @@
 /*!
  * 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.6
+ * v1.7.0-next.8
  */
 module.exports = require('../cjs/loader.cjs.js');
 module.exports.applyPolyfills = function() { return Promise.resolve() };

package/dist/loader/index.es2017.js

@@ -1,7 +1,7 @@
 /*!
  * 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.6
+ * v1.7.0-next.8
  */
 export * from '../esm/polyfills/index.js';
 export * from '../esm/loader.js';

package/dist/loader/index.js

@@ -1,7 +1,7 @@
 /*!
  * 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.6
+ * v1.7.0-next.8
  */
 (function(){if("undefined"!==typeof window&&void 0!==window.Reflect&&void 0!==window.customElements){var a=HTMLElement;window.HTMLElement=function(){return Reflect.construct(a,[],this.constructor)};HTMLElement.prototype=a.prototype;HTMLElement.prototype.constructor=HTMLElement;Object.setPrototypeOf(HTMLElement,a)}})();
 export * from '../esm/polyfills/index.js';

package/dist/types/components/combobox/combobox.d.ts

@@ -70,11 +70,12 @@ export declare class Combobox implements LabelableComponent, FormComponent, Inte
   required: boolean;
   /**
    * Specifies the selection mode:
-   * - `multiple` allows any number of selected items (default),
-   * - `single` allows only one selection,
-   * - `ancestors` is like multiple, but shows ancestors of selected items as selected, with only deepest children shown in chips.
+   * - "multiple" allows any number of selected items (default),
+   * - "single" allows only one selection,
+   * - "single-persist" allow and require one open item,
+   * - "ancestors" is like multiple, but shows ancestors of selected items as selected, with only deepest children shown in chips.
    */
-  selectionMode: Extract<"single" | "ancestors" | "multiple", SelectionMode>;
+  selectionMode: Extract<"single" | "single-persist" | "ancestors" | "multiple", SelectionMode>;
   /** Specifies the size of the component. */
   scale: Scale;
   handlePropsChange(): void;

package/dist/types/components/combobox/utils.d.ts

@@ -1,6 +1,8 @@
 import { ComboboxChildElement } from "./interfaces";
+import { Combobox } from "./combobox";
 export declare function getAncestors(element: HTMLElement): ComboboxChildElement[];
 export declare function getItemAncestors(item: HTMLCalciteComboboxItemElement): HTMLCalciteComboboxItemElement[];
 export declare function getItemChildren(item: HTMLCalciteComboboxItemElement): HTMLCalciteComboboxItemElement[];
 export declare function hasActiveChildren(node: HTMLCalciteComboboxItemElement): boolean;
 export declare function getDepth(element: HTMLElement): number;
+export declare function isSingleLike(selectionMode: Combobox["selectionMode"]): boolean;

package/dist/types/components/combobox-item/combobox-item.d.ts

@@ -34,13 +34,14 @@ export declare class ComboboxItem implements ConditionalSlotComponent, Interacti
   filterDisabled: boolean;
   /**
    * Specifies the selection mode:
-   * - `multiple` allows any number of selected items (default),
-   * - `single` allows only one selection,
-   * - `ancestors` is like multiple, but shows ancestors of selected items as selected, with only deepest children shown in chips.
+   * - "multiple" allows any number of selected items (default),
+   * - "single" allows only one selection,
+   * - "single-persist" allow and require one open item,
+   * - "ancestors" is like multiple, but shows ancestors of selected items as selected, with only deepest children shown in chips.
    *
    * @internal
    */
-  selectionMode: Extract<"single" | "ancestors" | "multiple", SelectionMode>;
+  selectionMode: Extract<"single" | "single-persist" | "ancestors" | "multiple", SelectionMode>;
   /**
    * Specifies the size of the component inherited from the `calcite-combobox`, defaults to `m`.
    *

package/dist/types/components/tree-item/interfaces.d.ts

@@ -7,4 +7,9 @@ export interface TreeItemSelectDetail {
    * Indicate if an item should be collapsed/expanded even if child selection is enabled.
    */
   forceToggle: boolean;
+  /**
+   * Indicates if an item selected & indeterminate properties should be updated.
+   * This will be set to true for user interaction changes and false for programmatic changes.
+   */
+  updateItem?: boolean;
 }

package/dist/types/components/tree-item/tree-item.d.ts

@@ -15,13 +15,14 @@ export declare class TreeItem implements ConditionalSlotComponent, InteractiveCo
   disabled: boolean;
   /** When `true`, the component is expanded. */
   expanded: boolean;
+  expandedHandler(newValue: boolean): void;
   /** When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`). */
   iconFlipRtl: FlipContext;
   /** Specifies an icon to display at the start of the component. */
   iconStart: string;
   /** When `true`, the component is selected. */
   selected: boolean;
-  expandedHandler(newValue: boolean): void;
+  handleSelectedChange(value: boolean): void;
   /**
    * @internal
    */
@@ -70,6 +71,7 @@ export declare class TreeItem implements ConditionalSlotComponent, InteractiveCo
    * @internal
    */
   calciteInternalTreeItemSelect: EventEmitter<TreeItemSelectDetail>;
+  hasEndActions: boolean;
   /**
    * Used to make sure initially expanded tree-item can properly
    * transition and emit events from closed state when rendered.
@@ -77,11 +79,11 @@ export declare class TreeItem implements ConditionalSlotComponent, InteractiveCo
    * @private
    */
   updateAfterInitialRender: boolean;
+  actionSlotWrapper: HTMLElement;
   childrenSlotWrapper: HTMLElement;
   defaultSlotWrapper: HTMLElement;
-  actionSlotWrapper: HTMLElement;
   private parentTreeItem?;
-  hasEndActions: boolean;
+  private userChangedValue;
   private isActionEndEvent;
   private updateParentIsExpanded;
   /**

package/dist/types/components.d.ts

@@ -1027,10 +1027,10 @@ export namespace Components {
          */
         "selectedItems": HTMLCalciteComboboxItemElement[];
         /**
-          * Specifies the selection mode: - `multiple` allows any number of selected items (default), - `single` allows only one selection, - `ancestors` is like multiple, but shows ancestors of selected items as selected, with only deepest children shown in chips.
+          * Specifies the selection mode: - "multiple" allows any number of selected items (default), - "single" allows only one selection, - "single-persist" allow and require one open item, - "ancestors" is like multiple, but shows ancestors of selected items as selected, with only deepest children shown in chips.
          */
         "selectionMode": Extract<
-    "single" | "ancestors" | "multiple",
+    "single" | "single-persist" | "ancestors" | "multiple",
     SelectionMode
   >;
         /**
@@ -1080,10 +1080,10 @@ export namespace Components {
          */
         "selected": boolean;
         /**
-          * Specifies the selection mode: - `multiple` allows any number of selected items (default), - `single` allows only one selection, - `ancestors` is like multiple, but shows ancestors of selected items as selected, with only deepest children shown in chips.
+          * Specifies the selection mode: - "multiple" allows any number of selected items (default), - "single" allows only one selection, - "single-persist" allow and require one open item, - "ancestors" is like multiple, but shows ancestors of selected items as selected, with only deepest children shown in chips.
          */
         "selectionMode": Extract<
-    "single" | "ancestors" | "multiple",
+    "single" | "single-persist" | "ancestors" | "multiple",
     SelectionMode
   >;
         /**
@@ -6653,10 +6653,10 @@ declare namespace LocalJSX {
          */
         "selectedItems"?: HTMLCalciteComboboxItemElement[];
         /**
-          * Specifies the selection mode: - `multiple` allows any number of selected items (default), - `single` allows only one selection, - `ancestors` is like multiple, but shows ancestors of selected items as selected, with only deepest children shown in chips.
+          * Specifies the selection mode: - "multiple" allows any number of selected items (default), - "single" allows only one selection, - "single-persist" allow and require one open item, - "ancestors" is like multiple, but shows ancestors of selected items as selected, with only deepest children shown in chips.
          */
         "selectionMode"?: Extract<
-    "single" | "ancestors" | "multiple",
+    "single" | "single-persist" | "ancestors" | "multiple",
     SelectionMode
   >;
         /**

package/hydrate/index.js

@@ -1,7 +1,7 @@
 /*!
  * 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.6
+ * v1.7.0-next.8
  */
 'use strict';
 
@@ -18887,6 +18887,9 @@ function getDepth$1(element) {
     return 0;
   }
 }
+function isSingleLike(selectionMode) {
+  return selectionMode.includes("single");
+}
 
 const CSS$P = {
   button: "x-button",
@@ -19106,7 +19109,7 @@ class Combobox {
       if (this.allowCustomValues && this.text.trim().length) {
         this.addCustomChip(this.text);
       }
-      if (this.selectionMode === "single") {
+      if (isSingleLike(this.selectionMode)) {
         if (this.textInput) {
           this.textInput.value = "";
         }
@@ -19554,7 +19557,7 @@ class Combobox {
     }));
   }
   getNeedsIcon() {
-    return this.selectionMode === "single" && this.items.some((item) => item.icon);
+    return isSingleLike(this.selectionMode) && this.items.some((item) => item.icon);
   }
   resetText() {
     if (this.textInput) {
@@ -19657,7 +19660,7 @@ class Combobox {
     }
   }
   isMulti() {
-    return this.selectionMode !== "single";
+    return this.selectionMode !== "single" && this.selectionMode !== "single-persist";
   }
   //--------------------------------------------------------------------------
   //
@@ -19679,7 +19682,7 @@ class Combobox {
   }
   renderInput() {
     const { guid, disabled, placeholder, selectionMode, selectedItems, open } = this;
-    const single = selectionMode === "single";
+    const single = isSingleLike(selectionMode);
     const selectedItem = selectedItems[0];
     const showLabel = !open && single && !!selectedItem;
     return (hAsync("span", { class: {
@@ -19721,7 +19724,7 @@ class Combobox {
     const { selectedItems, placeholderIcon, selectionMode, placeholderIconFlipRtl } = this;
     const selectedItem = selectedItems[0];
     const selectedIcon = selectedItem?.icon;
-    const singleSelectionMode = selectionMode === "single";
+    const singleSelectionMode = isSingleLike(selectionMode);
     const iconAtStart = !this.open && selectedItem
       ? !!selectedIcon && singleSelectionMode
       : !!this.placeholderIcon && (!selectedItem || singleSelectionMode);
@@ -19733,7 +19736,7 @@ class Combobox {
   }
   render() {
     const { guid, label, open } = this;
-    const single = this.selectionMode === "single";
+    const single = isSingleLike(this.selectionMode);
     const isClearable = !this.clearDisabled && this.value?.length > 0;
     return (hAsync(Host, { onClick: this.comboboxFocusHandler }, hAsync("div", { "aria-autocomplete": "list", "aria-controls": `${listboxUidPrefix}${guid}`, "aria-expanded": toAriaBoolean(open), "aria-haspopup": "listbox", "aria-label": getLabelText(this), "aria-live": "polite", "aria-owns": `${listboxUidPrefix}${guid}`, class: {
         wrapper: true,
@@ -19869,7 +19872,8 @@ class ComboboxItem {
   //
   // --------------------------------------------------------------------------
   toggleSelected() {
-    if (this.disabled) {
+    const isSinglePersistSelect = this.selectionMode === "single-persist";
+    if (this.disabled || (isSinglePersistSelect && this.selected)) {
       return;
     }
     this.selected = !this.selected;
@@ -19904,7 +19908,7 @@ class ComboboxItem {
     return null;
   }
   render() {
-    const isSingleSelect = this.selectionMode === "single";
+    const isSingleSelect = isSingleLike(this.selectionMode);
     const showDot = isSingleSelect && !this.disabled;
     const defaultIcon = isSingleSelect ? "dot" : "check";
     const iconPath = this.disabled ? "circle-disallowed" : defaultIcon;
@@ -42916,7 +42920,8 @@ class Tree {
   }
   updateAncestorTree(event) {
     const item = event.target;
-    if (item.disabled) {
+    const updateItem = event.detail.updateItem;
+    if (item.disabled || (item.indeterminate && !updateItem)) {
       return;
     }
     const ancestors = [];
@@ -42928,9 +42933,13 @@ class Tree {
     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;
@@ -42945,12 +42954,14 @@ class Tree {
       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 = nodeListToArray(ancestor.querySelectorAll("calcite-tree-item"));
@@ -42965,7 +42976,9 @@ class Tree {
       ancestor.selected = !indeterminate;
     });
     this.selectedItems = nodeListToArray(this.el.querySelectorAll("calcite-tree-item")).filter((i) => i.selected);
-    this.calciteTreeSelect.emit();
+    if (updateItem) {
+      this.calciteTreeSelect.emit();
+    }
   }
   // --------------------------------------------------------------------------
   //
@@ -43033,6 +43046,7 @@ class TreeItem {
       this.expanded = !this.expanded;
     };
     this.childrenClickHandler = (event) => event.stopPropagation();
+    this.userChangedValue = false;
     this.updateParentIsExpanded = (el, expanded) => {
       const items = getSlotted(el, SLOTS$1.children, {
         all: true,
@@ -43055,12 +43069,24 @@ class TreeItem {
     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";
@@ -43171,7 +43197,9 @@ class TreeItem {
     this.calciteInternalTreeItemSelect.emit({
       modifyCurrentSelection: this.selectionMode === "ancestors" || this.isSelectionMultiLike,
       forceToggle: false,
+      updateItem: true,
     });
+    this.userChangedValue = true;
   }
   keyDownHandler(event) {
     let root;
@@ -43183,9 +43211,11 @@ class TreeItem {
         if (this.selectionMode === "none") {
           return;
         }
+        this.userChangedValue = true;
         this.calciteInternalTreeItemSelect.emit({
           modifyCurrentSelection: this.isSelectionMultiLike,
           forceToggle: false,
+          updateItem: true,
         });
         event.preventDefault();
         break;
@@ -43195,6 +43225,7 @@ class TreeItem {
         }
         // 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 = nodeListToArray(this.el.children).find((el) => el.matches("a"));
+        this.userChangedValue = true;
         if (link) {
           link.click();
           this.selected = true;
@@ -43203,6 +43234,7 @@ class TreeItem {
           this.calciteInternalTreeItemSelect.emit({
             modifyCurrentSelection: this.isSelectionMultiLike,
             forceToggle: false,
+            updateItem: true,
           });
         }
         event.preventDefault();
@@ -43255,6 +43287,11 @@ class TreeItem {
       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;
@@ -43264,6 +43301,7 @@ class TreeItem {
   get el() { return getElement(this); }
   static get watchers() { return {
     "expanded": ["expandedHandler"],
+    "selected": ["handleSelectedChange"],
     "selectionMode": ["getSelectionMode"]
   }; }
   static get style() { return treeItemCss; }
@@ -43283,8 +43321,8 @@ class TreeItem {
       "scale": [1537],
       "indeterminate": [516],
       "selectionMode": [1537, "selection-mode"],
-      "updateAfterInitialRender": [32],
-      "hasEndActions": [32]
+      "hasEndActions": [32],
+      "updateAfterInitialRender": [32]
     },
     "$listeners$": [[0, "click", "onClick"], [0, "keydown", "keyDownHandler"]],
     "$lazyBundleId$": "-",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@esri/calcite-components",
-  "version": "1.7.0-next.6",
+  "version": "1.7.0-next.8",
   "description": "Web Components for Esri's Calcite Design System.",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -87,5 +87,5 @@
   "volta": {
     "extends": "../../package.json"
   },
-  "gitHead": "809d74577450cb8aae130a6121a79240313c6bff"
+  "gitHead": "44d26601d8f5324ad0efd689b0aaf1735d0473df"
 }