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

package/dist/cjs/calcite-date-picker_4.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 resources = require('./resources-883ffa52.js');
-const locale = require('./locale-ad2e4def.js');
-const dom = require('./dom-8db20575.js');
-const resources$1 = require('./resources-61c779db.js');
-const interactive = require('./interactive-12572356.js');
-const key = require('./key-5efe25db.js');
-const Heading = require('./Heading-dd6d6eb7.js');
-require('./observers-1cb80ad6.js');
-require('./guid-7c9bf705.js');
+const index = require('./index-e7f6d8a9.js');
+const resources = require('./resources-2a151557.js');
+const locale = require('./locale-7c7ea778.js');
+const dom = require('./dom-0c006683.js');
+const resources$1 = require('./resources-154a6134.js');
+const interactive = require('./interactive-50819d76.js');
+const key = require('./key-27cd9b48.js');
+const Heading = require('./Heading-86fb7f76.js');
+require('./observers-93a0a981.js');
+require('./guid-bcf2e27d.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}";
 
@@ -140,16 +140,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);
       }
     };
@@ -309,7 +308,6 @@ const DatePicker = class {
     this.onMaxChanged(this.max);
   }
   render() {
-    var _a;
     const date = resources.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)
@@ -317,7 +315,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;
     }
@@ -778,10 +776,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 && resources.sameDate((_a = this.hoverRange) === null || _a === void 0 ? void 0 : _a.end, this.startDate));
+      (!this.endDate && this.hoverRange && resources.sameDate(this.hoverRange?.end, this.startDate));
     return (index.h("calcite-date-picker-day", { active: active, class: {
         "hover--inside-range": this.startDate && isHoverInRange,
         "hover--outside-range": this.startDate && !isHoverInRange,
@@ -790,13 +787,12 @@ const DatePickerMonth = class {
       }, currentMonth: currentMonth, day: day, disabled: !resources.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 && !resources.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) {
@@ -828,6 +824,19 @@ const DatePickerMonth = class {
 DatePickerMonth.style = datePickerMonthCss;
 
 const BUDDHIST_CALENDAR_YEAR_OFFSET = 543;
+const CSS = {
+  header: "header",
+  month: "month",
+  chevron: "chevron",
+  suffix: "suffix",
+  yearSuffix: "year--suffix",
+  yearWrap: "year-wrap",
+  textReverse: "text--reverse"
+};
+const ICON = {
+  chevronLeft: "chevron-left",
+  chevronRight: "chevron-right"
+};
 
 const datePickerMonthHeaderCss = "@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{display:block}.header{display:flex;justify-content:space-between;padding-block:0px;padding-inline:0.25rem}:host([scale=s]) .text{margin-block:0.5rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=s]) .chevron{block-size:2.25rem}:host([scale=m]) .text{margin-block:0.75rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([scale=m]) .chevron{block-size:3rem}:host([scale=l]) .text{margin-block:1rem;font-size:var(--calcite-font-size-1);line-height:1.5rem}:host([scale=l]) .chevron{block-size:3.5rem}.chevron{margin-inline:-0.25rem;box-sizing:content-box;display:flex;flex-grow:0;cursor:pointer;align-items:center;justify-content:center;border-style:none;background-color:var(--calcite-ui-foreground-1);padding-inline:0.25rem;color:var(--calcite-ui-text-3);outline:2px solid transparent;outline-offset:2px;outline-color:transparent;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;inline-size:14.2857142857%}.chevron:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}.chevron:hover,.chevron:focus{background-color:var(--calcite-ui-foreground-2);fill:var(--calcite-ui-text-1);color:var(--calcite-ui-text-1)}.chevron:active{background-color:var(--calcite-ui-foreground-3)}.chevron[aria-disabled=true]{pointer-events:none;opacity:0}.text{margin-block:auto;display:flex;inline-size:100%;flex:1 1 auto;align-items:center;justify-content:center;text-align:center;line-height:1}.text--reverse{flex-direction:row-reverse}.month,.year,.suffix{margin-inline:0.25rem;margin-block:auto;display:inline-block;background-color:var(--calcite-ui-foreground-1);font-weight:var(--calcite-font-weight-medium);line-height:1.25;color:var(--calcite-ui-text-1);font-size:inherit}.year{position:relative;inline-size:2.5rem;border-style:none;background-color:transparent;text-align:center;font-family:inherit;outline-color:transparent}.year:hover{transition-duration:100ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-property:outline-color;outline:2px solid var(--calcite-ui-border-2);outline-offset:2px}.year:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:2px}.year--suffix{text-align:start}.year-wrap{position:relative}.suffix{inset-block-start:0px;white-space:nowrap;text-align:start;inset-inline-start:0}";
 
@@ -918,10 +927,9 @@ const DatePickerMonthHeader = class {
     this.setNextPrevMonthDates();
   }
   render() {
-    return index.h("div", { class: "header" }, this.renderContent());
+    return index.h("div", { class: CSS.header }, this.renderContent());
   }
   renderContent() {
-    var _a;
     if (!this.activeDate || !this.localeData) {
       return null;
     }
@@ -940,11 +948,11 @@ const DatePickerMonthHeader = class {
     const iconScale = this.scale === "l" ? "m" : "s";
     const order = resources.getOrder(unitOrder);
     const reverse = order.indexOf("y") < order.indexOf("m");
-    const suffix = (_a = this.localeData.year) === null || _a === void 0 ? void 0 : _a.suffix;
-    return (index.h(index.Fragment, null, index.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 }, index.h("calcite-icon", { "flip-rtl": true, icon: "chevron-left", scale: iconScale })), index.h("div", { class: { text: true, "text--reverse": reverse } }, index.h(Heading.Heading, { class: "month", level: this.headingLevel }, localizedMonth), index.h("span", { class: "year-wrap" }, index.h("input", { "aria-label": this.intlYear, class: {
+    const suffix = this.localeData.year?.suffix;
+    return (index.h(index.Fragment, null, index.h("a", { "aria-disabled": `${this.prevMonthDate.getMonth() === activeMonth}`, "aria-label": this.intlPrevMonth, class: CSS.chevron, href: "#", onClick: this.prevMonthClick, onKeyDown: this.prevMonthKeydown, role: "button", tabindex: this.prevMonthDate.getMonth() === activeMonth ? -1 : 0 }, index.h("calcite-icon", { "flip-rtl": true, icon: ICON.chevronLeft, scale: iconScale })), index.h("div", { class: { text: true, [CSS.textReverse]: reverse } }, index.h(Heading.Heading, { class: CSS.month, level: this.headingLevel }, localizedMonth), index.h("span", { class: CSS.yearWrap }, index.h("input", { "aria-label": this.intlYear, class: {
         year: true,
-        "year--suffix": !!suffix
-      }, inputmode: "numeric", maxlength: "4", minlength: "1", onChange: this.onYearChange, onInput: this.onYearInput, onKeyDown: this.onYearKey, pattern: "\\d*", ref: (el) => (this.yearInput = el), type: "text", value: localizedYear }), suffix && index.h("span", { class: "suffix" }, suffix))), index.h("a", { "aria-disabled": `${this.nextMonthDate.getMonth() === activeMonth}`, "aria-label": this.intlNextMonth, class: "chevron", href: "#", onClick: this.nextMonthClick, onKeyDown: this.nextMonthKeydown, role: "button", tabindex: this.nextMonthDate.getMonth() === activeMonth ? -1 : 0 }, index.h("calcite-icon", { "flip-rtl": true, icon: "chevron-right", scale: iconScale }))));
+        [CSS.yearSuffix]: !!suffix
+      }, inputmode: "numeric", maxlength: "4", minlength: "1", onChange: this.onYearChange, onInput: this.onYearInput, onKeyDown: this.onYearKey, pattern: "\\d*", ref: (el) => (this.yearInput = el), type: "text", value: localizedYear }), suffix && index.h("span", { class: CSS.suffix }, suffix))), index.h("a", { "aria-disabled": `${this.nextMonthDate.getMonth() === activeMonth}`, "aria-label": this.intlNextMonth, class: CSS.chevron, href: "#", onClick: this.nextMonthClick, onKeyDown: this.nextMonthKeydown, role: "button", tabindex: this.nextMonthDate.getMonth() === activeMonth ? -1 : 0 }, index.h("calcite-icon", { "flip-rtl": true, icon: ICON.chevronRight, scale: iconScale }))));
   }
   setNextPrevMonthDates() {
     if (!this.activeDate) {

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

@@ -1,23 +1,23 @@
 /*!
  * 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 floatingUi = require('./floating-ui-16ec7ef7.js');
-const observers = require('./observers-1cb80ad6.js');
-const interactive = require('./interactive-12572356.js');
-const openCloseComponent = require('./openCloseComponent-42ea9fde.js');
-const guid = require('./guid-7c9bf705.js');
-const key = require('./key-5efe25db.js');
-const loadable = require('./loadable-fdc027c5.js');
-require('./resources-61c779db.js');
-require('./debounce-fec2cc26.js');
+const index = require('./index-e7f6d8a9.js');
+const dom = require('./dom-0c006683.js');
+const floatingUi = require('./floating-ui-357b6162.js');
+const observers = require('./observers-93a0a981.js');
+const interactive = require('./interactive-50819d76.js');
+const openCloseComponent = require('./openCloseComponent-7e8c6590.js');
+const guid = require('./guid-bcf2e27d.js');
+const key = require('./key-27cd9b48.js');
+const loadable = require('./loadable-5fff6d49.js');
+require('./resources-154a6134.js');
+require('./debounce-9787fe3f.js');
 
 const SLOTS = {
   dropdownTrigger: "dropdown-trigger"
@@ -65,7 +65,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);
@@ -73,7 +73,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();
     };
@@ -90,7 +90,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;
       }
@@ -215,8 +215,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) {
@@ -231,10 +230,9 @@ const Dropdown = class {
     interactive.updateHostInteraction(this);
   }
   disconnectedCallback() {
-    var _a, _b;
-    (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
+    this.mutationObserver?.disconnect();
     floatingUi.disconnectFloatingUI(this, this.referenceEl, this.floatingEl);
-    (_b = this.resizeObserver) === null || _b === void 0 ? void 0 : _b.disconnect();
+    this.resizeObserver?.disconnect();
     openCloseComponent.disconnectOpenCloseComponent(this);
   }
   render() {
@@ -521,9 +519,8 @@ const DropdownItem = class {
   //--------------------------------------------------------------------------
   /** Sets focus on the component. */
   async setFocus() {
-    var _a;
     await loadable.componentLoaded(this);
-    (_a = this.el) === null || _a === void 0 ? void 0 : _a.focus();
+    this.el?.focus();
   }
   //--------------------------------------------------------------------------
   //

package/dist/cjs/calcite-fab.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 dom = require('./dom-8db20575.js');
-const interactive = require('./interactive-12572356.js');
-const loadable = require('./loadable-fdc027c5.js');
-require('./resources-61c779db.js');
-require('./guid-7c9bf705.js');
+const index = require('./index-e7f6d8a9.js');
+const dom = require('./dom-0c006683.js');
+const interactive = require('./interactive-50819d76.js');
+const loadable = require('./loadable-5fff6d49.js');
+require('./resources-154a6134.js');
+require('./guid-bcf2e27d.js');
 
 const CSS = {
   button: "button"

package/dist/cjs/calcite-filter.cjs.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.655
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-11cbd6ae.js');
-const dom = require('./dom-8db20575.js');
-const interactive = require('./interactive-12572356.js');
-const filter = require('./filter-4951900a.js');
-const loadable = require('./loadable-fdc027c5.js');
-const debounce = require('./debounce-fec2cc26.js');
-require('./resources-61c779db.js');
-require('./guid-7c9bf705.js');
+const index = require('./index-e7f6d8a9.js');
+const dom = require('./dom-0c006683.js');
+const interactive = require('./interactive-50819d76.js');
+const filter = require('./filter-1f20ad58.js');
+const loadable = require('./loadable-5fff6d49.js');
+const debounce = require('./debounce-9787fe3f.js');
+require('./resources-154a6134.js');
+require('./guid-bcf2e27d.js');
 
 const CSS = {
   container: "container",

package/dist/cjs/calcite-flow-item.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 resources = require('./resources-e6605c29.js');
-const interactive = require('./interactive-12572356.js');
-const loadable = require('./loadable-fdc027c5.js');
-require('./resources-61c779db.js');
-require('./guid-7c9bf705.js');
+const index = require('./index-e7f6d8a9.js');
+const dom = require('./dom-0c006683.js');
+const resources = require('./resources-bdc925d6.js');
+const interactive = require('./interactive-50819d76.js');
+const loadable = require('./loadable-5fff6d49.js');
+require('./resources-154a6134.js');
+require('./guid-bcf2e27d.js');
 
 const CSS = {
   backButton: "back-button"
@@ -114,7 +114,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.
@@ -128,8 +128,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/cjs/calcite-flow.cjs.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.655
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-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 CSS = {
   frame: "frame",
@@ -85,13 +85,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/cjs/calcite-graph_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 guid = require('./guid-7c9bf705.js');
-const observers = require('./observers-1cb80ad6.js');
-const dom = require('./dom-8db20575.js');
-const math = require('./math-e3bf7036.js');
-const label = require('./label-f2b57841.js');
-const form = require('./form-df338099.js');
-const interactive = require('./interactive-12572356.js');
-const key = require('./key-5efe25db.js');
-const locale = require('./locale-ad2e4def.js');
-const loadable = require('./loadable-fdc027c5.js');
-require('./resources-61c779db.js');
+const index = require('./index-e7f6d8a9.js');
+const guid = require('./guid-bcf2e27d.js');
+const observers = require('./observers-93a0a981.js');
+const dom = require('./dom-0c006683.js');
+const math = require('./math-b2c68418.js');
+const label = require('./label-b53d0971.js');
+const form = require('./form-affb950f.js');
+const interactive = require('./interactive-50819d76.js');
+const key = require('./key-27cd9b48.js');
+const locale = require('./locale-7c7ea778.js');
+const loadable = require('./loadable-5fff6d49.js');
+require('./resources-154a6134.js');
 
 /**
  * Calculate slope of the tangents
@@ -172,12 +172,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;
@@ -673,7 +671,7 @@ const Slider = class {
   async setFocus() {
     await loadable.componentLoaded(this);
     const handle = this.minHandle ? this.minHandle : this.maxHandle;
-    handle === null || handle === void 0 ? void 0 : handle.focus();
+    handle?.focus();
   }
   //--------------------------------------------------------------------------
   //

package/dist/cjs/calcite-handle.cjs.entry.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
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-11cbd6ae.js');
-const dom = require('./dom-8db20575.js');
-const loadable = require('./loadable-fdc027c5.js');
-require('./resources-61c779db.js');
-require('./guid-7c9bf705.js');
+const index = require('./index-e7f6d8a9.js');
+const dom = require('./dom-0c006683.js');
+const loadable = require('./loadable-5fff6d49.js');
+require('./resources-154a6134.js');
+require('./guid-bcf2e27d.js');
 
 const CSS = {
   handle: "handle",
@@ -73,9 +73,8 @@ const Handle = class {
   // --------------------------------------------------------------------------
   /** Sets focus on the component. */
   async setFocus() {
-    var _a;
     await loadable.componentLoaded(this);
-    (_a = this.handleButton) === null || _a === void 0 ? void 0 : _a.focus();
+    this.handleButton?.focus();
   }
   // --------------------------------------------------------------------------
   //

package/dist/cjs/calcite-icon.cjs.entry.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
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-11cbd6ae.js');
-const dom = require('./dom-8db20575.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 observers = require('./observers-93a0a981.js');
+require('./resources-154a6134.js');
+require('./guid-bcf2e27d.js');
 
 const CSS = {
   icon: "icon",
@@ -105,8 +105,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/cjs/calcite-inline-editable.cjs.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.655
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-11cbd6ae.js');
-const dom = require('./dom-8db20575.js');
-const label = require('./label-f2b57841.js');
-const observers = require('./observers-1cb80ad6.js');
-const interactive = require('./interactive-12572356.js');
-const loadable = require('./loadable-fdc027c5.js');
-require('./resources-61c779db.js');
-require('./guid-7c9bf705.js');
+const index = require('./index-e7f6d8a9.js');
+const dom = require('./dom-0c006683.js');
+const label = require('./label-b53d0971.js');
+const observers = require('./observers-93a0a981.js');
+const interactive = require('./interactive-50819d76.js');
+const loadable = require('./loadable-5fff6d49.js');
+require('./resources-154a6134.js');
+require('./guid-bcf2e27d.js');
 
 const CSS = {
   wrapper: "wrapper",
@@ -41,10 +41,9 @@ const InlineEditable = class {
     this.calciteInternalInlineEditableEnableEditingChange = index.createEvent(this, "calciteInternalInlineEditableEnableEditingChange", 6);
     this.mutationObserver = observers.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 = () => {
@@ -61,7 +60,6 @@ const InlineEditable = class {
       }
     };
     this.escapeKeyHandler = async (event) => {
-      var _a;
       if (event.defaultPrevented) {
         return;
       }
@@ -76,7 +74,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();
         }
       }
     };
@@ -141,9 +139,8 @@ const InlineEditable = class {
   //
   //--------------------------------------------------------------------------
   connectedCallback() {
-    var _a;
     label.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() {
@@ -153,9 +150,8 @@ const InlineEditable = class {
     loadable.setComponentLoaded(this);
   }
   disconnectedCallback() {
-    var _a;
     label.disconnectLabel(this);
-    (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
+    this.mutationObserver?.disconnect();
   }
   componentDidRender() {
     interactive.updateHostInteraction(this);
@@ -185,13 +181,12 @@ const InlineEditable = class {
   //
   //--------------------------------------------------------------------------
   async setFocus() {
-    var _a, _b;
     await loadable.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();
     }
   }
   //--------------------------------------------------------------------------
@@ -200,10 +195,9 @@ const InlineEditable = class {
   //
   //--------------------------------------------------------------------------
   mutationObserverCallback() {
-    var _a;
     this.updateSlottedInput();
     this.scale =
-      this.scale || ((_a = this.inputElement) === null || _a === void 0 ? void 0 : _a.scale) || dom.getElementProp(this.el, "scale", undefined);
+      this.scale || this.inputElement?.scale || dom.getElementProp(this.el, "scale", undefined);
   }
   onLabelClick() {
     this.setFocus();