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

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

package/dist/collection/components/input-date-picker/input-date-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.654
  */
 import { h, Host, Build } from "@stencil/core";
 import { getLocaleData, getValueAsDateRange } from "../date-picker/utils";
@@ -62,15 +62,14 @@ export class InputDatePicker {
       this.open = false;
     };
     this.keyDownHandler = (event) => {
-      var _a, _b;
       const { defaultPrevented, key } = event;
       if (key === "Enter" && !defaultPrevented) {
         this.commitValue();
         if (this.shouldFocusRangeEnd()) {
-          (_a = this.endInput) === null || _a === void 0 ? void 0 : _a.setFocus();
+          this.endInput?.setFocus();
         }
         else if (this.shouldFocusRangeStart()) {
-          (_b = this.startInput) === null || _b === void 0 ? void 0 : _b.setFocus();
+          this.startInput?.setFocus();
         }
         if (submitForm(this)) {
           event.preventDefault();
@@ -122,7 +121,6 @@ export class InputDatePicker {
       this.localizeInputValues();
     };
     this.handleDateRangeChange = (event) => {
-      var _a, _b;
       if (!this.range || !event.detail) {
         return;
       }
@@ -131,10 +129,10 @@ export class InputDatePicker {
       this.setRangeValue([startDate, endDate]);
       this.localizeInputValues();
       if (this.shouldFocusRangeEnd()) {
-        (_a = this.endInput) === null || _a === void 0 ? void 0 : _a.setFocus();
+        this.endInput?.setFocus();
       }
       else if (this.shouldFocusRangeStart()) {
-        (_b = this.startInput) === null || _b === void 0 ? void 0 : _b.setFocus();
+        this.startInput?.setFocus();
       }
     };
     this.setInputValue = (newValue, input = "start") => {
@@ -341,9 +339,8 @@ export class InputDatePicker {
   // --------------------------------------------------------------------------
   /** Sets focus on the component. */
   async setFocus() {
-    var _a;
     await componentLoaded(this);
-    (_a = this.startInput) === null || _a === void 0 ? void 0 : _a.setFocus();
+    this.startInput?.setFocus();
   }
   /**
    * Updates the position of the component.
@@ -435,14 +432,13 @@ export class InputDatePicker {
     updateHostInteraction(this);
   }
   render() {
-    var _a, _b;
     const { disabled, effectiveLocale, numberingSystem, readOnly } = this;
     numberStringFormatter.numberFormatOptions = {
       numberingSystem,
       locale: effectiveLocale,
       useGrouping: false
     };
-    return (h(Host, { onBlur: this.deactivate, onKeyDown: this.keyDownHandler, role: "application" }, this.localeData && (h("div", { "aria-expanded": toAriaBoolean(this.open), class: "input-container", role: "application" }, h("div", { class: "input-wrapper", ref: this.setStartWrapper }, h("calcite-input", { class: `input ${this.layout === "vertical" && this.range ? `no-bottom-border` : ``}`, disabled: disabled, icon: "calendar", label: getLabelText(this), lang: effectiveLocale, "number-button-type": "none", numberingSystem: numberingSystem, onCalciteInputInput: this.calciteInternalInputInputHandler, onCalciteInternalInputBlur: this.calciteInternalInputBlurHandler, onCalciteInternalInputFocus: this.startInputFocus, placeholder: (_a = this.localeData) === null || _a === void 0 ? void 0 : _a.placeholder, readOnly: readOnly, ref: this.setStartInput, scale: this.scale, type: "text" })), h("div", { "aria-hidden": toAriaBoolean(!this.open), class: {
+    return (h(Host, { onBlur: this.deactivate, onKeyDown: this.keyDownHandler, role: "application" }, this.localeData && (h("div", { "aria-expanded": toAriaBoolean(this.open), class: "input-container", role: "application" }, h("div", { class: "input-wrapper", ref: this.setStartWrapper }, h("calcite-input", { class: `input ${this.layout === "vertical" && this.range ? `no-bottom-border` : ``}`, disabled: disabled, icon: "calendar", label: getLabelText(this), lang: effectiveLocale, "number-button-type": "none", numberingSystem: numberingSystem, onCalciteInputInput: this.calciteInternalInputInputHandler, onCalciteInternalInputBlur: this.calciteInternalInputBlurHandler, onCalciteInternalInputFocus: this.startInputFocus, placeholder: this.localeData?.placeholder, readOnly: readOnly, ref: this.setStartInput, scale: this.scale, type: "text" })), h("div", { "aria-hidden": toAriaBoolean(!this.open), class: {
         [CSS.menu]: true,
         [CSS.menuActive]: this.open
       }, ref: this.setFloatingEl }, h("div", { class: {
@@ -453,7 +449,7 @@ export class InputDatePicker {
       }, ref: this.setTransitionEl }, h("calcite-date-picker", { activeDate: this.datePickerActiveDate, activeRange: this.focusedInput, endAsDate: this.endAsDate, headingLevel: this.headingLevel, intlNextMonth: this.intlNextMonth, intlPrevMonth: this.intlPrevMonth, intlYear: this.intlYear, lang: effectiveLocale, max: this.max, maxAsDate: this.maxAsDate, min: this.min, minAsDate: this.minAsDate, numberingSystem: numberingSystem, onCalciteDatePickerChange: this.handleDateChange, onCalciteDatePickerRangeChange: this.handleDateRangeChange, proximitySelectionDisabled: this.proximitySelectionDisabled, range: this.range, scale: this.scale, startAsDate: this.startAsDate, tabIndex: 0, valueAsDate: this.valueAsDate }))), this.range && this.layout === "horizontal" && (h("div", { class: "horizontal-arrow-container" }, h("calcite-icon", { flipRtl: true, icon: "arrow-right", scale: "s" }))), this.range && this.layout === "vertical" && this.scale !== "s" && (h("div", { class: "vertical-arrow-container" }, h("calcite-icon", { icon: "arrow-down", scale: "s" }))), this.range && (h("div", { class: "input-wrapper", ref: this.setEndWrapper }, h("calcite-input", { class: {
         input: true,
         "border-top-color-one": this.layout === "vertical" && this.range
-      }, disabled: disabled, icon: "calendar", lang: effectiveLocale, "number-button-type": "none", numberingSystem: numberingSystem, onCalciteInputInput: this.calciteInternalInputInputHandler, onCalciteInternalInputBlur: this.calciteInternalInputBlurHandler, onCalciteInternalInputFocus: this.endInputFocus, placeholder: (_b = this.localeData) === null || _b === void 0 ? void 0 : _b.placeholder, readOnly: readOnly, ref: this.setEndInput, scale: this.scale, type: "text" }))))), h(HiddenFormInputSlot, { component: this })));
+      }, disabled: disabled, icon: "calendar", lang: effectiveLocale, "number-button-type": "none", numberingSystem: numberingSystem, onCalciteInputInput: this.calciteInternalInputInputHandler, onCalciteInternalInputBlur: this.calciteInternalInputBlurHandler, onCalciteInternalInputFocus: this.endInputFocus, placeholder: this.localeData?.placeholder, readOnly: readOnly, ref: this.setEndInput, scale: this.scale, type: "text" }))))), h(HiddenFormInputSlot, { component: this })));
   }
   setReferenceEl() {
     const { focusedInput, layout, endWrapper, startWrapper } = this;

package/dist/collection/components/input-date-picker/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.654
  */
 export const CSS = {
   menu: "menu-container",

package/dist/collection/components/input-message/input-message.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.654
  */
 import { Host, h } from "@stencil/core";
 import { getElementProp, setRequestedIcon } from "../../utils/dom";

package/dist/collection/components/input-message/interfaces.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.654
  */
 export var StatusIconDefaults;
 (function (StatusIconDefaults) {

package/dist/collection/components/input-number/input-number.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.654
  */
 import { h, Host } from "@stencil/core";
 import { getElementDir, getElementProp, getSlotted, isPrimaryPointerButton, setRequestedIcon } from "../../utils/dom";
@@ -310,13 +310,11 @@ export class InputNumber {
   }
   /** watcher to update number-to-string for max */
   maxWatcher() {
-    var _a;
-    this.maxString = ((_a = this.max) === null || _a === void 0 ? void 0 : _a.toString()) || null;
+    this.maxString = this.max?.toString() || null;
   }
   /** watcher to update number-to-string for min */
   minWatcher() {
-    var _a;
-    this.minString = ((_a = this.min) === null || _a === void 0 ? void 0 : _a.toString()) || null;
+    this.minString = this.min?.toString() || null;
   }
   valueWatcher(newValue, previousValue) {
     if (!this.userChangedValue) {
@@ -345,7 +343,6 @@ export class InputNumber {
   //
   //--------------------------------------------------------------------------
   connectedCallback() {
-    var _a;
     connectLocalized(this);
     this.scale = getElementProp(this.el, "scale", this.scale);
     this.status = getElementProp(this.el, "status", this.status);
@@ -362,7 +359,7 @@ export class InputNumber {
       origin: "connected",
       value: isValidNumber(this.value) ? this.value : ""
     });
-    (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.observe(this.el, { childList: true });
+    this.mutationObserver?.observe(this.el, { childList: true });
     this.setDisabledAction();
     this.el.addEventListener("calciteInternalHiddenInputChange", this.hiddenInputChangeHandler);
   }
@@ -370,18 +367,16 @@ export class InputNumber {
     setComponentLoaded(this);
   }
   disconnectedCallback() {
-    var _a;
     disconnectLabel(this);
     disconnectForm(this);
     disconnectLocalized(this);
-    (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
+    this.mutationObserver?.disconnect();
     this.el.removeEventListener("calciteInternalHiddenInputChange", this.hiddenInputChangeHandler);
   }
   componentWillLoad() {
-    var _a, _b;
     setUpLoadableComponent(this);
-    this.maxString = (_a = this.max) === null || _a === void 0 ? void 0 : _a.toString();
-    this.minString = (_b = this.min) === null || _b === void 0 ? void 0 : _b.toString();
+    this.maxString = this.max?.toString();
+    this.minString = this.min?.toString();
     this.requestedIcon = setRequestedIcon({}, this.icon, "number");
   }
   componentShouldUpdate(newValue, oldValue, property) {
@@ -404,14 +399,12 @@ export class InputNumber {
   //--------------------------------------------------------------------------
   /** Sets focus on the component. */
   async setFocus() {
-    var _a;
     await componentLoaded(this);
-    (_a = this.childNumberEl) === null || _a === void 0 ? void 0 : _a.focus();
+    this.childNumberEl?.focus();
   }
   /** Selects all text of the component's `value`. */
   async selectText() {
-    var _a;
-    (_a = this.childNumberEl) === null || _a === void 0 ? void 0 : _a.select();
+    this.childNumberEl?.select();
   }
   onLabelClick() {
     this.setFocus();
@@ -442,10 +435,9 @@ export class InputNumber {
     });
   }
   syncHiddenFormInput(input) {
-    var _a, _b, _c, _d;
     input.type = "number";
-    input.min = (_b = (_a = this.min) === null || _a === void 0 ? void 0 : _a.toString(10)) !== null && _b !== void 0 ? _b : "";
-    input.max = (_d = (_c = this.max) === null || _c === void 0 ? void 0 : _c.toString(10)) !== null && _d !== void 0 ? _d : "";
+    input.min = this.min?.toString(10) ?? "";
+    input.max = this.max?.toString(10) ?? "";
   }
   setDisabledAction() {
     const slottedActionEl = getSlotted(this.el, "action");

package/dist/collection/components/input-number/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.654
  */
 export const CSS = {
   loader: "loader",

package/dist/collection/components/input-text/input-text.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.654
  */
 import { h, Host } from "@stencil/core";
 import { getElementDir, getElementProp, getSlotted, setRequestedIcon } from "../../utils/dom";
@@ -185,7 +185,6 @@ export class InputText {
   //
   //--------------------------------------------------------------------------
   connectedCallback() {
-    var _a;
     this.scale = getElementProp(this.el, "scale", this.scale);
     this.status = getElementProp(this.el, "status", this.status);
     this.inlineEditableEl = this.el.closest("calcite-inline-editable");
@@ -196,15 +195,14 @@ export class InputText {
     this.setPreviousValue(this.value);
     connectLabel(this);
     connectForm(this);
-    (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.observe(this.el, { childList: true });
+    this.mutationObserver?.observe(this.el, { childList: true });
     this.setDisabledAction();
     this.el.addEventListener("calciteInternalHiddenInputChange", this.hiddenInputChangeHandler);
   }
   disconnectedCallback() {
-    var _a;
     disconnectLabel(this);
     disconnectForm(this);
-    (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
+    this.mutationObserver?.disconnect();
     this.el.removeEventListener("calciteInternalHiddenInputChange", this.hiddenInputChangeHandler);
   }
   componentWillLoad() {
@@ -224,14 +222,12 @@ export class InputText {
   //--------------------------------------------------------------------------
   /** Sets focus on the component. */
   async setFocus() {
-    var _a;
     await componentLoaded(this);
-    (_a = this.childEl) === null || _a === void 0 ? void 0 : _a.focus();
+    this.childEl?.focus();
   }
   /** Selects all text of the component's `value`. */
   async selectText() {
-    var _a;
-    (_a = this.childEl) === null || _a === void 0 ? void 0 : _a.select();
+    this.childEl?.select();
   }
   onLabelClick() {
     this.setFocus();

package/dist/collection/components/input-text/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.654
  */
 export const CSS = {
   loader: "loader",

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.654
  */
 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();

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.654
  */
 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.654
  */
 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.654
  */
 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.654
  */
 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.654
  */
 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.654
  */
 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.654
  */
 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.654
  */
 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.654
  */
 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.654
  */
 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.654
  */
 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.654
  */
 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.654
  */
 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.654
  */
 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.654
  */
 export const TEXT = {
   close: "Close"