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

package/dist/collection/components/input-time-picker/input-time-picker.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
  */
 import { h, Host } from "@stencil/core";
 import { guid } from "../../utils/guid";
@@ -239,9 +239,8 @@ export class InputTimePicker {
   // --------------------------------------------------------------------------
   /** Sets focus on the component. */
   async setFocus() {
-    var _a;
     await componentLoaded(this);
-    (_a = this.calciteInputEl) === null || _a === void 0 ? void 0 : _a.setFocus();
+    this.calciteInputEl?.setFocus();
   }
   /**
    * Updates the position of the component.
@@ -249,8 +248,7 @@ export class InputTimePicker {
    * @param delayed
    */
   async reposition(delayed = false) {
-    var _a;
-    (_a = this.popoverEl) === null || _a === void 0 ? void 0 : _a.reposition(delayed);
+    this.popoverEl?.reposition(delayed);
   }
   onLabelClick() {
     this.setFocus();
@@ -300,7 +298,7 @@ export class InputTimePicker {
   // --------------------------------------------------------------------------
   render() {
     const popoverId = `${this.referenceElementId}-popover`;
-    return (h(Host, { onKeyDown: this.keyDownHandler }, h("div", { "aria-controls": popoverId, "aria-haspopup": "dialog", "aria-label": this.name, "aria-owns": popoverId, id: this.referenceElementId, role: "combobox" }, h("calcite-input", { disabled: this.disabled, icon: "clock", label: getLabelText(this), onCalciteInputInput: this.calciteInputInputHandler, onCalciteInternalInputBlur: this.calciteInternalInputBlurHandler, onCalciteInternalInputFocus: this.calciteInternalInputFocusHandler, readOnly: this.readOnly, ref: this.setCalciteInputEl, scale: this.scale, step: this.step })), h("calcite-popover", { disableFocusTrap: true, id: popoverId, label: "Time Picker", open: this.open, overlayPositioning: this.overlayPositioning, placement: this.placement, ref: this.setCalcitePopoverEl, referenceElement: this.referenceElementId, triggerDisabled: true }, h("calcite-time-picker", { intlHour: this.intlHour, intlHourDown: this.intlHourDown, intlHourUp: this.intlHourUp, intlMeridiem: this.intlMeridiem, intlMeridiemDown: this.intlMeridiemDown, intlMeridiemUp: this.intlMeridiemUp, intlMinute: this.intlMinute, intlMinuteDown: this.intlMinuteDown, intlMinuteUp: this.intlMinuteUp, intlSecond: this.intlSecond, intlSecondDown: this.intlSecondDown, intlSecondUp: this.intlSecondUp, lang: this.effectiveLocale, numberingSystem: this.numberingSystem, onCalciteInternalTimePickerChange: this.timePickerChangeHandler, ref: this.setCalciteTimePickerEl, scale: this.scale, step: this.step, value: this.value })), h(HiddenFormInputSlot, { component: this })));
+    return (h(Host, { onKeyDown: this.keyDownHandler }, h("div", { "aria-controls": popoverId, "aria-haspopup": "dialog", "aria-label": this.name, "aria-owns": popoverId, id: this.referenceElementId, role: "combobox" }, h("calcite-input", { disabled: this.disabled, icon: "clock", label: getLabelText(this), onCalciteInputInput: this.calciteInputInputHandler, onCalciteInternalInputBlur: this.calciteInternalInputBlurHandler, onCalciteInternalInputFocus: this.calciteInternalInputFocusHandler, readOnly: this.readOnly, ref: this.setCalciteInputEl, scale: this.scale, step: this.step })), h("calcite-popover", { disableFocusTrap: true, id: popoverId, label: "Time Picker", open: this.open, overlayPositioning: this.overlayPositioning, placement: this.placement, ref: this.setCalcitePopoverEl, referenceElement: this.referenceElementId, triggerDisabled: true }, h("calcite-time-picker", { intlHour: this.intlHour, intlHourDown: this.intlHourDown, intlHourUp: this.intlHourUp, intlMeridiem: this.intlMeridiem, intlMeridiemDown: this.intlMeridiemDown, intlMeridiemUp: this.intlMeridiemUp, intlMinute: this.intlMinute, intlMinuteDown: this.intlMinuteDown, intlMinuteUp: this.intlMinuteUp, intlSecond: this.intlSecond, intlSecondDown: this.intlSecondDown, intlSecondUp: this.intlSecondUp, numberingSystem: this.numberingSystem, onCalciteInternalTimePickerChange: this.timePickerChangeHandler, ref: this.setCalciteTimePickerEl, scale: this.scale, step: this.step, value: this.value })), h(HiddenFormInputSlot, { component: this })));
   }
   static get is() { return "calcite-input-time-picker"; }
   static get encapsulation() { return "shadow"; }

package/dist/collection/components/label/label.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
  */
 import { h, Host } from "@stencil/core";
 import { labelDisconnectedEvent, labelConnectedEvent } from "../../utils/label";

package/dist/collection/components/label/resources.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
  */
 export const CSS = {
   container: "container"

package/dist/collection/components/link/link.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
  */
 import { h, Host } from "@stencil/core";
 import { focusElement, getElementDir } from "../../utils/dom";

package/dist/collection/components/list/list.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
  */
 import { h } from "@stencil/core";
 import { CSS, debounceTimeout } from "./resources";
@@ -47,7 +47,7 @@ export class List {
       const values = filteredData.map((item) => item.value);
       const groups = new Set();
       let hasSelectedMatch = false;
-      const filteredItems = (listItems === null || listItems === void 0 ? void 0 : listItems.filter((item) => {
+      const filteredItems = listItems?.filter((item) => {
         const parent = item.parentElement;
         const grouped = parent.matches("calcite-list-item-group");
         if (grouped) {
@@ -59,7 +59,7 @@ export class List {
           hasSelectedMatch = matches && item.selected;
         }
         return matches;
-      })) || [];
+      }) || [];
       this.filteredItems = filteredItems;
       groups.forEach((group) => {
         const hasAtLeastOneMatch = filteredItems.some((item) => group.contains(item));
@@ -121,8 +121,7 @@ export class List {
       focusEl.setFocus();
     };
     this.isNavigable = (listItem) => {
-      var _a;
-      const parentListItemEl = (_a = listItem.parentElement) === null || _a === void 0 ? void 0 : _a.closest(listItemSelector);
+      const parentListItemEl = listItem.parentElement?.closest(listItemSelector);
       if (!parentListItemEl) {
         return true;
       }
@@ -207,13 +206,11 @@ export class List {
   //
   //--------------------------------------------------------------------------
   connectedCallback() {
-    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 });
     this.updateListItems();
   }
   disconnectedCallback() {
-    var _a;
-    (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
+    this.mutationObserver?.disconnect();
   }
   componentWillLoad() {
     setUpLoadableComponent(this);
@@ -224,7 +221,7 @@ export class List {
   componentDidLoad() {
     setComponentLoaded(this);
     const { filterEl } = this;
-    const filteredItems = filterEl === null || filterEl === void 0 ? void 0 : filterEl.filteredItems;
+    const filteredItems = filterEl?.filteredItems;
     if (filteredItems) {
       this.filteredData = filteredItems;
     }
@@ -237,9 +234,8 @@ export class List {
   // --------------------------------------------------------------------------
   /** Sets focus on the component. */
   async setFocus() {
-    var _a;
     await componentLoaded(this);
-    (_a = this.enabledListItems.find((listItem) => listItem.active)) === null || _a === void 0 ? void 0 : _a.setFocus();
+    this.enabledListItems.find((listItem) => listItem.active)?.setFocus();
   }
   // --------------------------------------------------------------------------
   //

package/dist/collection/components/list/resources.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
  */
 export const CSS = {
   container: "container",

package/dist/collection/components/list-item/list-item.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
  */
 import { h, Host } from "@stencil/core";
 import { SLOTS, CSS, ICONS } from "./resources";
@@ -127,7 +127,7 @@ export class ListItem {
           tableCell.removeAttribute(tabIndexAttr);
         }
       });
-      focusEl === null || focusEl === void 0 ? void 0 : focusEl.focus();
+      focusEl?.focus();
     };
     this.active = false;
     this.description = undefined;
@@ -192,11 +192,11 @@ export class ListItem {
         this.focusCell(cells[focusIndex]);
       }
       else {
-        containerEl === null || containerEl === void 0 ? void 0 : containerEl.focus();
+        containerEl?.focus();
       }
       return;
     }
-    containerEl === null || containerEl === void 0 ? void 0 : containerEl.focus();
+    containerEl?.focus();
   }
   // --------------------------------------------------------------------------
   //
@@ -217,7 +217,7 @@ export class ListItem {
   renderOpen() {
     const { el, open, openable, parentListEl } = this;
     const dir = getElementDir(el);
-    return openable ? (h("td", { class: CSS.openContainer, key: "open-container", onClick: this.toggleOpen }, h("calcite-icon", { icon: open ? ICONS.open : dir === "rtl" ? ICONS.closedRTL : ICONS.closedLTR, scale: "s" }))) : (parentListEl === null || parentListEl === void 0 ? void 0 : parentListEl.openable) ? (h("td", { class: CSS.openContainer, key: "open-container", onClick: this.toggleSelected }, h("calcite-icon", { icon: ICONS.blank, scale: "s" }))) : null;
+    return openable ? (h("td", { class: CSS.openContainer, key: "open-container", onClick: this.toggleOpen }, h("calcite-icon", { icon: open ? ICONS.open : dir === "rtl" ? ICONS.closedRTL : ICONS.closedLTR, scale: "s" }))) : parentListEl?.openable ? (h("td", { class: CSS.openContainer, key: "open-container", onClick: this.toggleSelected }, h("calcite-icon", { icon: ICONS.blank, scale: "s" }))) : null;
   }
   renderActionsStart() {
     const { label, hasActionsStart } = this;

package/dist/collection/components/list-item/resources.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
  */
 export const CSS = {
   container: "container",

package/dist/collection/components/list-item/utils.js

@@ -1,17 +1,17 @@
 /*!
  * 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
  */
 import { Build } from "@stencil/core";
 const listItemGroupSelector = "calcite-list-item-group";
 const listItemSelector = "calcite-list-item";
 export function getListItemChildren(event) {
   const assignedElements = event.target.assignedElements({ flatten: true });
-  const listItemGroupChildren = assignedElements.filter((el) => el === null || el === void 0 ? void 0 : el.matches(listItemGroupSelector))
+  const listItemGroupChildren = assignedElements.filter((el) => el?.matches(listItemGroupSelector))
     .map((group) => Array.from(group.querySelectorAll(listItemSelector)))
     .reduce((previousValue, currentValue) => [...previousValue, ...currentValue], []);
-  const listItemChildren = assignedElements.filter((el) => el === null || el === void 0 ? void 0 : el.matches(listItemSelector));
+  const listItemChildren = assignedElements.filter((el) => el?.matches(listItemSelector));
   return [...listItemGroupChildren, ...listItemChildren];
 }
 export function updateListItemChildren(listItemChildren) {

package/dist/collection/components/list-item-group/list-item-group.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
  */
 import { h, Host } from "@stencil/core";
 import { updateHostInteraction } from "../../utils/interactive";

package/dist/collection/components/list-item-group/resources.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
  */
 export const CSS = {
   container: "container",

package/dist/collection/components/loader/loader.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
  */
 import { h, Host } from "@stencil/core";
 import { guid } from "../../utils/guid";

package/dist/collection/components/modal/modal.css

@@ -92,7 +92,7 @@
 * @prop --calcite-modal-padding: [Deprecated] The padding around content area slot.
 * @prop --calcite-modal-padding-large: [Deprecated] The left/right padding around items within the component.
 * @prop --calcite-modal-title-text: [Deprecated] The component title's font size.
-* @prop --calcite-scrim-background: [Deprecated] The component's semi-transparent background color.
+* @prop --calcite-scrim-background: The component's semi-transparent background color.
 */
 :host {
   position: fixed;

package/dist/collection/components/modal/modal.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
  */
 import { h, Host } from "@stencil/core";
 import { ensureId, focusElement, getSlotted } from "../../utils/dom";
@@ -88,8 +88,7 @@ export class Modal {
     setComponentLoaded(this);
   }
   connectedCallback() {
-    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 });
     this.updateFooterVisibility();
     connectConditionalSlotComponent(this);
     connectOpenCloseComponent(this);
@@ -101,9 +100,8 @@ export class Modal {
     }
   }
   disconnectedCallback() {
-    var _a;
     this.removeOverflowHiddenClass();
-    (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
+    this.mutationObserver?.disconnect();
     disconnectConditionalSlotComponent(this);
     disconnectOpenCloseComponent(this);
     deactivateFocusTrap(this);
@@ -228,14 +226,13 @@ export class Modal {
     this.open = value;
   }
   async toggleModal(value) {
-    var _a, _b;
     this.active = value;
     if (value) {
-      (_a = this.transitionEl) === null || _a === void 0 ? void 0 : _a.classList.add(CSS.openingIdle);
+      this.transitionEl?.classList.add(CSS.openingIdle);
       this.openModal();
     }
     else {
-      (_b = this.transitionEl) === null || _b === void 0 ? void 0 : _b.classList.add(CSS.closingIdle);
+      this.transitionEl?.classList.add(CSS.closingIdle);
       this.close();
     }
   }

package/dist/collection/components/modal/resources.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
  */
 export const CSS = {
   modal: "modal",

package/dist/collection/components/notice/notice.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
  */
 import { h } from "@stencil/core";
 import { CSS, SLOTS, TEXT } from "./resources";

package/dist/collection/components/notice/resources.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
  */
 export const TEXT = {
   close: "Close"

package/dist/collection/components/option/option.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
  */
 import { h } from "@stencil/core";
 import { createObserver } from "../../utils/observers";
@@ -44,9 +44,8 @@ export class Option {
   //
   //--------------------------------------------------------------------------
   connectedCallback() {
-    var _a;
     this.ensureTextContentDependentProps();
-    (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.observe(this.el, {
+    this.mutationObserver?.observe(this.el, {
       attributeFilter: ["label", "value"],
       characterData: true,
       childList: true,
@@ -54,8 +53,7 @@ export class Option {
     });
   }
   disconnectedCallback() {
-    var _a;
-    (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
+    this.mutationObserver?.disconnect();
   }
   //--------------------------------------------------------------------------
   //

package/dist/collection/components/option-group/option-group.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
  */
 import { h, Fragment } from "@stencil/core";
 /**

package/dist/collection/components/pagination/pagination.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
  */
 import { h, Fragment } from "@stencil/core";
 import { connectLocalized, disconnectLocalized, numberStringFormatter } from "../../utils/locale";

package/dist/collection/components/pagination/resources.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
  */
 export const CSS = {
   page: "page",

package/dist/collection/components/panel/panel.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
  */
 import { h, Fragment } from "@stencil/core";
 import { CSS, ICONS, SLOTS, TEXT } from "./resources";
@@ -103,11 +103,10 @@ export class Panel {
       this.hasFab = !!elements.length;
     };
     this.setPanelScrollEl = (el) => {
-      var _a, _b;
       this.panelScrollEl = el;
-      (_a = this.resizeObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
+      this.resizeObserver?.disconnect();
       if (el) {
-        (_b = this.resizeObserver) === null || _b === void 0 ? void 0 : _b.observe(el);
+        this.resizeObserver?.observe(el);
         this.resizeHandler();
       }
     };
@@ -151,8 +150,7 @@ export class Panel {
   //
   // --------------------------------------------------------------------------
   disconnectedCallback() {
-    var _a;
-    (_a = this.resizeObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
+    this.resizeObserver?.disconnect();
   }
   // --------------------------------------------------------------------------
   //
@@ -168,11 +166,11 @@ export class Panel {
     await componentLoaded(this);
     const { backButtonEl, closeButtonEl, containerEl } = this;
     if (focusId === "back-button") {
-      backButtonEl === null || backButtonEl === void 0 ? void 0 : backButtonEl.setFocus();
+      backButtonEl?.setFocus();
       return;
     }
     if (focusId === "dismiss-button") {
-      closeButtonEl === null || closeButtonEl === void 0 ? void 0 : closeButtonEl.setFocus();
+      closeButtonEl?.setFocus();
       return;
     }
     if (backButtonEl) {
@@ -183,7 +181,7 @@ export class Panel {
       closeButtonEl.setFocus();
       return;
     }
-    containerEl === null || containerEl === void 0 ? void 0 : containerEl.focus();
+    containerEl?.focus();
   }
   /**
    * Scrolls the component's content to a specified set of coordinates.
@@ -197,8 +195,7 @@ export class Panel {
    * @param options
    */
   async scrollContentTo(options) {
-    var _a;
-    (_a = this.panelScrollEl) === null || _a === void 0 ? void 0 : _a.scrollTo(options);
+    this.panelScrollEl?.scrollTo(options);
   }
   // --------------------------------------------------------------------------
   //

package/dist/collection/components/panel/resources.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
  */
 export const CSS = {
   backButton: "back-button",

package/dist/collection/components/pick-list/pick-list.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
  */
 import { h } from "@stencil/core";
 import { ICON_TYPES } from "./resources";

package/dist/collection/components/pick-list/resources.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
  */
 export const CSS = {
   sticky: "sticky-pos"

package/dist/collection/components/pick-list/shared-list-logic.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
  */
 import { debounce } from "lodash-es";
 import { focusElement, getSlotted } from "../../utils/dom";
@@ -25,12 +25,10 @@ export function initialize() {
   this.emitCalciteListFilter = debounce(internalCalciteListFilterEvent.bind(this), 0);
 }
 export function initializeObserver() {
-  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 });
 }
 export function cleanUpObserver() {
-  var _a;
-  (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
+  this.mutationObserver?.disconnect();
 }
 // --------------------------------------------------------------------------
 //
@@ -173,7 +171,6 @@ function toggleSingleSelectItemTabbing(item, selectable) {
   }
 }
 export async function setFocus(focusId) {
-  var _a;
   if (this.filterEnabled && focusId === "filter") {
     await focusElement(this.filterEl);
     return;
@@ -183,7 +180,7 @@ export async function setFocus(focusId) {
     return;
   }
   if (multiple) {
-    return (_a = filterOutDisabled(items)[0]) === null || _a === void 0 ? void 0 : _a.setFocus();
+    return filterOutDisabled(items)[0]?.setFocus();
   }
   const filtered = filterOutDisabled(items);
   const focusTarget = filtered.find((item) => item.selected) || filtered[0];
@@ -260,14 +257,13 @@ export function selectSiblings(item, deselect = false) {
 }
 let groups;
 export function handleFilter(emit = false) {
-  var _a;
   const { filteredData, filterText } = this;
   const values = filteredData.map((item) => item.value);
   let hasSelectedMatch = false;
   if (!groups) {
     groups = new Set();
   }
-  const matchedItems = ((_a = this.items) === null || _a === void 0 ? void 0 : _a.filter((item) => {
+  const matchedItems = this.items?.filter((item) => {
     const parent = item.parentElement;
     const grouped = parent.matches("calcite-pick-list-group");
     if (grouped) {
@@ -279,7 +275,7 @@ export function handleFilter(emit = false) {
       hasSelectedMatch = matches && item.selected;
     }
     return matches;
-  })) || [];
+  }) || [];
   groups.forEach((group) => {
     const hasAtLeastOneMatch = matchedItems.some((item) => group.contains(item));
     group.hidden = !hasAtLeastOneMatch;
@@ -304,8 +300,7 @@ export function handleFilter(emit = false) {
   }
 }
 export function handleInitialFilter() {
-  var _a;
-  const filteredItems = (_a = this.filterEl) === null || _a === void 0 ? void 0 : _a.filteredItems;
+  const filteredItems = this.filterEl?.filteredItems;
   if (filteredItems) {
     this.filteredData = filteredItems;
   }

package/dist/collection/components/pick-list/shared-list-render.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
  */
 import { h, Host } from "@stencil/core";
 import { toAriaBoolean } from "../../utils/dom";

package/dist/collection/components/pick-list-group/pick-list-group.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
  */
 import { h, Fragment } from "@stencil/core";
 import { CSS, SLOTS } from "./resources";
@@ -33,7 +33,6 @@ export class PickListGroup {
   //
   // --------------------------------------------------------------------------
   render() {
-    var _a;
     const { el, groupTitle, headingLevel } = this;
     const hasParentItem = getSlotted(el, SLOTS.parentItem) !== null;
     const sectionClasses = {
@@ -41,7 +40,7 @@ export class PickListGroup {
       [CSS.indented]: hasParentItem
     };
     const title = groupTitle;
-    const parentLevel = (_a = el.closest("calcite-pick-list")) === null || _a === void 0 ? void 0 : _a.headingLevel;
+    const parentLevel = el.closest("calcite-pick-list")?.headingLevel;
     const relativeLevel = parentLevel ? constrainHeadingLevel(parentLevel + 1) : null;
     const level = headingLevel || relativeLevel;
     return (h(Fragment, null, title ? (h(Heading, { class: CSS.heading, level: level }, title)) : null, h("slot", { name: SLOTS.parentItem }), h("section", { class: sectionClasses }, h("slot", null))));

package/dist/collection/components/pick-list-group/resources.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
  */
 export const CSS = {
   heading: "heading",

package/dist/collection/components/pick-list-item/pick-list-item.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
  */
 import { Fragment, h } from "@stencil/core";
 import { CSS, ICONS, SLOTS, TEXT } from "./resources";
@@ -109,9 +109,8 @@ export class PickListItem {
   }
   /** Sets focus on the component. */
   async setFocus() {
-    var _a;
     await componentLoaded(this);
-    (_a = this.focusEl) === null || _a === void 0 ? void 0 : _a.focus();
+    this.focusEl?.focus();
   }
   // --------------------------------------------------------------------------
   //