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

package/dist/esm/calcite-date-picker_4.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.654
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement, F as Fragment } from './index-a3e37dea.js';
-import { h as getDaysDiff, b as dateToISO, T as TEXT, c as dateFromISO, g as getValueAsDateRange, f as dateFromRange, e as getLocaleData, s as setEndOfDay, j as sameDate, i as inRange, k as getOrder, n as nextMonth, p as prevMonth } from './resources-205e1a5e.js';
-import { c as connectLocalized, d as disconnectLocalized, n as numberStringFormatter } from './locale-35d09242.js';
-import { c as closestElementCrossShadowBoundary, a as getElementDir } from './dom-3d0a39a1.js';
-import { C as CSS_UTILITY } from './resources-9c2b241b.js';
-import { u as updateHostInteraction } from './interactive-ee12cb1f.js';
-import { i as isActivationKey } from './key-26613542.js';
-import { H as Heading } from './Heading-f71bbfe4.js';
-import './observers-1bc07c7a.js';
-import './guid-b0902c5e.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement, F as Fragment } from './index-83004828.js';
+import { h as getDaysDiff, b as dateToISO, T as TEXT, c as dateFromISO, g as getValueAsDateRange, f as dateFromRange, e as getLocaleData, s as setEndOfDay, j as sameDate, i as inRange, k as getOrder, n as nextMonth, p as prevMonth } from './resources-3a95b40f.js';
+import { c as connectLocalized, d as disconnectLocalized, n as numberStringFormatter } from './locale-4983f5d8.js';
+import { c as closestElementCrossShadowBoundary, a as getElementDir } from './dom-e83e3685.js';
+import { C as CSS_UTILITY } from './resources-edac802c.js';
+import { u as updateHostInteraction } from './interactive-9e6a5f71.js';
+import { i as isActivationKey } from './key-06b23960.js';
+import { H as Heading } from './Heading-9e7e60aa.js';
+import './observers-89a35a75.js';
+import './guid-d9ecc494.js';
 
 const datePickerCss = "@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{position:relative;display:inline-block;inline-size:100%;overflow:visible;border-radius:0px;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-2);background-color:var(--calcite-ui-foreground-1);vertical-align:top}:host([scale=s]){max-inline-size:216px}:host([scale=m]){max-inline-size:286px}:host([scale=l]){max-inline-size:398px}";
 
@@ -136,16 +136,15 @@ const DatePicker = class {
      * Reset active date and close
      */
     this.reset = () => {
-      var _a, _b, _c, _d, _e, _f;
       if (!Array.isArray(this.valueAsDate) &&
         this.valueAsDate &&
-        ((_a = this.valueAsDate) === null || _a === void 0 ? void 0 : _a.getTime()) !== ((_b = this.activeDate) === null || _b === void 0 ? void 0 : _b.getTime())) {
+        this.valueAsDate?.getTime() !== this.activeDate?.getTime()) {
         this.activeDate = new Date(this.valueAsDate);
       }
-      if (this.startAsDate && ((_c = this.startAsDate) === null || _c === void 0 ? void 0 : _c.getTime()) !== ((_d = this.activeStartDate) === null || _d === void 0 ? void 0 : _d.getTime())) {
+      if (this.startAsDate && this.startAsDate?.getTime() !== this.activeStartDate?.getTime()) {
         this.activeStartDate = new Date(this.startAsDate);
       }
-      if (this.endAsDate && ((_e = this.endAsDate) === null || _e === void 0 ? void 0 : _e.getTime()) !== ((_f = this.activeEndDate) === null || _f === void 0 ? void 0 : _f.getTime())) {
+      if (this.endAsDate && this.endAsDate?.getTime() !== this.activeEndDate?.getTime()) {
         this.activeEndDate = new Date(this.endAsDate);
       }
     };
@@ -305,7 +304,6 @@ const DatePicker = class {
     this.onMaxChanged(this.max);
   }
   render() {
-    var _a;
     const date = dateFromRange(this.range && Array.isArray(this.valueAsDate) ? this.valueAsDate[0] : this.valueAsDate, this.minAsDate, this.maxAsDate);
     let activeDate = this.getActiveDate(date, this.minAsDate, this.maxAsDate);
     const endDate = this.range && Array.isArray(this.valueAsDate)
@@ -313,7 +311,7 @@ const DatePicker = class {
       : null;
     const activeEndDate = this.getActiveEndDate(endDate, this.minAsDate, this.maxAsDate);
     if ((this.activeRange === "end" ||
-      (((_a = this.hoverRange) === null || _a === void 0 ? void 0 : _a.focused) === "end" && (!this.proximitySelectionDisabled || endDate))) &&
+      (this.hoverRange?.focused === "end" && (!this.proximitySelectionDisabled || endDate))) &&
       activeEndDate) {
       activeDate = activeEndDate;
     }
@@ -774,10 +772,9 @@ const DatePickerMonth = class {
    * @param ref
    */
   renderDateDay(active, day, date, currentMonth, ref) {
-    var _a;
     const isFocusedOnStart = this.isFocusedOnStart();
     const isHoverInRange = this.isHoverInRange() ||
-      (!this.endDate && this.hoverRange && sameDate((_a = this.hoverRange) === null || _a === void 0 ? void 0 : _a.end, this.startDate));
+      (!this.endDate && this.hoverRange && sameDate(this.hoverRange?.end, this.startDate));
     return (h("calcite-date-picker-day", { active: active, class: {
         "hover--inside-range": this.startDate && isHoverInRange,
         "hover--outside-range": this.startDate && !isHoverInRange,
@@ -786,13 +783,12 @@ const DatePickerMonth = class {
       }, currentMonth: currentMonth, day: day, disabled: !inRange(date, this.min, this.max), endOfRange: this.isEndOfRange(date), highlighted: this.betweenSelectedRange(date), key: date.toDateString(), onCalciteDaySelect: this.daySelect, onCalciteInternalDayHover: this.dayHover, range: !!this.startDate && !!this.endDate && !sameDate(this.startDate, this.endDate), rangeHover: this.isRangeHover(date), ref: (el) => {
         // when moving via keyboard, focus must be updated on active date
         if (ref && active && this.activeFocus) {
-          el === null || el === void 0 ? void 0 : el.focus();
+          el?.focus();
         }
       }, scale: this.scale, selected: this.isSelected(date), startOfRange: this.isStartOfRange(date), value: date }));
   }
   isFocusedOnStart() {
-    var _a;
-    return ((_a = this.hoverRange) === null || _a === void 0 ? void 0 : _a.focused) === "start";
+    return this.hoverRange?.focused === "start";
   }
   isHoverInRange() {
     if (!this.hoverRange) {
@@ -917,7 +913,6 @@ const DatePickerMonthHeader = class {
     return h("div", { class: "header" }, this.renderContent());
   }
   renderContent() {
-    var _a;
     if (!this.activeDate || !this.localeData) {
       return null;
     }
@@ -936,7 +931,7 @@ const DatePickerMonthHeader = class {
     const iconScale = this.scale === "l" ? "m" : "s";
     const order = getOrder(unitOrder);
     const reverse = order.indexOf("y") < order.indexOf("m");
-    const suffix = (_a = this.localeData.year) === null || _a === void 0 ? void 0 : _a.suffix;
+    const suffix = this.localeData.year?.suffix;
     return (h(Fragment, null, h("a", { "aria-disabled": `${this.prevMonthDate.getMonth() === activeMonth}`, "aria-label": this.intlPrevMonth, class: "chevron", href: "#", onClick: this.prevMonthClick, onKeyDown: this.prevMonthKeydown, role: "button", tabindex: this.prevMonthDate.getMonth() === activeMonth ? -1 : 0 }, h("calcite-icon", { "flip-rtl": true, icon: "chevron-left", scale: iconScale })), h("div", { class: { text: true, "text--reverse": reverse } }, h(Heading, { class: "month", level: this.headingLevel }, localizedMonth), h("span", { class: "year-wrap" }, h("input", { "aria-label": this.intlYear, class: {
         year: true,
         "year--suffix": !!suffix

package/dist/esm/calcite-dropdown_3.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.654
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-a3e37dea.js';
-import { t as toAriaBoolean, i as isPrimaryPointerButton, f as focusElement, h as getElementProp } from './dom-3d0a39a1.js';
-import { f as filterComputedPlacements, c as connectFloatingUI, d as defaultMenuPlacement, u as updateAfterClose, a as disconnectFloatingUI, F as FloatingCSS, r as reposition } from './floating-ui-fc56a23b.js';
-import { c as createObserver } from './observers-1bc07c7a.js';
-import { u as updateHostInteraction } from './interactive-ee12cb1f.js';
-import { c as connectOpenCloseComponent, d as disconnectOpenCloseComponent } from './openCloseComponent-1a0f1e5f.js';
-import { g as guid } from './guid-b0902c5e.js';
-import { i as isActivationKey } from './key-26613542.js';
-import { c as componentLoaded, s as setUpLoadableComponent, a as setComponentLoaded } from './loadable-9a013351.js';
-import './resources-9c2b241b.js';
-import './debounce-511eda6a.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-83004828.js';
+import { t as toAriaBoolean, i as isPrimaryPointerButton, f as focusElement, h as getElementProp } from './dom-e83e3685.js';
+import { f as filterComputedPlacements, c as connectFloatingUI, d as defaultMenuPlacement, u as updateAfterClose, a as disconnectFloatingUI, F as FloatingCSS, r as reposition } from './floating-ui-a46ce22a.js';
+import { c as createObserver } from './observers-89a35a75.js';
+import { u as updateHostInteraction } from './interactive-9e6a5f71.js';
+import { c as connectOpenCloseComponent, d as disconnectOpenCloseComponent } from './openCloseComponent-fdff8486.js';
+import { g as guid } from './guid-d9ecc494.js';
+import { i as isActivationKey } from './key-06b23960.js';
+import { c as componentLoaded, s as setUpLoadableComponent, a as setComponentLoaded } from './loadable-0c46daa0.js';
+import './resources-edac802c.js';
+import './debounce-97af721b.js';
 
 const SLOTS = {
   dropdownTrigger: "dropdown-trigger"
@@ -61,7 +61,7 @@ const Dropdown = class {
     };
     this.updateItems = () => {
       this.items = this.groups
-        .map((group) => Array.from(group === null || group === void 0 ? void 0 : group.querySelectorAll("calcite-dropdown-item")))
+        .map((group) => Array.from(group?.querySelectorAll("calcite-dropdown-item")))
         .reduce((previousValue, currentValue) => [...previousValue, ...currentValue], []);
       this.updateSelectedItems();
       this.reposition(true);
@@ -69,7 +69,7 @@ const Dropdown = class {
     this.updateGroups = (event) => {
       const groups = event.target
         .assignedElements({ flatten: true })
-        .filter((el) => el === null || el === void 0 ? void 0 : el.matches("calcite-dropdown-group"));
+        .filter((el) => el?.matches("calcite-dropdown-group"));
       this.groups = groups;
       this.updateItems();
     };
@@ -86,7 +86,7 @@ const Dropdown = class {
     };
     this.setDropdownWidth = () => {
       const { referenceEl, scrollerEl } = this;
-      const referenceElWidth = referenceEl === null || referenceEl === void 0 ? void 0 : referenceEl.clientWidth;
+      const referenceElWidth = referenceEl?.clientWidth;
       if (!referenceElWidth || !scrollerEl) {
         return;
       }
@@ -211,8 +211,7 @@ const Dropdown = class {
   //
   //--------------------------------------------------------------------------
   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.setFilteredPlacements();
     this.reposition(true);
     if (this.open) {
@@ -227,10 +226,9 @@ const Dropdown = class {
     updateHostInteraction(this);
   }
   disconnectedCallback() {
-    var _a, _b;
-    (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
+    this.mutationObserver?.disconnect();
     disconnectFloatingUI(this, this.referenceEl, this.floatingEl);
-    (_b = this.resizeObserver) === null || _b === void 0 ? void 0 : _b.disconnect();
+    this.resizeObserver?.disconnect();
     disconnectOpenCloseComponent(this);
   }
   render() {
@@ -517,9 +515,8 @@ const DropdownItem = class {
   //--------------------------------------------------------------------------
   /** Sets focus on the component. */
   async setFocus() {
-    var _a;
     await componentLoaded(this);
-    (_a = this.el) === null || _a === void 0 ? void 0 : _a.focus();
+    this.el?.focus();
   }
   //--------------------------------------------------------------------------
   //

package/dist/esm/calcite-fab.entry.js

@@ -1,14 +1,14 @@
 /*!
  * 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 { r as registerInstance, h, g as getElement } from './index-a3e37dea.js';
-import { f as focusElement } from './dom-3d0a39a1.js';
-import { u as updateHostInteraction } from './interactive-ee12cb1f.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-9a013351.js';
-import './resources-9c2b241b.js';
-import './guid-b0902c5e.js';
+import { r as registerInstance, h, g as getElement } from './index-83004828.js';
+import { f as focusElement } from './dom-e83e3685.js';
+import { u as updateHostInteraction } from './interactive-9e6a5f71.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-0c46daa0.js';
+import './resources-edac802c.js';
+import './guid-d9ecc494.js';
 
 const CSS = {
   button: "button"

package/dist/esm/calcite-filter.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.654
  */
-import { r as registerInstance, c as createEvent, h, F as Fragment, g as getElement } from './index-a3e37dea.js';
-import { f as focusElement } from './dom-3d0a39a1.js';
-import { u as updateHostInteraction } from './interactive-ee12cb1f.js';
-import { f as filter } from './filter-275e53f4.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-9a013351.js';
-import { d as debounce } from './debounce-511eda6a.js';
-import './resources-9c2b241b.js';
-import './guid-b0902c5e.js';
+import { r as registerInstance, c as createEvent, h, F as Fragment, g as getElement } from './index-83004828.js';
+import { f as focusElement } from './dom-e83e3685.js';
+import { u as updateHostInteraction } from './interactive-9e6a5f71.js';
+import { f as filter } from './filter-74f44357.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-0c46daa0.js';
+import { d as debounce } from './debounce-97af721b.js';
+import './resources-edac802c.js';
+import './guid-d9ecc494.js';
 
 const CSS = {
   container: "container",

package/dist/esm/calcite-flow-item.entry.js

@@ -1,15 +1,15 @@
 /*!
  * 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 { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-a3e37dea.js';
-import { a as getElementDir } from './dom-3d0a39a1.js';
-import { S as SLOTS$1 } from './resources-0440659e.js';
-import { u as updateHostInteraction } from './interactive-ee12cb1f.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-9a013351.js';
-import './resources-9c2b241b.js';
-import './guid-b0902c5e.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-83004828.js';
+import { a as getElementDir } from './dom-e83e3685.js';
+import { S as SLOTS$1 } from './resources-36963763.js';
+import { u as updateHostInteraction } from './interactive-9e6a5f71.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-0c46daa0.js';
+import './resources-edac802c.js';
+import './guid-d9ecc494.js';
 
 const CSS = {
   backButton: "back-button"
@@ -110,7 +110,7 @@ const FlowItem = class {
       backButtonEl.setFocus();
       return;
     }
-    containerEl === null || containerEl === void 0 ? void 0 : containerEl.setFocus();
+    containerEl?.setFocus();
   }
   /**
    * Scrolls the component's content to a specified set of coordinates.
@@ -124,8 +124,7 @@ const FlowItem = class {
    * @param options
    */
   async scrollContentTo(options) {
-    var _a;
-    await ((_a = this.containerEl) === null || _a === void 0 ? void 0 : _a.scrollContentTo(options));
+    await this.containerEl?.scrollContentTo(options);
   }
   // --------------------------------------------------------------------------
   //

package/dist/esm/calcite-flow.entry.js

@@ -1,10 +1,10 @@
 /*!
  * 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 { r as registerInstance, h, g as getElement } from './index-a3e37dea.js';
-import { c as createObserver } from './observers-1bc07c7a.js';
+import { r as registerInstance, h, g as getElement } from './index-83004828.js';
+import { c as createObserver } from './observers-89a35a75.js';
 
 const CSS = {
   frame: "frame",
@@ -81,13 +81,11 @@ const Flow = class {
   //
   // --------------------------------------------------------------------------
   connectedCallback() {
-    var _a;
-    (_a = this.itemMutationObserver) === null || _a === void 0 ? void 0 : _a.observe(this.el, { childList: true, subtree: true });
+    this.itemMutationObserver?.observe(this.el, { childList: true, subtree: true });
     this.updateFlowProps();
   }
   disconnectedCallback() {
-    var _a;
-    (_a = this.itemMutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
+    this.itemMutationObserver?.disconnect();
   }
   // --------------------------------------------------------------------------
   //

package/dist/esm/calcite-graph_2.entry.js

@@ -1,20 +1,20 @@
 /*!
  * 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 { r as registerInstance, h, g as getElement, f as forceUpdate, c as createEvent, H as Host } from './index-a3e37dea.js';
-import { g as guid } from './guid-b0902c5e.js';
-import { c as createObserver } from './observers-1bc07c7a.js';
-import { i as isPrimaryPointerButton, k as intersects } from './dom-3d0a39a1.js';
-import { d as decimalPlaces, c as clamp } from './math-5fdb35a6.js';
-import { c as connectLabel, d as disconnectLabel } from './label-b9c0aa89.js';
-import { c as connectForm, d as disconnectForm, a as afterConnectDefaultValueSet, H as HiddenFormInputSlot } from './form-99c3afb4.js';
-import { u as updateHostInteraction } from './interactive-ee12cb1f.js';
-import { i as isActivationKey } from './key-26613542.js';
-import { n as numberStringFormatter, c as connectLocalized, d as disconnectLocalized } from './locale-35d09242.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-9a013351.js';
-import './resources-9c2b241b.js';
+import { r as registerInstance, h, g as getElement, f as forceUpdate, c as createEvent, H as Host } from './index-83004828.js';
+import { g as guid } from './guid-d9ecc494.js';
+import { c as createObserver } from './observers-89a35a75.js';
+import { i as isPrimaryPointerButton, k as intersects } from './dom-e83e3685.js';
+import { d as decimalPlaces, c as clamp } from './math-3122e153.js';
+import { c as connectLabel, d as disconnectLabel } from './label-e92abdfa.js';
+import { c as connectForm, d as disconnectForm, a as afterConnectDefaultValueSet, H as HiddenFormInputSlot } from './form-e64648c7.js';
+import { u as updateHostInteraction } from './interactive-9e6a5f71.js';
+import { i as isActivationKey } from './key-06b23960.js';
+import { n as numberStringFormatter, c as connectLocalized, d as disconnectLocalized } from './locale-4983f5d8.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-0c46daa0.js';
+import './resources-edac802c.js';
 
 /**
  * Calculate slope of the tangents
@@ -168,12 +168,10 @@ const Graph = class {
   //
   //--------------------------------------------------------------------------
   connectedCallback() {
-    var _a;
-    (_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();
   }
   render() {
     const { data, colorStops, el, highlightMax, highlightMin, min, max } = this;
@@ -669,7 +667,7 @@ const Slider = class {
   async setFocus() {
     await componentLoaded(this);
     const handle = this.minHandle ? this.minHandle : this.maxHandle;
-    handle === null || handle === void 0 ? void 0 : handle.focus();
+    handle?.focus();
   }
   //--------------------------------------------------------------------------
   //

package/dist/esm/calcite-handle.entry.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.654
  */
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-a3e37dea.js';
-import { t as toAriaBoolean } from './dom-3d0a39a1.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-9a013351.js';
-import './resources-9c2b241b.js';
-import './guid-b0902c5e.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-83004828.js';
+import { t as toAriaBoolean } from './dom-e83e3685.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-0c46daa0.js';
+import './resources-edac802c.js';
+import './guid-d9ecc494.js';
 
 const CSS = {
   handle: "handle",
@@ -69,9 +69,8 @@ const Handle = class {
   // --------------------------------------------------------------------------
   /** Sets focus on the component. */
   async setFocus() {
-    var _a;
     await componentLoaded(this);
-    (_a = this.handleButton) === null || _a === void 0 ? void 0 : _a.focus();
+    this.handleButton?.focus();
   }
   // --------------------------------------------------------------------------
   //

package/dist/esm/calcite-icon.entry.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.654
  */
-import { a as getAssetPath, r as registerInstance, h, H as Host, g as getElement } from './index-a3e37dea.js';
-import { a as getElementDir, t as toAriaBoolean } from './dom-3d0a39a1.js';
-import { c as createObserver } from './observers-1bc07c7a.js';
-import './resources-9c2b241b.js';
-import './guid-b0902c5e.js';
+import { a as getAssetPath, r as registerInstance, h, H as Host, g as getElement } from './index-83004828.js';
+import { a as getElementDir, t as toAriaBoolean } from './dom-e83e3685.js';
+import { c as createObserver } from './observers-89a35a75.js';
+import './resources-edac802c.js';
+import './guid-d9ecc494.js';
 
 const CSS = {
   icon: "icon",
@@ -101,8 +101,7 @@ const Icon = class {
     });
   }
   disconnectedCallback() {
-    var _a;
-    (_a = this.intersectionObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
+    this.intersectionObserver?.disconnect();
     this.intersectionObserver = null;
   }
   async componentWillLoad() {

package/dist/esm/calcite-inline-editable.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.654
  */
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-a3e37dea.js';
-import { h as getElementProp, g as getSlotted } from './dom-3d0a39a1.js';
-import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-b9c0aa89.js';
-import { c as createObserver } from './observers-1bc07c7a.js';
-import { u as updateHostInteraction } from './interactive-ee12cb1f.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-9a013351.js';
-import './resources-9c2b241b.js';
-import './guid-b0902c5e.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-83004828.js';
+import { h as getElementProp, g as getSlotted } from './dom-e83e3685.js';
+import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-e92abdfa.js';
+import { c as createObserver } from './observers-89a35a75.js';
+import { u as updateHostInteraction } from './interactive-9e6a5f71.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-0c46daa0.js';
+import './resources-edac802c.js';
+import './guid-d9ecc494.js';
 
 const CSS = {
   wrapper: "wrapper",
@@ -37,10 +37,9 @@ const InlineEditable = class {
     this.calciteInternalInlineEditableEnableEditingChange = createEvent(this, "calciteInternalInlineEditableEnableEditingChange", 6);
     this.mutationObserver = createObserver("mutation", () => this.mutationObserverCallback());
     this.enableEditing = () => {
-      var _a, _b;
-      this.valuePriorToEditing = (_a = this.inputElement) === null || _a === void 0 ? void 0 : _a.value;
+      this.valuePriorToEditing = this.inputElement?.value;
       this.editingEnabled = true;
-      (_b = this.inputElement) === null || _b === void 0 ? void 0 : _b.setFocus();
+      this.inputElement?.setFocus();
       this.calciteInternalInlineEditableEnableEditingChange.emit();
     };
     this.disableEditing = () => {
@@ -57,7 +56,6 @@ const InlineEditable = class {
       }
     };
     this.escapeKeyHandler = async (event) => {
-      var _a;
       if (event.defaultPrevented) {
         return;
       }
@@ -72,7 +70,7 @@ const InlineEditable = class {
         }
         if (!!event.shiftKey && event.target === this.cancelEditingButton) {
           event.preventDefault();
-          (_a = this.inputElement) === null || _a === void 0 ? void 0 : _a.setFocus();
+          this.inputElement?.setFocus();
         }
       }
     };
@@ -137,9 +135,8 @@ const InlineEditable = class {
   //
   //--------------------------------------------------------------------------
   connectedCallback() {
-    var _a;
     connectLabel(this);
-    (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.observe(this.el, { childList: true });
+    this.mutationObserver?.observe(this.el, { childList: true });
     this.mutationObserverCallback();
   }
   componentWillLoad() {
@@ -149,9 +146,8 @@ const InlineEditable = class {
     setComponentLoaded(this);
   }
   disconnectedCallback() {
-    var _a;
     disconnectLabel(this);
-    (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
+    this.mutationObserver?.disconnect();
   }
   componentDidRender() {
     updateHostInteraction(this);
@@ -181,13 +177,12 @@ const InlineEditable = class {
   //
   //--------------------------------------------------------------------------
   async setFocus() {
-    var _a, _b;
     await componentLoaded(this);
     if (this.editingEnabled) {
-      (_a = this.inputElement) === null || _a === void 0 ? void 0 : _a.setFocus();
+      this.inputElement?.setFocus();
     }
     else {
-      (_b = this.enableEditingButton) === null || _b === void 0 ? void 0 : _b.setFocus();
+      this.enableEditingButton?.setFocus();
     }
   }
   //--------------------------------------------------------------------------
@@ -196,10 +191,9 @@ const InlineEditable = class {
   //
   //--------------------------------------------------------------------------
   mutationObserverCallback() {
-    var _a;
     this.updateSlottedInput();
     this.scale =
-      this.scale || ((_a = this.inputElement) === null || _a === void 0 ? void 0 : _a.scale) || getElementProp(this.el, "scale", undefined);
+      this.scale || this.inputElement?.scale || getElementProp(this.el, "scale", undefined);
   }
   onLabelClick() {
     this.setFocus();