@esri/calcite-components 1.0.0-next.653 → 1.0.0-next.655

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

@@ -1,18 +1,18 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.653
+ * v1.0.0-next.655
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-11cbd6ae.js');
-const guid = require('./guid-7c9bf705.js');
-const dom = require('./dom-8db20575.js');
-const observers = require('./observers-1cb80ad6.js');
-const interactive = require('./interactive-12572356.js');
-require('./resources-61c779db.js');
+const index = require('./index-e7f6d8a9.js');
+const guid = require('./guid-bcf2e27d.js');
+const dom = require('./dom-0c006683.js');
+const observers = require('./observers-93a0a981.js');
+const interactive = require('./interactive-50819d76.js');
+require('./resources-154a6134.js');
 
 const tabCss = "@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host([selected]) section,:host([selected]) .container{display:block}:host{display:none;block-size:100%;inline-size:100%}:host([selected]){display:block;block-size:100%;inline-size:100%;overflow:auto}section,.container{display:none;block-size:100%;inline-size:100%}:host([scale=s]){padding-block:0.25rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=m]){padding-block:0.5rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=l]){padding-block:0.75rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}";
 
@@ -54,13 +54,11 @@ const Tab = class {
     this.calciteInternalTabRegister.emit();
   }
   componentWillRender() {
-    var _a;
-    this.scale = (_a = this.parentTabsEl) === null || _a === void 0 ? void 0 : _a.scale;
+    this.scale = this.parentTabsEl?.scale;
   }
   disconnectedCallback() {
-    var _a;
     // Dispatching to body in order to be listened by other elements that are still connected to the DOM.
-    (_a = document.body) === null || _a === void 0 ? void 0 : _a.dispatchEvent(new CustomEvent("calciteTabUnregister", {
+    document.body?.dispatchEvent(new CustomEvent("calciteTabUnregister", {
       detail: this.el
     }));
   }
@@ -141,7 +139,7 @@ const TabNav = class {
     //
     //--------------------------------------------------------------------------
     this.handleTabFocus = (event, tabTitle) => {
-      tabTitle === null || tabTitle === void 0 ? void 0 : tabTitle.focus();
+      tabTitle?.focus();
       event.stopPropagation();
       event.preventDefault();
     };
@@ -185,13 +183,11 @@ const TabNav = class {
   //
   //--------------------------------------------------------------------------
   connectedCallback() {
-    var _a;
     this.parentTabsEl = this.el.closest("calcite-tabs");
-    (_a = this.resizeObserver) === null || _a === void 0 ? void 0 : _a.observe(this.el);
+    this.resizeObserver?.observe(this.el);
   }
   disconnectedCallback() {
-    var _a;
-    (_a = this.resizeObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
+    this.resizeObserver?.disconnect();
   }
   componentWillLoad() {
     const storageKey = `calcite-tab-nav-${this.storageId}`;
@@ -202,10 +198,10 @@ const TabNav = class {
   }
   componentWillRender() {
     const { parentTabsEl } = this;
-    this.layout = parentTabsEl === null || parentTabsEl === void 0 ? void 0 : parentTabsEl.layout;
-    this.position = parentTabsEl === null || parentTabsEl === void 0 ? void 0 : parentTabsEl.position;
-    this.scale = parentTabsEl === null || parentTabsEl === void 0 ? void 0 : parentTabsEl.scale;
-    this.bordered = parentTabsEl === null || parentTabsEl === void 0 ? void 0 : parentTabsEl.bordered;
+    this.layout = parentTabsEl?.layout;
+    this.position = parentTabsEl?.position;
+    this.scale = parentTabsEl?.scale;
+    this.bordered = parentTabsEl?.bordered;
     // fix issue with active tab-title not lining up with blue indicator
     if (this.selectedTabEl) {
       this.updateOffsetPosition();
@@ -287,18 +283,16 @@ const TabNav = class {
     this.updateActiveWidth();
   }
   updateOffsetPosition() {
-    var _a, _b, _c, _d, _e;
     const dir = dom.getElementDir(this.el);
-    const navWidth = (_a = this.activeIndicatorContainerEl) === null || _a === void 0 ? void 0 : _a.offsetWidth;
-    const tabLeft = (_b = this.selectedTabEl) === null || _b === void 0 ? void 0 : _b.offsetLeft;
-    const tabWidth = (_c = this.selectedTabEl) === null || _c === void 0 ? void 0 : _c.offsetWidth;
+    const navWidth = this.activeIndicatorContainerEl?.offsetWidth;
+    const tabLeft = this.selectedTabEl?.offsetLeft;
+    const tabWidth = this.selectedTabEl?.offsetWidth;
     const offsetRight = navWidth - (tabLeft + tabWidth);
     this.indicatorOffset =
-      dir !== "rtl" ? tabLeft - ((_d = this.tabNavEl) === null || _d === void 0 ? void 0 : _d.scrollLeft) : offsetRight + ((_e = this.tabNavEl) === null || _e === void 0 ? void 0 : _e.scrollLeft);
+      dir !== "rtl" ? tabLeft - this.tabNavEl?.scrollLeft : offsetRight + this.tabNavEl?.scrollLeft;
   }
   updateActiveWidth() {
-    var _a;
-    this.indicatorWidth = (_a = this.selectedTabEl) === null || _a === void 0 ? void 0 : _a.offsetWidth;
+    this.indicatorWidth = this.selectedTabEl?.offsetWidth;
   }
   getIndexOfTabTitle(el, tabTitles = this.tabTitles) {
     // In most cases, since these indexes correlate with tab contents, we want to consider all tab titles.
@@ -389,13 +383,12 @@ const TabTitle = class {
     this.parentTabsEl = this.el.closest("calcite-tabs");
   }
   disconnectedCallback() {
-    var _a, _b, _c;
-    (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
+    this.mutationObserver?.disconnect();
     // Dispatching to body in order to be listened by other elements that are still connected to the DOM.
-    (_b = document.body) === null || _b === void 0 ? void 0 : _b.dispatchEvent(new CustomEvent("calciteTabTitleUnregister", {
+    document.body?.dispatchEvent(new CustomEvent("calciteTabTitleUnregister", {
       detail: this.el
     }));
-    (_c = this.resizeObserver) === null || _c === void 0 ? void 0 : _c.disconnect();
+    this.resizeObserver?.disconnect();
   }
   componentWillLoad() {
     {
@@ -425,7 +418,7 @@ const TabTitle = class {
     return (index.h(index.Host, { "aria-controls": this.controls, "aria-selected": dom.toAriaBoolean(this.selected), id: id, role: "tab", tabIndex: this.selected ? 0 : -1 }, index.h("div", { class: {
         container: true,
         "container--has-text": this.hasText
-      }, ref: (el) => { var _a; return (_a = this.resizeObserver) === null || _a === void 0 ? void 0 : _a.observe(el); } }, this.iconStart ? iconStartEl : null, index.h("slot", null), this.iconEnd ? iconEndEl : null)));
+      }, ref: (el) => this.resizeObserver?.observe(el) }, this.iconStart ? iconStartEl : null, index.h("slot", null), this.iconEnd ? iconEndEl : null)));
   }
   async componentDidLoad() {
     this.calciteInternalTabTitleRegister.emit(await this.getTabIdentifier());
@@ -524,8 +517,7 @@ const TabTitle = class {
     this.hasText = this.el.textContent.trim().length > 0;
   }
   setupTextContentObserver() {
-    var _a;
-    (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.observe(this.el, { childList: true, subtree: true });
+    this.mutationObserver?.observe(this.el, { childList: true, subtree: true });
   }
   emitActiveTab(userTriggered = true) {
     if (this.disabled) {

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-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.653
+ * v1.0.0-next.655
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-11cbd6ae.js');
-const guid = require('./guid-7c9bf705.js');
-const interactive = require('./interactive-12572356.js');
-const loadable = require('./loadable-fdc027c5.js');
+const index = require('./index-e7f6d8a9.js');
+const guid = require('./guid-bcf2e27d.js');
+const interactive = require('./interactive-50819d76.js');
+const loadable = require('./loadable-5fff6d49.js');
 
 const CSS = {
   checked: "checked",
@@ -63,9 +63,8 @@ const TileSelect = class {
   //--------------------------------------------------------------------------
   /** Sets focus on the component. */
   async setFocus() {
-    var _a;
     await loadable.componentLoaded(this);
-    (_a = this.input) === null || _a === void 0 ? void 0 : _a.setFocus();
+    this.input?.setFocus();
   }
   //--------------------------------------------------------------------------
   //

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-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.653
+ * v1.0.0-next.655
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-11cbd6ae.js');
-const dom = require('./dom-8db20575.js');
-const conditionalSlot = require('./conditionalSlot-d2dd31d5.js');
-const interactive = require('./interactive-12572356.js');
-require('./resources-61c779db.js');
-require('./guid-7c9bf705.js');
-require('./observers-1cb80ad6.js');
+const index = require('./index-e7f6d8a9.js');
+const dom = require('./dom-0c006683.js');
+const conditionalSlot = require('./conditionalSlot-01e94659.js');
+const interactive = require('./interactive-50819d76.js');
+require('./resources-154a6134.js');
+require('./guid-bcf2e27d.js');
+require('./observers-93a0a981.js');
 
 const SLOTS = {
   contentStart: "content-start",

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

@@ -1,19 +1,19 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.653
+ * v1.0.0-next.655
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-11cbd6ae.js');
-const dom = require('./dom-8db20575.js');
-const Heading = require('./Heading-dd6d6eb7.js');
-const conditionalSlot = require('./conditionalSlot-d2dd31d5.js');
-const observers = require('./observers-1cb80ad6.js');
-require('./resources-61c779db.js');
-require('./guid-7c9bf705.js');
+const index = require('./index-e7f6d8a9.js');
+const dom = require('./dom-0c006683.js');
+const Heading = require('./Heading-86fb7f76.js');
+const conditionalSlot = require('./conditionalSlot-01e94659.js');
+const observers = require('./observers-93a0a981.js');
+require('./resources-154a6134.js');
+require('./guid-bcf2e27d.js');
 
 const CSS$1 = {
   container: "container",
@@ -73,9 +73,8 @@ const Tip = class {
   //
   // --------------------------------------------------------------------------
   renderHeader() {
-    var _a;
     const { heading, headingLevel, el } = this;
-    const parentLevel = (_a = el.closest("calcite-tip-manager")) === null || _a === void 0 ? void 0 : _a.headingLevel;
+    const parentLevel = el.closest("calcite-tip-manager")?.headingLevel;
     const relativeLevel = parentLevel ? Heading.constrainHeadingLevel(parentLevel + 1) : null;
     const level = headingLevel || relativeLevel;
     return heading ? (index.h("header", { class: CSS$1.header }, index.h(Heading.Heading, { class: CSS$1.heading, level: level }, heading))) : null;
@@ -210,13 +209,11 @@ const TipManager = class {
   //
   // --------------------------------------------------------------------------
   connectedCallback() {
-    var _a;
     this.setUpTips();
-    (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.observe(this.el, { childList: true, subtree: true });
+    this.mutationObserver?.observe(this.el, { childList: true, subtree: true });
   }
   disconnectedCallback() {
-    var _a;
-    (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
+    this.mutationObserver?.disconnect();
   }
   // --------------------------------------------------------------------------
   //
@@ -265,7 +262,7 @@ const TipManager = class {
   updateGroupTitle() {
     const selectedTip = this.tips[this.selectedIndex];
     const tipParent = selectedTip.closest("calcite-tip-group");
-    this.groupTitle = (tipParent === null || tipParent === void 0 ? void 0 : tipParent.groupTitle) || this.intlDefaultTitle || TEXT.defaultGroupTitle;
+    this.groupTitle = tipParent?.groupTitle || this.intlDefaultTitle || TEXT.defaultGroupTitle;
   }
   // --------------------------------------------------------------------------
   //

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

@@ -1,19 +1,19 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.653
+ * v1.0.0-next.655
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-11cbd6ae.js');
-const guid = require('./guid-7c9bf705.js');
-const floatingUi = require('./floating-ui-16ec7ef7.js');
-const dom = require('./dom-8db20575.js');
-const openCloseComponent = require('./openCloseComponent-42ea9fde.js');
-require('./debounce-fec2cc26.js');
-require('./resources-61c779db.js');
+const index = require('./index-e7f6d8a9.js');
+const guid = require('./guid-bcf2e27d.js');
+const floatingUi = require('./floating-ui-357b6162.js');
+const dom = require('./dom-0c006683.js');
+const openCloseComponent = require('./openCloseComponent-7e8c6590.js');
+require('./debounce-9787fe3f.js');
+require('./resources-154a6134.js');
 
 const CSS = {
   container: "container",
@@ -63,7 +63,7 @@ class TooltipManager {
       }
       const clickedTooltip = this.queryTooltip(event.composedPath());
       this.clickedTooltip = clickedTooltip;
-      if (clickedTooltip === null || clickedTooltip === void 0 ? void 0 : clickedTooltip.closeOnClick) {
+      if (clickedTooltip?.closeOnClick) {
         this.toggleTooltip(clickedTooltip, false);
         this.clearHoverTimeout(clickedTooltip);
       }

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

@@ -1,22 +1,22 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.653
+ * v1.0.0-next.655
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-11cbd6ae.js');
-const dom = require('./dom-8db20575.js');
-const resources = require('./resources-61c779db.js');
-const conditionalSlot = require('./conditionalSlot-d2dd31d5.js');
-const interactive = require('./interactive-12572356.js');
-require('./guid-7c9bf705.js');
-require('./observers-1cb80ad6.js');
+const index = require('./index-e7f6d8a9.js');
+const dom = require('./dom-0c006683.js');
+const resources = require('./resources-154a6134.js');
+const conditionalSlot = require('./conditionalSlot-01e94659.js');
+const interactive = require('./interactive-50819d76.js');
+require('./guid-bcf2e27d.js');
+require('./observers-93a0a981.js');
 
 function isTreeItem(element) {
-  return element === null || element === void 0 ? void 0 : element.matches("calcite-tree-item");
+  return element?.matches("calcite-tree-item");
 }
 function getEnabledSiblingItem(el, direction) {
   const directionProp = direction === "down" ? "nextElementSibling" : "previousElementSibling";
@@ -49,8 +49,7 @@ const Tree = class {
   //
   //--------------------------------------------------------------------------
   componentWillRender() {
-    var _a;
-    const parent = (_a = this.el.parentElement) === null || _a === void 0 ? void 0 : _a.closest("calcite-tree");
+    const parent = this.el.parentElement?.closest("calcite-tree");
     this.lines = parent ? parent.lines : this.lines;
     this.scale = parent ? parent.scale : this.scale;
     this.selectionMode = parent ? parent.selectionMode : this.selectionMode;
@@ -167,7 +166,6 @@ const Tree = class {
     event.stopPropagation();
   }
   keyDownHandler(event) {
-    var _a;
     const root = this.el.closest("calcite-tree:not([child])");
     const target = event.target;
     if (!(root === this.el && target.tagName === "CALCITE-TREE-ITEM" && this.el.contains(target))) {
@@ -209,7 +207,7 @@ const Tree = class {
       if (target.hasChildren) {
         if (target.expanded && dom.getRootNode(this.el).activeElement === target) {
           // When focus is on an open node, moves focus to the first child node.
-          (_a = getEnabledSiblingItem(target.querySelector("calcite-tree-item"), "down")) === null || _a === void 0 ? void 0 : _a.focus();
+          getEnabledSiblingItem(target.querySelector("calcite-tree-item"), "down")?.focus();
           event.preventDefault();
         }
         else {
@@ -330,13 +328,12 @@ const TreeItem = class {
       items.forEach((item) => (item.parentExpanded = expanded));
     };
     this.updateAncestorTree = () => {
-      var _a;
       if (this.selected && this.selectionMode === "ancestors") {
         const ancestors = [];
         let parent = this.parentTreeItem;
         while (parent) {
           ancestors.push(parent);
-          parent = (_a = parent.parentElement) === null || _a === void 0 ? void 0 : _a.closest("calcite-tree-item");
+          parent = parent.parentElement?.closest("calcite-tree-item");
         }
         ancestors.forEach((item) => (item.indeterminate = true));
         return;
@@ -368,8 +365,7 @@ const TreeItem = class {
   //
   //--------------------------------------------------------------------------
   connectedCallback() {
-    var _a;
-    this.parentTreeItem = (_a = this.el.parentElement) === null || _a === void 0 ? void 0 : _a.closest("calcite-tree-item");
+    this.parentTreeItem = this.el.parentElement?.closest("calcite-tree-item");
     if (this.parentTreeItem) {
       const { expanded } = this.parentTreeItem;
       this.updateParentIsExpanded(this.parentTreeItem, expanded);
@@ -380,7 +376,6 @@ const TreeItem = class {
     conditionalSlot.disconnectConditionalSlotComponent(this);
   }
   componentWillRender() {
-    var _a;
     this.hasChildren = !!this.el.querySelector("calcite-tree");
     this.depth = 0;
     let parentTree = this.el.closest("calcite-tree");
@@ -392,7 +387,7 @@ const TreeItem = class {
     this.lines = parentTree.lines;
     let nextParentTree;
     while (parentTree) {
-      nextParentTree = (_a = parentTree.parentElement) === null || _a === void 0 ? void 0 : _a.closest("calcite-tree");
+      nextParentTree = parentTree.parentElement?.closest("calcite-tree");
       if (nextParentTree === parentTree) {
         break;
       }
@@ -494,7 +489,7 @@ const TreeItem = class {
       case "Home":
         root = this.el.closest("calcite-tree:not([child])");
         const firstNode = root.querySelector("calcite-tree-item");
-        firstNode === null || firstNode === void 0 ? void 0 : firstNode.focus();
+        firstNode?.focus();
         break;
       case "End":
         root = this.el.closest("calcite-tree:not([child])");
@@ -504,7 +499,7 @@ const TreeItem = class {
           currentNode = currentTree.children[root.children.length - 1];
           currentTree = dom.nodeListToArray(currentNode.children).find((el) => el.matches("calcite-tree"));
         }
-        currentNode === null || currentNode === void 0 ? void 0 : currentNode.focus();
+        currentNode?.focus();
         break;
     }
   }

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

@@ -1,24 +1,24 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.653
+ * v1.0.0-next.655
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-11cbd6ae.js');
-const sortable_esm = require('./sortable.esm-ec7f83ae.js');
-const resources = require('./resources-01342a2b.js');
-const observers = require('./observers-1cb80ad6.js');
-const interactive = require('./interactive-12572356.js');
-const loadable = require('./loadable-fdc027c5.js');
-const guid = require('./guid-7c9bf705.js');
-const dom = require('./dom-8db20575.js');
-const conditionalSlot = require('./conditionalSlot-d2dd31d5.js');
-require('./array-bc2da329.js');
-require('./debounce-fec2cc26.js');
-require('./resources-61c779db.js');
+const index = require('./index-e7f6d8a9.js');
+const sortable_esm = require('./sortable.esm-2e3e4661.js');
+const resources = require('./resources-d4a726c6.js');
+const observers = require('./observers-93a0a981.js');
+const interactive = require('./interactive-50819d76.js');
+const loadable = require('./loadable-5fff6d49.js');
+const guid = require('./guid-bcf2e27d.js');
+const dom = require('./dom-0c006683.js');
+const conditionalSlot = require('./conditionalSlot-01e94659.js');
+require('./array-6f9691d3.js');
+require('./debounce-9787fe3f.js');
+require('./resources-154a6134.js');
 
 const CSS = {
   container: "container",
@@ -61,10 +61,10 @@ function getScreenReaderText(item, status, valueList) {
 function getHandleAndItemElement(event) {
   const handle = event
     .composedPath()
-    .find((item) => { var _a; return ((_a = item.dataset) === null || _a === void 0 ? void 0 : _a.jsHandle) !== undefined; });
+    .find((item) => item.dataset?.jsHandle !== undefined);
   const item = event
     .composedPath()
-    .find((item) => { var _a; return ((_a = item.tagName) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === "calcite-value-list-item"; });
+    .find((item) => item.tagName?.toLowerCase() === "calcite-value-list-item");
   return { handle, item };
 }
 function replacePlaceholders(text, label, position, total) {
@@ -129,7 +129,7 @@ const ValueList = class {
       }
       this.items = this.getItems();
       this.calciteListOrderChange.emit(this.items.map(({ value }) => value));
-      requestAnimationFrame(() => handle === null || handle === void 0 ? void 0 : handle.focus());
+      requestAnimationFrame(() => handle?.focus());
       item.handleActivated = true;
       this.updateHandleAriaLabel(handle, getScreenReaderText(item, "change", this));
     };
@@ -138,7 +138,7 @@ const ValueList = class {
     };
     this.handleFocusIn = (event) => {
       const { handle, item } = getHandleAndItemElement(event);
-      if (!(item === null || item === void 0 ? void 0 : item.handleActivated) && item && handle) {
+      if (!item?.handleActivated && item && handle) {
         this.updateHandleAriaLabel(handle, getScreenReaderText(item, "idle", this));
       }
     };
@@ -235,8 +235,7 @@ const ValueList = class {
     });
   }
   cleanUpDragAndDrop() {
-    var _a;
-    (_a = this.sortable) === null || _a === void 0 ? void 0 : _a.destroy();
+    this.sortable?.destroy();
     this.sortable = null;
   }
   handleBlur() {
@@ -369,9 +368,8 @@ const ValueListItem = class {
   }
   /** Set focus on the component. */
   async setFocus() {
-    var _a;
     await loadable.componentLoaded(this);
-    (_a = this.pickListItem) === null || _a === void 0 ? void 0 : _a.setFocus();
+    this.pickListItem?.setFocus();
   }
   calciteListItemChangeHandler(event) {
     // adjust item payload from wrapped item before bubbling

package/dist/cjs/calcite.cjs.js

@@ -1,13 +1,13 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.653
+ * v1.0.0-next.655
  */
 'use strict';
 
-const index = require('./index-11cbd6ae.js');
-const appGlobals = require('./app-globals-35dd7e0f.js');
-require('./resources-61c779db.js');
+const index = require('./index-e7f6d8a9.js');
+const appGlobals = require('./app-globals-f51875dc.js');
+require('./resources-154a6134.js');
 
 /*
  Stencil Client Patch Browser v2.19.3 | MIT Licensed | https://stenciljs.com

package/dist/cjs/{conditionalSlot-d2dd31d5.js → conditionalSlot-01e94659.js}

@@ -1,12 +1,12 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.653
+ * v1.0.0-next.655
  */
 'use strict';
 
-const index = require('./index-11cbd6ae.js');
-const observers = require('./observers-1cb80ad6.js');
+const index = require('./index-e7f6d8a9.js');
+const observers = require('./observers-93a0a981.js');
 
 const observed = new Set();
 let mutationObserver;

package/dist/cjs/{debounce-fec2cc26.js → debounce-9787fe3f.js}

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.653
+ * v1.0.0-next.655
  */
 'use strict';
 

package/dist/cjs/{dom-8db20575.js → dom-0c006683.js}

@@ -1,12 +1,12 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.653
+ * v1.0.0-next.655
  */
 'use strict';
 
-const resources = require('./resources-61c779db.js');
-const guid = require('./guid-7c9bf705.js');
+const resources = require('./resources-154a6134.js');
+const guid = require('./guid-bcf2e27d.js');
 
 /**
  * This helper will guarantee an ID on the provided element.
@@ -27,7 +27,7 @@ function nodeListToArray(nodeList) {
 }
 function getThemeName(el) {
   const closestElWithTheme = closestElementCrossShadowBoundary(el, `.${resources.CSS_UTILITY.darkTheme}, .${resources.CSS_UTILITY.lightTheme}`);
-  return (closestElWithTheme === null || closestElWithTheme === void 0 ? void 0 : closestElWithTheme.classList.contains("calcite-theme-dark")) ? "dark" : "light";
+  return closestElWithTheme?.classList.contains("calcite-theme-dark") ? "dark" : "light";
 }
 function getElementDir(el) {
   const prop = "dir";
@@ -117,7 +117,7 @@ function containsCrossShadowBoundary(element, maybeDescendant) {
   return !!walkUpAncestry(maybeDescendant, (node) => (node === element ? true : undefined));
 }
 function isCalciteFocusable(el) {
-  return typeof (el === null || el === void 0 ? void 0 : el.setFocus) === "function";
+  return typeof el?.setFocus === "function";
 }
 async function focusElement(el) {
   if (!el) {
@@ -136,21 +136,21 @@ function getSlotted(element, slotName, options) {
       ? slotName.map((name) => `[slot="${name}"]`).join(",")
       : `[slot="${slotName}"]`
     : defaultSlotSelector;
-  if (options === null || options === void 0 ? void 0 : options.all) {
+  if (options?.all) {
     return queryMultiple(element, slotSelector, options);
   }
   return querySingle(element, slotSelector, options);
 }
 function getDirectChildren(el, selector) {
-  return el ? Array.from(el.children || []).filter((child) => child === null || child === void 0 ? void 0 : child.matches(selector)) : [];
+  return el ? Array.from(el.children || []).filter((child) => child?.matches(selector)) : [];
 }
 function queryMultiple(element, slotSelector, options) {
   let matches = slotSelector === defaultSlotSelector
     ? getDirectChildren(element, defaultSlotSelector)
     : Array.from(element.querySelectorAll(slotSelector));
   matches = options && options.direct === false ? matches : matches.filter((el) => el.parentElement === element);
-  matches = (options === null || options === void 0 ? void 0 : options.matches) ? matches.filter((el) => el === null || el === void 0 ? void 0 : el.matches(options.matches)) : matches;
-  const selector = options === null || options === void 0 ? void 0 : options.selector;
+  matches = options?.matches ? matches.filter((el) => el?.matches(options.matches)) : matches;
+  const selector = options?.selector;
   return selector
     ? matches
       .map((item) => Array.from(item.querySelectorAll(selector)))
@@ -162,10 +162,10 @@ function querySingle(element, slotSelector, options) {
   let match = slotSelector === defaultSlotSelector
     ? getDirectChildren(element, defaultSlotSelector)[0] || null
     : element.querySelector(slotSelector);
-  match = options && options.direct === false ? match : (match === null || match === void 0 ? void 0 : match.parentElement) === element ? match : null;
-  match = (options === null || options === void 0 ? void 0 : options.matches) ? ((match === null || match === void 0 ? void 0 : match.matches(options.matches)) ? match : null) : match;
-  const selector = options === null || options === void 0 ? void 0 : options.selector;
-  return selector ? match === null || match === void 0 ? void 0 : match.querySelector(selector) : match;
+  match = options && options.direct === false ? match : match?.parentElement === element ? match : null;
+  match = options?.matches ? (match?.matches(options.matches) ? match : null) : match;
+  const selector = options?.selector;
+  return selector ? match?.querySelector(selector) : match;
 }
 function filterDirectChildren(el, selector) {
   return Array.from(el.children).filter((child) => child.matches(selector));