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

package/dist/esm/calcite-alert.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 } from './index-a3e37dea.js';
-import { s as slotChangeHasAssignedElement, b as setRequestedIcon, t as toAriaBoolean, g as getSlotted } from './dom-3d0a39a1.js';
-import { S as StatusIcons } from './interfaces-461b2615.js';
-import { c as connectOpenCloseComponent, d as disconnectOpenCloseComponent } from './openCloseComponent-1a0f1e5f.js';
-import { c as connectLocalized, d as disconnectLocalized, n as numberStringFormatter } from './locale-35d09242.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-9a013351.js';
-import './resources-9c2b241b.js';
-import './guid-b0902c5e.js';
-import './key-26613542.js';
-import './observers-1bc07c7a.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-83004828.js';
+import { s as slotChangeHasAssignedElement, b as setRequestedIcon, t as toAriaBoolean, g as getSlotted } from './dom-e83e3685.js';
+import { S as StatusIcons } from './interfaces-b1d9177f.js';
+import { c as connectOpenCloseComponent, d as disconnectOpenCloseComponent } from './openCloseComponent-fdff8486.js';
+import { c as connectLocalized, d as disconnectLocalized, n as numberStringFormatter } from './locale-4983f5d8.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-0c46daa0.js';
+import './resources-edac802c.js';
+import './guid-d9ecc494.js';
+import './key-06b23960.js';
+import './observers-89a35a75.js';
 
 const TEXT = {
   intlClose: "Close"
@@ -189,8 +189,7 @@ const Alert = class {
   }
   /** determine which alert is active */
   determineActiveAlert() {
-    var _a;
-    if (((_a = this.queue) === null || _a === void 0 ? void 0 : _a[0]) === this.el) {
+    if (this.queue?.[0] === this.el) {
       this.openAlert();
       if (this.autoDismiss && !this.autoDismissTimeoutId) {
         this.trackTimer = Date.now();

package/dist/esm/calcite-avatar.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, h, g as getElement } from './index-a3e37dea.js';
-import { h as hexToRGB, i as isValidHex } from './utils-a06ba7b4.js';
-import { e as getThemeName } from './dom-3d0a39a1.js';
-import './resources-9c2b241b.js';
-import './guid-b0902c5e.js';
+import { r as registerInstance, h, g as getElement } from './index-83004828.js';
+import { h as hexToRGB, i as isValidHex } from './utils-1cddbae1.js';
+import { e as getThemeName } from './dom-e83e3685.js';
+import './resources-edac802c.js';
+import './guid-d9ecc494.js';
 
 /**
  * Convert a string to a valid hex by hashing its contents

package/dist/esm/calcite-block_2.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.654
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-a3e37dea.js';
-import { g as getSlotted, t as toAriaBoolean, a as getElementDir } from './dom-3d0a39a1.js';
-import { H as Heading } from './Heading-f71bbfe4.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-be35718d.js';
-import { u as updateHostInteraction } from './interactive-ee12cb1f.js';
-import { g as guid } from './guid-b0902c5e.js';
-import { i as isActivationKey } from './key-26613542.js';
-import './resources-9c2b241b.js';
-import './observers-1bc07c7a.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-83004828.js';
+import { g as getSlotted, t as toAriaBoolean, a as getElementDir } from './dom-e83e3685.js';
+import { H as Heading } from './Heading-9e7e60aa.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-264302f2.js';
+import { u as updateHostInteraction } from './interactive-9e6a5f71.js';
+import { g as guid } from './guid-d9ecc494.js';
+import { i as isActivationKey } from './key-06b23960.js';
+import './resources-edac802c.js';
+import './observers-89a35a75.js';
 
 const CSS$1 = {
   container: "container",
@@ -206,9 +206,8 @@ const BlockSection = class {
   //
   // --------------------------------------------------------------------------
   renderStatusIcon() {
-    var _a;
     const { status } = this;
-    const statusIcon = (_a = ICONS[status]) !== null && _a !== void 0 ? _a : false;
+    const statusIcon = ICONS[status] ?? false;
     const statusIconClasses = {
       [CSS.statusIcon]: true,
       [CSS.valid]: status == "valid",

package/dist/esm/calcite-button.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.654
  */
-import { r as registerInstance, h, g as getElement } from './index-a3e37dea.js';
-import { c as closestElementCrossShadowBoundary } 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 submitForm, r as resetForm } from './form-99c3afb4.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 { c as closestElementCrossShadowBoundary } 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 submitForm, r as resetForm } from './form-e64648c7.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-0c46daa0.js';
+import './resources-edac802c.js';
+import './guid-d9ecc494.js';
 
 (function(prototype) {
   if (typeof prototype.requestSubmit == "function") return
@@ -125,8 +125,7 @@ const Button = class {
     this.formEl = closestElementCrossShadowBoundary(this.el, this.form ? `#${this.form}` : "form");
   }
   disconnectedCallback() {
-    var _a;
-    (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
+    this.mutationObserver?.disconnect();
     disconnectLabel(this);
     this.formEl = null;
   }
@@ -165,21 +164,18 @@ const Button = class {
   //--------------------------------------------------------------------------
   /** 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();
   }
   updateHasContent() {
-    var _a, _b;
     const slottedContent = this.el.textContent.trim().length > 0 || this.el.childNodes.length > 0;
     this.hasContent =
-      this.el.childNodes.length === 1 && ((_a = this.el.childNodes[0]) === null || _a === void 0 ? void 0 : _a.nodeName) === "#text"
-        ? ((_b = this.el.textContent) === null || _b === void 0 ? void 0 : _b.trim().length) > 0
+      this.el.childNodes.length === 1 && this.el.childNodes[0]?.nodeName === "#text"
+        ? this.el.textContent?.trim().length > 0
         : slottedContent;
   }
   setupTextContentObserver() {
-    var _a;
-    (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.observe(this.el, { childList: true, subtree: true });
+    this.mutationObserver?.observe(this.el, { childList: true, subtree: true });
   }
   //--------------------------------------------------------------------------
   //

package/dist/esm/calcite-card.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, c as createEvent, h, g as getElement } from './index-a3e37dea.js';
-import { t as toAriaBoolean, g as getSlotted } from './dom-3d0a39a1.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-be35718d.js';
-import './resources-9c2b241b.js';
-import './guid-b0902c5e.js';
-import './observers-1bc07c7a.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-83004828.js';
+import { t as toAriaBoolean, g as getSlotted } from './dom-e83e3685.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-264302f2.js';
+import './resources-edac802c.js';
+import './guid-d9ecc494.js';
+import './observers-89a35a75.js';
 
 const CSS = {
   container: "container",

package/dist/esm/calcite-checkbox.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.654
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-a3e37dea.js';
-import { g as guid } from './guid-b0902c5e.js';
-import { c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-99c3afb4.js';
-import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-b9c0aa89.js';
-import { u as updateHostInteraction } from './interactive-ee12cb1f.js';
-import { t as toAriaBoolean } from './dom-3d0a39a1.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 { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-83004828.js';
+import { g as guid } from './guid-d9ecc494.js';
+import { c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-e64648c7.js';
+import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-e92abdfa.js';
+import { u as updateHostInteraction } from './interactive-9e6a5f71.js';
+import { t as toAriaBoolean } from './dom-e83e3685.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';
 
 const checkboxCss = "@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([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host([scale=s]){--calcite-checkbox-size:0.75rem}:host([scale=m]){--calcite-checkbox-size:var(--calcite-font-size--1)}:host([scale=l]){--calcite-checkbox-size:1rem}:host{position:relative;display:inline-flex;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}:host .check-svg,:host .toggle{inline-size:var(--calcite-checkbox-size);block-size:var(--calcite-checkbox-size)}:host .check-svg{pointer-events:none;box-sizing:border-box;display:block;overflow:hidden;background-color:var(--calcite-ui-foreground-1);fill:currentColor;stroke:currentColor;stroke-width:1;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;box-shadow:inset 0 0 0 1px var(--calcite-ui-border-input);color:var(--calcite-ui-background)}:host([checked]) .check-svg,:host([indeterminate]) .check-svg{background-color:var(--calcite-ui-brand);box-shadow:inset 0 0 0 1px var(--calcite-ui-brand)}:host([hovered]) .toggle .check-svg,:host .toggle:hover .check-svg{box-shadow:inset 0 0 0 2px var(--calcite-ui-brand)}.toggle{outline-color:transparent}.toggle:active,.toggle:focus,.toggle:focus-visible{outline:2px solid var(--calcite-ui-brand);outline-offset:2px}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}::slotted(input[slot=hidden-form-input]){margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;inset:0 !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}";
 
@@ -83,9 +83,8 @@ const Checkbox = class {
   //--------------------------------------------------------------------------
   /** Sets focus on the component. */
   async setFocus() {
-    var _a;
     await componentLoaded(this);
-    (_a = this.toggleEl) === null || _a === void 0 ? void 0 : _a.focus();
+    this.toggleEl?.focus();
   }
   //--------------------------------------------------------------------------
   //

package/dist/esm/calcite-chip.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, g as getElement } from './index-a3e37dea.js';
-import { g as getSlotted } from './dom-3d0a39a1.js';
-import { g as guid } from './guid-b0902c5e.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-be35718d.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-9a013351.js';
-import './resources-9c2b241b.js';
-import './observers-1bc07c7a.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-83004828.js';
+import { g as getSlotted } from './dom-e83e3685.js';
+import { g as guid } from './guid-d9ecc494.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-264302f2.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-0c46daa0.js';
+import './resources-edac802c.js';
+import './observers-89a35a75.js';
 
 const CSS = {
   title: "title",
@@ -79,9 +79,8 @@ const Chip = class {
   //--------------------------------------------------------------------------
   /** Sets focus on the component. */
   async setFocus() {
-    var _a;
     await componentLoaded(this);
-    (_a = this.closeButton) === null || _a === void 0 ? void 0 : _a.focus();
+    this.closeButton?.focus();
   }
   //--------------------------------------------------------------------------
   //

package/dist/esm/calcite-color-picker_3.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, g as getElement } from './index-a3e37dea.js';
-import { i as isPrimaryPointerButton, a as getElementDir, f as focusElement, e as getThemeName } from './dom-3d0a39a1.js';
-import { n as normalizeHex, C as CSSColorMode, p as parseMode, c as colorEqual, i as isValidHex, a as isLonghandHex, r as rgbToHex, b as hexChar } from './utils-a06ba7b4.js';
-import { c as clamp } from './math-5fdb35a6.js';
-import { u as updateHostInteraction } from './interactive-ee12cb1f.js';
-import { i as isActivationKey } from './key-26613542.js';
-import { c as componentLoaded, s as setUpLoadableComponent, a as setComponentLoaded } from './loadable-9a013351.js';
-import { d as debounce, i as isObject } from './debounce-511eda6a.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 { i as isPrimaryPointerButton, a as getElementDir, f as focusElement, e as getThemeName } from './dom-e83e3685.js';
+import { n as normalizeHex, C as CSSColorMode, p as parseMode, c as colorEqual, i as isValidHex, a as isLonghandHex, r as rgbToHex, b as hexChar } from './utils-1cddbae1.js';
+import { c as clamp } from './math-3122e153.js';
+import { u as updateHostInteraction } from './interactive-9e6a5f71.js';
+import { i as isActivationKey } from './key-06b23960.js';
+import { c as componentLoaded, s as setUpLoadableComponent, a as setComponentLoaded } from './loadable-0c46daa0.js';
+import { d as debounce, i as isObject } from './debounce-97af721b.js';
+import './resources-edac802c.js';
+import './guid-d9ecc494.js';
 
 /** Error message constants. */
 var FUNC_ERROR_TEXT = 'Expected a function';
@@ -2407,7 +2407,6 @@ const ColorPicker = class {
       }
     };
     this.handleColorFieldAndSliderPointerDown = (event) => {
-      var _a, _b;
       if (!isPrimaryPointerButton(event)) {
         return;
       }
@@ -2416,12 +2415,12 @@ const ColorPicker = class {
       if (region === "color-field") {
         this.hueThumbState = "drag";
         this.captureColorFieldColor(offsetX, offsetY);
-        (_a = this.colorFieldScopeNode) === null || _a === void 0 ? void 0 : _a.focus();
+        this.colorFieldScopeNode?.focus();
       }
       else if (region === "slider") {
         this.sliderThumbState = "drag";
         this.captureHueSliderColor(offsetX);
-        (_b = this.hueScopeNode) === null || _b === void 0 ? void 0 : _b.focus();
+        this.hueScopeNode?.focus();
       }
       // prevent text selection outside of color field & slider area
       event.preventDefault();
@@ -2565,7 +2564,7 @@ const ColorPicker = class {
       /* the channel container is ltr, so we apply the host's direction */
       this.renderChannel(channel, index, channelLabels[index], channelAriaLabels[index], direction)))));
     };
-    this.renderChannel = (value, index, label, ariaLabel, direction) => (h("calcite-input", { class: CSS$2.channel, "data-channel-index": index, dir: direction, label: ariaLabel, numberButtonType: "none", numberingSystem: this.numberingSystem, onCalciteInputChange: this.handleChannelChange, onCalciteInputInput: this.handleChannelInput, onKeyDown: this.handleKeyDown, prefixText: label, scale: this.scale === "l" ? "m" : "s", type: "number", value: value === null || value === void 0 ? void 0 : value.toString() }));
+    this.renderChannel = (value, index, label, ariaLabel, direction) => (h("calcite-input", { class: CSS$2.channel, "data-channel-index": index, dir: direction, label: ariaLabel, numberButtonType: "none", numberingSystem: this.numberingSystem, onCalciteInputChange: this.handleChannelChange, onCalciteInputInput: this.handleChannelInput, onKeyDown: this.handleKeyDown, prefixText: label, scale: this.scale === "l" ? "m" : "s", type: "number", value: value?.toString() }));
     this.deleteColor = () => {
       const colorToDelete = this.color.hex();
       const inStorage = this.savedColors.indexOf(colorToDelete) > -1;
@@ -2661,9 +2660,8 @@ const ColorPicker = class {
     this.internalColorSet(this.color, false, "internal");
   }
   handleScaleChange(scale = "m") {
-    var _a;
     this.updateDimensions(scale);
-    this.updateCanvasSize((_a = this.fieldAndSliderRenderingContext) === null || _a === void 0 ? void 0 : _a.canvas);
+    this.updateCanvasSize(this.fieldAndSliderRenderingContext?.canvas);
   }
   handleValueChange(value, oldValue) {
     const { allowEmpty, format } = this;
@@ -2709,7 +2707,7 @@ const ColorPicker = class {
     this.shiftKeyChannelAdjustment = 0;
     const { key } = event;
     if ((key !== "ArrowUp" && key !== "ArrowDown") ||
-      !event.composedPath().some((node) => { var _a; return (_a = node.classList) === null || _a === void 0 ? void 0 : _a.contains(CSS$2.channel); })) {
+      !event.composedPath().some((node) => node.classList?.contains(CSS$2.channel))) {
       return;
     }
     const { shiftKey } = event;
@@ -2781,14 +2779,14 @@ const ColorPicker = class {
     const selectedColorInHex = color ? color.hex() : null;
     const hexInputScale = scale === "l" ? "m" : "s";
     const { colorFieldAndSliderInteractive, colorFieldScopeTop, colorFieldScopeLeft, hueScopeLeft, hueScopeTop, scopeOrientation, dimensions: { colorField: { height: colorFieldHeight, width: colorFieldWidth }, slider: { height: sliderHeight } } } = this;
-    const hueTop = hueScopeTop !== null && hueScopeTop !== void 0 ? hueScopeTop : sliderHeight / 2 + colorFieldHeight;
-    const hueLeft = hueScopeLeft !== null && hueScopeLeft !== void 0 ? hueScopeLeft : (colorFieldWidth * DEFAULT_COLOR$1.hue()) / HSV_LIMITS.h;
+    const hueTop = hueScopeTop ?? sliderHeight / 2 + colorFieldHeight;
+    const hueLeft = hueScopeLeft ?? (colorFieldWidth * DEFAULT_COLOR$1.hue()) / HSV_LIMITS.h;
     const noColor = color === null;
     const vertical = scopeOrientation === "vertical";
     return (h("div", { class: CSS$2.container }, h("div", { class: CSS$2.colorFieldAndSliderWrap }, h("canvas", { class: {
         [CSS$2.colorFieldAndSlider]: true,
         [CSS$2.colorFieldAndSliderInteractive]: colorFieldAndSliderInteractive
-      }, onPointerDown: this.handleColorFieldAndSliderPointerDown, onPointerEnter: this.handleColorFieldAndSliderPointerEnterOrMove, onPointerLeave: this.handleColorFieldAndSliderPointerLeave, onPointerMove: this.handleColorFieldAndSliderPointerEnterOrMove, ref: this.initColorFieldAndSlider }), h("div", { "aria-label": vertical ? this.intlValue : this.intlSaturation, "aria-valuemax": vertical ? HSV_LIMITS.v : HSV_LIMITS.s, "aria-valuemin": "0", "aria-valuenow": (vertical ? color === null || color === void 0 ? void 0 : color.saturationv() : color === null || color === void 0 ? void 0 : color.value()) || "0", class: { [CSS$2.scope]: true, [CSS$2.colorFieldScope]: true }, onKeyDown: this.handleColorFieldScopeKeyDown, ref: this.storeColorFieldScope, role: "slider", style: { top: `${colorFieldScopeTop || 0}px`, left: `${colorFieldScopeLeft || 0}px` }, tabindex: "0" }), h("div", { "aria-label": this.intlHue, "aria-valuemax": HSV_LIMITS.h, "aria-valuemin": "0", "aria-valuenow": (color === null || color === void 0 ? void 0 : color.round().hue()) || DEFAULT_COLOR$1.round().hue(), class: { [CSS$2.scope]: true, [CSS$2.hueScope]: true }, onKeyDown: this.handleHueScopeKeyDown, ref: this.storeHueScope, role: "slider", style: { top: `${hueTop}px`, left: `${hueLeft}px` }, tabindex: "0" })), hideHex && hideChannels ? null : (h("div", { class: {
+      }, onPointerDown: this.handleColorFieldAndSliderPointerDown, onPointerEnter: this.handleColorFieldAndSliderPointerEnterOrMove, onPointerLeave: this.handleColorFieldAndSliderPointerLeave, onPointerMove: this.handleColorFieldAndSliderPointerEnterOrMove, ref: this.initColorFieldAndSlider }), h("div", { "aria-label": vertical ? this.intlValue : this.intlSaturation, "aria-valuemax": vertical ? HSV_LIMITS.v : HSV_LIMITS.s, "aria-valuemin": "0", "aria-valuenow": (vertical ? color?.saturationv() : color?.value()) || "0", class: { [CSS$2.scope]: true, [CSS$2.colorFieldScope]: true }, onKeyDown: this.handleColorFieldScopeKeyDown, ref: this.storeColorFieldScope, role: "slider", style: { top: `${colorFieldScopeTop || 0}px`, left: `${colorFieldScopeLeft || 0}px` }, tabindex: "0" }), h("div", { "aria-label": this.intlHue, "aria-valuemax": HSV_LIMITS.h, "aria-valuemin": "0", "aria-valuenow": color?.round().hue() || DEFAULT_COLOR$1.round().hue(), class: { [CSS$2.scope]: true, [CSS$2.hueScope]: true }, onKeyDown: this.handleHueScopeKeyDown, ref: this.storeHueScope, role: "slider", style: { top: `${hueTop}px`, left: `${hueLeft}px` }, tabindex: "0" })), hideHex && hideChannels ? null : (h("div", { class: {
         [CSS$2.controlSection]: true,
         [CSS$2.section]: true
       } }, hideHex ? null : (h("div", { class: CSS$2.hexOptions }, h("span", { class: {

package/dist/esm/calcite-combobox_3.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.654
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-a3e37dea.js';
-import { f as filter } from './filter-275e53f4.js';
-import { d as defaultMenuPlacement, f as filterComputedPlacements, c as connectFloatingUI, u as updateAfterClose, r as reposition, a as disconnectFloatingUI, F as FloatingCSS } from './floating-ui-fc56a23b.js';
-import { g as guid } from './guid-b0902c5e.js';
-import { n as nodeListToArray, i as isPrimaryPointerButton, t as toAriaBoolean, 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 { s as submitForm, c as connectForm, a as afterConnectDefaultValueSet, d as disconnectForm, H as HiddenFormInputSlot } from './form-99c3afb4.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 { c as componentLoaded, s as setUpLoadableComponent, a as setComponentLoaded } from './loadable-9a013351.js';
-import { d as debounce } from './debounce-511eda6a.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-be35718d.js';
-import './resources-9c2b241b.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-83004828.js';
+import { f as filter } from './filter-74f44357.js';
+import { d as defaultMenuPlacement, f as filterComputedPlacements, c as connectFloatingUI, u as updateAfterClose, r as reposition, a as disconnectFloatingUI, F as FloatingCSS } from './floating-ui-a46ce22a.js';
+import { g as guid } from './guid-d9ecc494.js';
+import { n as nodeListToArray, i as isPrimaryPointerButton, t as toAriaBoolean, 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 { s as submitForm, c as connectForm, a as afterConnectDefaultValueSet, d as disconnectForm, H as HiddenFormInputSlot } from './form-e64648c7.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 { c as componentLoaded, s as setUpLoadableComponent, a as setComponentLoaded } from './loadable-0c46daa0.js';
+import { d as debounce } from './debounce-97af721b.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-264302f2.js';
+import './resources-edac802c.js';
 
 const ComboboxItem$1 = "CALCITE-COMBOBOX-ITEM";
 const ComboboxItemGroup$1 = "CALCITE-COMBOBOX-ITEM-GROUP";
@@ -26,14 +26,12 @@ const TEXT = {
 };
 
 function getAncestors(element) {
-  var _a, _b;
-  const parent = (_a = element.parentElement) === null || _a === void 0 ? void 0 : _a.closest(ComboboxChildSelector);
-  const grandparent = (_b = parent === null || parent === void 0 ? void 0 : parent.parentElement) === null || _b === void 0 ? void 0 : _b.closest(ComboboxChildSelector);
+  const parent = element.parentElement?.closest(ComboboxChildSelector);
+  const grandparent = parent?.parentElement?.closest(ComboboxChildSelector);
   return [parent, grandparent].filter((el) => el);
 }
 function getItemAncestors(item) {
-  var _a;
-  return (((_a = item.ancestors) === null || _a === void 0 ? void 0 : _a.filter((el) => el.nodeName === "CALCITE-COMBOBOX-ITEM")) || []);
+  return (item.ancestors?.filter((el) => el.nodeName === "CALCITE-COMBOBOX-ITEM") || []);
 }
 function getItemChildren(item) {
   return nodeListToArray(item.querySelectorAll("calcite-combobox-item"));
@@ -92,8 +90,8 @@ const Combobox = class {
         : null;
     };
     this.getValue = () => {
-      const items = this.selectedItems.map((item) => { var _a; return (_a = item === null || item === void 0 ? void 0 : item.value) === null || _a === void 0 ? void 0 : _a.toString(); });
-      return (items === null || items === void 0 ? void 0 : items.length) ? (items.length > 1 ? items : items[0]) : "";
+      const items = this.selectedItems.map((item) => item?.value?.toString());
+      return items?.length ? (items.length > 1 ? items : items[0]) : "";
     };
     this.onLabelClick = () => {
       this.setFocus();
@@ -339,8 +337,7 @@ const Combobox = class {
       }
     };
     this.comboboxFocusHandler = () => {
-      var _a;
-      (_a = this.textInput) === null || _a === void 0 ? void 0 : _a.focus();
+      this.textInput?.focus();
     };
     this.comboboxBlurHandler = (event) => {
       this.setInactiveIfNotContained(event);
@@ -465,9 +462,8 @@ const Combobox = class {
   }
   /** Sets focus on the component. */
   async setFocus() {
-    var _a;
     await componentLoaded(this);
-    (_a = this.textInput) === null || _a === void 0 ? void 0 : _a.focus();
+    this.textInput?.focus();
     this.activeChipIndex = -1;
     this.activeItemIndex = -1;
   }
@@ -477,11 +473,10 @@ const Combobox = class {
   //
   // --------------------------------------------------------------------------
   connectedCallback() {
-    var _a;
     this.internalValueChangeFlag = true;
     this.value = this.getValue();
     this.internalValueChangeFlag = false;
-    (_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 });
     connectLabel(this);
     connectForm(this);
     connectOpenCloseComponent(this);
@@ -511,9 +506,8 @@ const Combobox = class {
     updateHostInteraction(this);
   }
   disconnectedCallback() {
-    var _a, _b;
-    (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
-    (_b = this.resizeObserver) === null || _b === void 0 ? void 0 : _b.disconnect();
+    this.mutationObserver?.disconnect();
+    this.resizeObserver?.disconnect();
     disconnectLabel(this);
     disconnectForm(this);
     disconnectFloatingUI(this, this.referenceEl, this.floatingEl);
@@ -570,7 +564,7 @@ const Combobox = class {
     // if item has children items, don't count their height twice
     const children = Array.from(item.querySelectorAll(ComboboxChildSelector));
     children
-      .map((child) => child === null || child === void 0 ? void 0 : child.offsetHeight)
+      .map((child) => child?.offsetHeight)
       .forEach((offsetHeight) => {
       height -= offsetHeight;
     });
@@ -730,12 +724,11 @@ const Combobox = class {
     this.updateActiveItemIndex(-1);
   }
   focusChip() {
-    var _a;
-    const guid = (_a = this.selectedItems[this.activeChipIndex]) === null || _a === void 0 ? void 0 : _a.guid;
+    const guid = this.selectedItems[this.activeChipIndex]?.guid;
     const chip = guid
       ? this.referenceEl.querySelector(`#${chipUidPrefix}${guid}`)
       : null;
-    chip === null || chip === void 0 ? void 0 : chip.setFocus();
+    chip?.setFocus();
   }
   shiftActiveItemIndex(delta) {
     const { length } = this.visibleItems;
@@ -791,7 +784,7 @@ const Combobox = class {
         "input-wrap--single": single
       } }, showLabel && (h("span", { class: {
         label: true,
-        "label--icon": !!(selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.icon)
+        "label--icon": !!selectedItem?.icon
       }, key: "label" }, selectedItem.textLabel)), h("input", { "aria-activedescendant": this.activeDescendant, "aria-autocomplete": "list", "aria-controls": `${listboxUidPrefix}${guid}`, "aria-label": getLabelText(this), class: {
         input: true,
         "input--single": true,
@@ -818,7 +811,7 @@ const Combobox = class {
   renderIconStart() {
     const { selectedItems, placeholderIcon, selectionMode } = this;
     const selectedItem = selectedItems[0];
-    const selectedIcon = selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.icon;
+    const selectedIcon = selectedItem?.icon;
     const singleSelectionMode = selectionMode === "single";
     const iconAtStart = !this.open && selectedItem
       ? !!selectedIcon && singleSelectionMode