@esri/solutions-components 0.6.22 → 0.6.25

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

@@ -8,15 +8,15 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1ffa261f.js');
-const dom = require('./dom-8d00cc3f.js');
-const utils = require('./utils-a3380f70.js');
-require('./guid-c351776c.js');
-require('./resources-2278b321.js');
+const dom = require('./dom-c585dfa7.js');
+const utils = require('./utils-e99ff998.js');
+require('./guid-5ef151a6.js');
+require('./resources-d8917c46.js');
 
 /*!
  * 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.8.0
+ * v1.9.0
  */
 /**
  * Convert a string to a valid hex by hashing its contents

package/dist/cjs/calcite-block-section.cjs.entry.js

@@ -8,19 +8,19 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1ffa261f.js');
-const dom = require('./dom-8d00cc3f.js');
-const key = require('./key-07312a4b.js');
-const locale = require('./locale-6479f239.js');
-const t9n = require('./t9n-c630f16d.js');
-const loadable = require('./loadable-d12ec307.js');
-require('./guid-c351776c.js');
-require('./resources-2278b321.js');
-require('./observers-62ea89bc.js');
+const dom = require('./dom-c585dfa7.js');
+const key = require('./key-29076628.js');
+const locale = require('./locale-62c20bcc.js');
+const t9n = require('./t9n-47b85291.js');
+const loadable = require('./loadable-f8b40373.js');
+require('./guid-5ef151a6.js');
+require('./resources-d8917c46.js');
+require('./observers-ee7eadc4.js');
 
 /*!
  * 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.8.0
+ * v1.9.0
  */
 const IDS = {
   content: "content",

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

@@ -8,23 +8,24 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1ffa261f.js');
-const conditionalSlot = require('./conditionalSlot-795790b5.js');
-const dom = require('./dom-8d00cc3f.js');
-const interactive = require('./interactive-7837b73d.js');
-const locale = require('./locale-6479f239.js');
-const t9n = require('./t9n-c630f16d.js');
-const Heading = require('./Heading-8b27f655.js');
-const loadable = require('./loadable-d12ec307.js');
-require('./observers-62ea89bc.js');
-require('./guid-c351776c.js');
-require('./resources-2278b321.js');
-require('./browser-596d8e1e.js');
-require('./key-07312a4b.js');
+const conditionalSlot = require('./conditionalSlot-b6c29b8c.js');
+const dom = require('./dom-c585dfa7.js');
+const interactive = require('./interactive-17168f1c.js');
+const locale = require('./locale-62c20bcc.js');
+const t9n = require('./t9n-47b85291.js');
+const Heading = require('./Heading-2665acd8.js');
+const loadable = require('./loadable-f8b40373.js');
+const openCloseComponent = require('./openCloseComponent-71c34b2c.js');
+require('./observers-ee7eadc4.js');
+require('./guid-5ef151a6.js');
+require('./resources-d8917c46.js');
+require('./browser-09760f9f.js');
+require('./key-29076628.js');
 
 /*!
  * 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.8.0
+ * v1.9.0
  */
 const IDS = {
   content: "content",
@@ -66,7 +67,12 @@ const blockCss = ":host{box-sizing:border-box;background-color:var(--calcite-ui-
 const Block = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
+    this.calciteBlockBeforeClose = index.createEvent(this, "calciteBlockBeforeClose", 6);
+    this.calciteBlockBeforeOpen = index.createEvent(this, "calciteBlockBeforeOpen", 6);
+    this.calciteBlockClose = index.createEvent(this, "calciteBlockClose", 6);
+    this.calciteBlockOpen = index.createEvent(this, "calciteBlockOpen", 6);
     this.calciteBlockToggle = index.createEvent(this, "calciteBlockToggle", 6);
+    this.openTransitionProp = "opacity";
     // --------------------------------------------------------------------------
     //
     //  Private Methods
@@ -76,6 +82,9 @@ const Block = class {
       this.open = !this.open;
       this.calciteBlockToggle.emit();
     };
+    this.setTransitionEl = (el) => {
+      this.transitionEl = el;
+    };
     this.collapsible = false;
     this.disabled = false;
     this.dragHandle = false;
@@ -90,6 +99,9 @@ const Block = class {
     this.effectiveLocale = undefined;
     this.defaultMessages = undefined;
   }
+  openHandler() {
+    openCloseComponent.onToggleOpenCloseComponent(this);
+  }
   onMessagesChange() {
     /* wired up by t9n util */
   }
@@ -106,6 +118,18 @@ const Block = class {
     await loadable.componentFocusable(this);
     dom.focusFirstTabbable(this.el);
   }
+  onBeforeOpen() {
+    this.calciteBlockBeforeOpen.emit();
+  }
+  onOpen() {
+    this.calciteBlockOpen.emit();
+  }
+  onBeforeClose() {
+    this.calciteBlockBeforeClose.emit();
+  }
+  onClose() {
+    this.calciteBlockClose.emit();
+  }
   effectiveLocaleChange() {
     t9n.updateMessages(this, this.effectiveLocale);
   }
@@ -129,6 +153,9 @@ const Block = class {
   async componentWillLoad() {
     await t9n.setUpMessages(this);
     loadable.setUpLoadableComponent(this);
+    if (this.open) {
+      openCloseComponent.onToggleOpenCloseComponent(this);
+    }
   }
   componentDidLoad() {
     loadable.setComponentLoaded(this);
@@ -169,11 +196,14 @@ const Block = class {
     const headerNode = (index.h("div", { class: CSS.headerContainer }, this.dragHandle ? index.h("calcite-handle", null) : null, collapsible ? (index.h("button", { "aria-controls": IDS.content, "aria-describedby": IDS.header, "aria-expanded": collapsible ? dom.toAriaBoolean(open) : null, class: CSS.toggle, id: IDS.toggle, onClick: this.onHeaderClick, title: toggleLabel }, headerContent, !hasControl && !hasMenuActions ? (index.h("calcite-icon", { "aria-hidden": "true", class: CSS.toggleIcon, icon: collapseIcon, scale: "s" })) : null)) : (headerContent), hasControl ? (index.h("div", { class: CSS.controlContainer }, index.h("slot", { name: SLOTS.control }))) : null, hasMenuActions ? (index.h("calcite-action-menu", { label: messages.options }, index.h("slot", { name: SLOTS.headerMenuActions }))) : null));
     return (index.h(index.Host, null, index.h("article", { "aria-busy": dom.toAriaBoolean(loading), class: {
         [CSS.container]: true,
-      } }, headerNode, index.h("section", { "aria-labelledby": IDS.toggle, class: CSS.content, hidden: !open, id: IDS.content }, this.renderScrim()))));
+      } }, headerNode, index.h("section", { "aria-labelledby": IDS.toggle, class: CSS.content, hidden: !open, id: IDS.content,
+      // 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 }, this.renderScrim()))));
   }
   static get assetsDirs() { return ["assets"]; }
   get el() { return index.getElement(this); }
   static get watchers() { return {
+    "open": ["openHandler"],
     "messageOverrides": ["onMessagesChange"],
     "effectiveLocale": ["effectiveLocaleChange"]
   }; }

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

@@ -8,23 +8,24 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1ffa261f.js');
-const form = require('./form-78a3337d.js');
-const interactive = require('./interactive-7837b73d.js');
-const label = require('./label-39887629.js');
-const loadable = require('./loadable-d12ec307.js');
-const locale = require('./locale-6479f239.js');
-const observers = require('./observers-62ea89bc.js');
-const t9n = require('./t9n-c630f16d.js');
-require('./dom-8d00cc3f.js');
-require('./guid-c351776c.js');
-require('./resources-2278b321.js');
-require('./browser-596d8e1e.js');
-require('./key-07312a4b.js');
+const form = require('./form-88dd1a8a.js');
+const interactive = require('./interactive-17168f1c.js');
+const label = require('./label-a44d17b9.js');
+const loadable = require('./loadable-f8b40373.js');
+const locale = require('./locale-62c20bcc.js');
+const observers = require('./observers-ee7eadc4.js');
+const t9n = require('./t9n-47b85291.js');
+const globalAttributes = require('./globalAttributes-bb9603f4.js');
+require('./dom-c585dfa7.js');
+require('./guid-5ef151a6.js');
+require('./resources-d8917c46.js');
+require('./browser-09760f9f.js');
+require('./key-29076628.js');
 
 /*!
  * 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.8.0
+ * v1.9.0
  */
 const CSS = {
   buttonLoader: "calcite-button--loader",
@@ -102,6 +103,9 @@ const Button = class {
     this.effectiveLocale = "";
     this.defaultMessages = undefined;
     this.tooltipText = undefined;
+    this.globalAttributes = {
+      ariaExpanded: undefined,
+    };
   }
   loadingChanged(newValue, oldValue) {
     if (!!newValue && !oldValue) {
@@ -125,6 +129,7 @@ const Button = class {
     interactive.connectInteractive(this);
     locale.connectLocalized(this);
     t9n.connectMessages(this);
+    globalAttributes.watchGlobalAttributes(this, ["aria-expanded"]);
     this.hasLoader = this.loading;
     this.setupTextContentObserver();
     label.connectLabel(this);
@@ -139,6 +144,7 @@ const Button = class {
     t9n.disconnectMessages(this);
     (_b = this.resizeObserver) === null || _b === void 0 ? void 0 : _b.disconnect();
     this.formEl = null;
+    globalAttributes.unwatchGlobalAttributes(this);
   }
   async componentWillLoad() {
     loadable.setUpLoadableComponent(this);
@@ -162,13 +168,13 @@ const Button = class {
     const iconStartEl = (index.h("calcite-icon", { class: { [CSS.icon]: true, [CSS.iconStart]: true }, flipRtl: this.iconFlipRtl === "start" || this.iconFlipRtl === "both", icon: this.iconStart, scale: this.scale === "l" ? "m" : "s" }));
     const iconEndEl = (index.h("calcite-icon", { class: { [CSS.icon]: true, [CSS.iconEnd]: true }, flipRtl: this.iconFlipRtl === "end" || this.iconFlipRtl === "both", icon: this.iconEnd, scale: this.scale === "l" ? "m" : "s" }));
     const contentEl = (index.h("span", { class: CSS.content, ref: (el) => (this.contentEl = el) }, index.h("slot", null)));
-    return (index.h(Tag, { "aria-label": !this.loading ? label.getLabelText(this) : this.messages.loading, "aria-live": "polite", class: {
+    return (index.h(Tag, Object.assign({ "aria-label": !this.loading ? label.getLabelText(this) : this.messages.loading, "aria-live": "polite", class: {
         [CSS.buttonPadding]: noStartEndIcons,
         [CSS.buttonPaddingShrunk]: !noStartEndIcons,
         [CSS.contentSlotted]: this.hasContent,
         [CSS.iconStartEmpty]: !this.iconStart,
         [CSS.iconEndEmpty]: !this.iconEnd,
-      }, disabled: this.disabled || this.loading, href: childElType === "a" && this.href, name: childElType === "button" && this.name, onClick: this.handleClick, ref: this.setChildEl, rel: childElType === "a" && this.rel, tabIndex: this.disabled || this.loading ? -1 : null, target: childElType === "a" && this.target, title: this.tooltipText, type: childElType === "button" && this.type }, loaderNode, this.iconStart ? iconStartEl : null, this.hasContent ? contentEl : null, this.iconEnd ? iconEndEl : null));
+      }, disabled: this.disabled || this.loading, href: childElType === "a" && this.href, name: childElType === "button" && this.name, onClick: this.handleClick, ref: this.setChildEl, rel: childElType === "a" && this.rel, tabIndex: this.disabled || this.loading ? -1 : null, target: childElType === "a" && this.target, title: this.tooltipText, type: childElType === "button" && this.type }, this.globalAttributes), loaderNode, this.iconStart ? iconStartEl : null, this.hasContent ? contentEl : null, this.iconEnd ? iconEndEl : null));
   }
   //--------------------------------------------------------------------------
   //

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

@@ -8,19 +8,19 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1ffa261f.js');
-const conditionalSlot = require('./conditionalSlot-795790b5.js');
-const dom = require('./dom-8d00cc3f.js');
-const locale = require('./locale-6479f239.js');
-const t9n = require('./t9n-c630f16d.js');
-require('./observers-62ea89bc.js');
-require('./guid-c351776c.js');
-require('./resources-2278b321.js');
-require('./key-07312a4b.js');
+const conditionalSlot = require('./conditionalSlot-b6c29b8c.js');
+const dom = require('./dom-c585dfa7.js');
+const locale = require('./locale-62c20bcc.js');
+const t9n = require('./t9n-47b85291.js');
+require('./observers-ee7eadc4.js');
+require('./guid-5ef151a6.js');
+require('./resources-d8917c46.js');
+require('./key-29076628.js');
 
 /*!
  * 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.8.0
+ * v1.9.0
  */
 const CSS = {
   container: "container",

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

@@ -8,19 +8,19 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1ffa261f.js');
-const dom = require('./dom-8d00cc3f.js');
-const form = require('./form-78a3337d.js');
-const guid = require('./guid-c351776c.js');
-const interactive = require('./interactive-7837b73d.js');
-const key = require('./key-07312a4b.js');
-const label = require('./label-39887629.js');
-const loadable = require('./loadable-d12ec307.js');
-const conditionalSlot = require('./conditionalSlot-795790b5.js');
-const resources = require('./resources-2278b321.js');
-require('./browser-596d8e1e.js');
-require('./observers-62ea89bc.js');
+const dom = require('./dom-c585dfa7.js');
+const form = require('./form-88dd1a8a.js');
+const guid = require('./guid-5ef151a6.js');
+const interactive = require('./interactive-17168f1c.js');
+const key = require('./key-29076628.js');
+const label = require('./label-a44d17b9.js');
+const loadable = require('./loadable-f8b40373.js');
+const conditionalSlot = require('./conditionalSlot-b6c29b8c.js');
+const resources = require('./resources-d8917c46.js');
+require('./browser-09760f9f.js');
+require('./observers-ee7eadc4.js');
 
-const checkboxCss = ":host([disabled]){cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host([scale=s]){--calcite-checkbox-size:0.75rem}:host([scale=m]){--calcite-checkbox-size:var(--calcite-font-size--1)}:host([scale=l]){--calcite-checkbox-size:1rem}:host{position:relative;display:inline-flex;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}:host .check-svg,:host .toggle{inline-size:var(--calcite-checkbox-size);block-size:var(--calcite-checkbox-size)}:host .check-svg{pointer-events:none;box-sizing:border-box;display:block;overflow:hidden;background-color:var(--calcite-ui-foreground-1);fill:currentColor;stroke:currentColor;stroke-width:1;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;box-shadow:inset 0 0 0 1px var(--calcite-ui-border-input);color:var(--calcite-ui-background)}:host([checked]) .check-svg,:host([indeterminate]) .check-svg{background-color:var(--calcite-ui-brand);box-shadow:inset 0 0 0 1px var(--calcite-ui-brand)}:host([hovered]) .toggle .check-svg,:host .toggle:hover .check-svg{box-shadow:inset 0 0 0 2px var(--calcite-ui-brand)}.toggle{outline-color:transparent}.toggle:active,.toggle:focus,.toggle:focus-visible{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([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}::slotted(input[slot=hidden-form-input]){margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;inset:0 !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}:host([hidden]){display:none}[hidden]{display:none}";
+const checkboxCss = ":host([disabled]){cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host([scale=s]){--calcite-checkbox-size:0.75rem}:host([scale=m]){--calcite-checkbox-size:var(--calcite-font-size--1)}:host([scale=l]){--calcite-checkbox-size:1rem}:host{position:relative;display:inline-flex;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}:host .check-svg,:host .toggle{inline-size:var(--calcite-checkbox-size);block-size:var(--calcite-checkbox-size)}:host .check-svg{pointer-events:none;box-sizing:border-box;display:block;overflow:hidden;background-color:var(--calcite-ui-foreground-1);fill:currentColor;stroke:currentColor;stroke-width:1;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;box-shadow:inset 0 0 0 1px var(--calcite-ui-border-input);color:var(--calcite-ui-background)}:host([checked]) .check-svg,:host([indeterminate]) .check-svg{background-color:var(--calcite-ui-brand);box-shadow:inset 0 0 0 1px var(--calcite-ui-brand)}:host([hovered]) .toggle .check-svg,:host .toggle:hover .check-svg{box-shadow:inset 0 0 0 2px var(--calcite-ui-brand)}.toggle{position:relative;outline-color:transparent}.toggle:active,.toggle:focus,.toggle:focus-visible{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          )}.toggle::after{content:\"\";inset-block-start:50%;inset-inline-start:50%;min-block-size:1.5rem;min-inline-size:1.5rem;position:absolute;transform:translateX(-50%) translateY(-50%)}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}::slotted(input[slot=hidden-form-input]){margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;inset:0 !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}:host([hidden]){display:none}[hidden]{display:none}";
 
 const Checkbox = class {
   constructor(hostRef) {
@@ -138,7 +138,7 @@ Checkbox.style = checkboxCss;
 /*!
  * 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.8.0
+ * v1.9.0
  */
 function isTreeItem(element) {
   return element?.tagName === "CALCITE-TREE-ITEM";
@@ -286,17 +286,15 @@ const Tree = class {
       this.el.tabIndex = this.getRootTabIndex();
     }
   }
-  onClick(event) {
-    const target = event.target;
-    const childItems = dom.nodeListToArray(target.querySelectorAll("calcite-tree-item"));
+  onInternalTreeItemSelect(event) {
     if (this.child) {
       return;
     }
-    if (!this.child) {
-      event.preventDefault();
-      event.stopPropagation();
-    }
-    if (this.selectionMode === "ancestors" && !this.child) {
+    const target = event.target;
+    const childItems = dom.nodeListToArray(target.querySelectorAll("calcite-tree-item"));
+    event.preventDefault();
+    event.stopPropagation();
+    if (this.selectionMode === "ancestors") {
       this.updateAncestorTree(event);
       return;
     }
@@ -314,62 +312,51 @@ const Tree = class {
         childItems.length <= 0) ||
         this.selectionMode === "children" ||
         this.selectionMode === "multichildren");
-    const shouldUpdateExpand = ["children", "multichildren"].includes(this.selectionMode) ||
-      (["single", "multiple"].includes(this.selectionMode) &&
-        target.hasChildren &&
-        !event.detail.forceToggle);
-    if (!this.child) {
-      const targetItems = [];
-      if (shouldSelect) {
-        targetItems.push(target);
-      }
-      if (shouldClearCurrentSelection) {
-        const selectedItems = dom.nodeListToArray(this.el.querySelectorAll("calcite-tree-item[selected]"));
-        selectedItems.forEach((treeItem) => {
-          if (!targetItems.includes(treeItem)) {
-            treeItem.selected = false;
-          }
-        });
-      }
-      if (shouldUpdateExpand) {
-        if (["single", "multiple"].includes(this.selectionMode)) {
-          target.expanded = !target.expanded;
+    const shouldUpdateExpand = ["multiple", "none", "single", "single-persist"].includes(this.selectionMode) &&
+      target.hasChildren;
+    const targetItems = [];
+    if (shouldSelect) {
+      targetItems.push(target);
+    }
+    if (shouldClearCurrentSelection) {
+      const selectedItems = dom.nodeListToArray(this.el.querySelectorAll("calcite-tree-item[selected]"));
+      selectedItems.forEach((treeItem) => {
+        if (!targetItems.includes(treeItem)) {
+          treeItem.selected = false;
         }
-        else if (this.selectionMode === "multichildren") {
-          target.expanded = !target.selected;
+      });
+    }
+    if (shouldUpdateExpand &&
+      ["multiple", "none", "single", "single-persist"].includes(this.selectionMode)) {
+      target.expanded = !target.expanded;
+    }
+    if (shouldDeselectAllChildren) {
+      childItems.forEach((item) => {
+        item.selected = false;
+        if (item.hasChildren) {
+          item.expanded = false;
         }
-        else if (this.selectionMode === "children") {
-          target.expanded = target.selected ? !target.expanded : true;
+      });
+    }
+    if (shouldModifyToCurrentSelection) {
+      window.getSelection().removeAllRanges();
+    }
+    if (shouldModifyToCurrentSelection && target.selected) {
+      targetItems.forEach((treeItem) => {
+        if (!treeItem.disabled) {
+          treeItem.selected = false;
         }
-      }
-      if (shouldDeselectAllChildren) {
-        childItems.forEach((item) => {
-          item.selected = false;
-          if (item.hasChildren) {
-            item.expanded = false;
-          }
-        });
-      }
-      if (shouldModifyToCurrentSelection) {
-        window.getSelection().removeAllRanges();
-      }
-      if ((shouldModifyToCurrentSelection && target.selected) || event.detail.forceToggle) {
-        targetItems.forEach((treeItem) => {
-          if (!treeItem.disabled) {
-            treeItem.selected = false;
-          }
-        });
-      }
-      else if (!isNoneSelectionMode) {
-        targetItems.forEach((treeItem) => {
-          if (!treeItem.disabled) {
-            treeItem.selected = true;
-          }
-        });
-      }
+      });
+    }
+    else if (!isNoneSelectionMode) {
+      targetItems.forEach((treeItem) => {
+        if (!treeItem.disabled) {
+          treeItem.selected = true;
+        }
+      });
     }
     this.selectedItems = isNoneSelectionMode
-      ? [target]
+      ? []
       : dom.nodeListToArray(this.el.querySelectorAll("calcite-tree-item")).filter((i) => i.selected);
     this.calciteTreeSelect.emit();
     event.stopPropagation();
@@ -451,7 +438,7 @@ Tree.style = treeCss;
 /*!
  * 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.8.0
+ * v1.9.0
  */
 const CSS = {
   actionsEnd: "actions-end",
@@ -477,7 +464,7 @@ const ICONS = {
   blank: "blank",
 };
 
-const treeItemCss = ":host([disabled]){cursor:default;-webkit-user-select:none;-moz-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, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;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%;-webkit-text-decoration-line:none;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 treeItemCss = ":host([disabled]){cursor:default;-webkit-user-select:none;-moz-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, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;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%;-webkit-text-decoration-line:none;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}.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) {
@@ -524,7 +511,6 @@ const TreeItem = class {
       }
       this.calciteInternalTreeItemSelect.emit({
         modifyCurrentSelection: true,
-        forceToggle: false,
         updateItem: false,
       });
     }
@@ -641,32 +627,24 @@ const TreeItem = class {
     }
     this.calciteInternalTreeItemSelect.emit({
       modifyCurrentSelection: this.selectionMode === "ancestors" || this.isSelectionMultiLike,
-      forceToggle: false,
       updateItem: true,
     });
     this.userChangedValue = true;
   }
   keyDownHandler(event) {
-    if (this.isActionEndEvent(event)) {
+    if (this.isActionEndEvent(event) || event.defaultPrevented) {
       return;
     }
     switch (event.key) {
       case " ":
-        if (this.selectionMode === "none") {
-          return;
-        }
         this.userChangedValue = true;
         this.calciteInternalTreeItemSelect.emit({
           modifyCurrentSelection: this.isSelectionMultiLike,
-          forceToggle: false,
           updateItem: true,
         });
         event.preventDefault();
         break;
       case "Enter":
-        if (this.selectionMode === "none") {
-          return;
-        }
         // 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 = Array.from(this.el.children).find((el) => el.matches("a"));
         this.userChangedValue = true;
@@ -677,7 +655,6 @@ const TreeItem = class {
         else {
           this.calciteInternalTreeItemSelect.emit({
             modifyCurrentSelection: this.isSelectionMultiLike,
-            forceToggle: false,
             updateItem: true,
           });
         }

package/dist/cjs/calcite-chip-group.cjs.entry.js

@@ -8,13 +8,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1ffa261f.js');
-const dom = require('./dom-8d00cc3f.js');
-const interactive = require('./interactive-7837b73d.js');
-const observers = require('./observers-62ea89bc.js');
-const loadable = require('./loadable-d12ec307.js');
-require('./guid-c351776c.js');
-require('./resources-2278b321.js');
-require('./browser-596d8e1e.js');
+const dom = require('./dom-c585dfa7.js');
+const interactive = require('./interactive-17168f1c.js');
+const observers = require('./observers-ee7eadc4.js');
+const loadable = require('./loadable-f8b40373.js');
+require('./guid-5ef151a6.js');
+require('./resources-d8917c46.js');
+require('./browser-09760f9f.js');
 
 const chipGroupCss = ":host([disabled]){cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host([disabled]) *,:host([disabled]) ::slotted(*){pointer-events:none}:host{display:flex}.container{display:flex;inline-size:100%;flex-wrap:wrap;gap:0.5rem}::slotted(calcite-chip){flex:none}:host([scale=s]) .container{gap:0.25rem}:host([scale=l]) .container{gap:0.75rem}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host([hidden]){display:none}[hidden]{display:none}";
 

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

@@ -8,22 +8,22 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1ffa261f.js');
-const dom = require('./dom-8d00cc3f.js');
-const conditionalSlot = require('./conditionalSlot-795790b5.js');
-const loadable = require('./loadable-d12ec307.js');
-const t9n = require('./t9n-c630f16d.js');
-const interactive = require('./interactive-7837b73d.js');
-const locale = require('./locale-6479f239.js');
-const observers = require('./observers-62ea89bc.js');
-const key = require('./key-07312a4b.js');
-require('./guid-c351776c.js');
-require('./resources-2278b321.js');
-require('./browser-596d8e1e.js');
+const dom = require('./dom-c585dfa7.js');
+const conditionalSlot = require('./conditionalSlot-b6c29b8c.js');
+const loadable = require('./loadable-f8b40373.js');
+const t9n = require('./t9n-47b85291.js');
+const interactive = require('./interactive-17168f1c.js');
+const locale = require('./locale-62c20bcc.js');
+const observers = require('./observers-ee7eadc4.js');
+const key = require('./key-29076628.js');
+require('./guid-5ef151a6.js');
+require('./resources-d8917c46.js');
+require('./browser-09760f9f.js');
 
 /*!
  * 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.8.0
+ * v1.9.0
  */
 const CSS = {
   title: "title",

package/dist/cjs/calcite-color-picker-hex-input_2.cjs.entry.js

@@ -8,18 +8,18 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1ffa261f.js');
-const utils = require('./utils-a3380f70.js');
-const resources = require('./resources-2454960d.js');
-const dom = require('./dom-8d00cc3f.js');
-const loadable = require('./loadable-d12ec307.js');
+const utils = require('./utils-e99ff998.js');
+const resources = require('./resources-3a88b7d8.js');
+const dom = require('./dom-c585dfa7.js');
+const loadable = require('./loadable-f8b40373.js');
 require('./_commonjsHelpers-384729db.js');
-require('./guid-c351776c.js');
-require('./resources-2278b321.js');
+require('./guid-5ef151a6.js');
+require('./resources-d8917c46.js');
 
 /*!
  * 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.8.0
+ * v1.9.0
  */
 const CSS$1 = {
   container: "container",
@@ -273,7 +273,7 @@ ColorPickerHexInput.style = colorPickerHexInputCss;
 /*!
  * 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.8.0
+ * v1.9.0
  */
 const CSS = {
   swatch: "swatch",