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

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

@@ -1,21 +1,21 @@
 /*!
  * 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.652
+ * v1.0.0-next.654
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-a240255a.js');
-const dom = require('./dom-83b860e8.js');
-const Heading = require('./Heading-6ffa7d52.js');
-const conditionalSlot = require('./conditionalSlot-8e195df1.js');
-const interactive = require('./interactive-56b61598.js');
-const guid = require('./guid-5bc1b40c.js');
-const key = require('./key-a6a73fe5.js');
-require('./resources-c8e55932.js');
-require('./observers-043fe18b.js');
+const index = require('./index-483dbe04.js');
+const dom = require('./dom-f3870c02.js');
+const Heading = require('./Heading-ceb4f2b6.js');
+const conditionalSlot = require('./conditionalSlot-a875fe2d.js');
+const interactive = require('./interactive-134aafb0.js');
+const guid = require('./guid-01d6fefc.js');
+const key = require('./key-64fe2d0d.js');
+require('./resources-e34dd4ef.js');
+require('./observers-265cc6fd.js');
 
 const CSS$1 = {
   container: "container",
@@ -210,9 +210,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/cjs/calcite-button.cjs.entry.js

@@ -1,21 +1,21 @@
 /*!
  * 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.652
+ * v1.0.0-next.654
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-a240255a.js');
-const dom = require('./dom-83b860e8.js');
-const label = require('./label-b9e3f0dd.js');
-const observers = require('./observers-043fe18b.js');
-const interactive = require('./interactive-56b61598.js');
-const form = require('./form-bf1e6144.js');
-const loadable = require('./loadable-e6126f32.js');
-require('./resources-c8e55932.js');
-require('./guid-5bc1b40c.js');
+const index = require('./index-483dbe04.js');
+const dom = require('./dom-f3870c02.js');
+const label = require('./label-bb7baad0.js');
+const observers = require('./observers-265cc6fd.js');
+const interactive = require('./interactive-134aafb0.js');
+const form = require('./form-6fbeeffb.js');
+const loadable = require('./loadable-9ea89e06.js');
+require('./resources-e34dd4ef.js');
+require('./guid-01d6fefc.js');
 
 (function(prototype) {
   if (typeof prototype.requestSubmit == "function") return
@@ -129,8 +129,7 @@ const Button = class {
     this.formEl = dom.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();
     label.disconnectLabel(this);
     this.formEl = null;
   }
@@ -169,21 +168,18 @@ const Button = class {
   //--------------------------------------------------------------------------
   /** Sets focus on the component. */
   async setFocus() {
-    var _a;
     await loadable.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/cjs/calcite-card.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.652
+ * v1.0.0-next.654
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-a240255a.js');
-const dom = require('./dom-83b860e8.js');
-const conditionalSlot = require('./conditionalSlot-8e195df1.js');
-require('./resources-c8e55932.js');
-require('./guid-5bc1b40c.js');
-require('./observers-043fe18b.js');
+const index = require('./index-483dbe04.js');
+const dom = require('./dom-f3870c02.js');
+const conditionalSlot = require('./conditionalSlot-a875fe2d.js');
+require('./resources-e34dd4ef.js');
+require('./guid-01d6fefc.js');
+require('./observers-265cc6fd.js');
 
 const CSS = {
   container: "container",

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

@@ -1,21 +1,21 @@
 /*!
  * 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.652
+ * v1.0.0-next.654
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-a240255a.js');
-const guid = require('./guid-5bc1b40c.js');
-const form = require('./form-bf1e6144.js');
-const label = require('./label-b9e3f0dd.js');
-const interactive = require('./interactive-56b61598.js');
-const dom = require('./dom-83b860e8.js');
-const key = require('./key-a6a73fe5.js');
-const loadable = require('./loadable-e6126f32.js');
-require('./resources-c8e55932.js');
+const index = require('./index-483dbe04.js');
+const guid = require('./guid-01d6fefc.js');
+const form = require('./form-6fbeeffb.js');
+const label = require('./label-bb7baad0.js');
+const interactive = require('./interactive-134aafb0.js');
+const dom = require('./dom-f3870c02.js');
+const key = require('./key-64fe2d0d.js');
+const loadable = require('./loadable-9ea89e06.js');
+require('./resources-e34dd4ef.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}";
 
@@ -87,9 +87,8 @@ const Checkbox = class {
   //--------------------------------------------------------------------------
   /** Sets focus on the component. */
   async setFocus() {
-    var _a;
     await loadable.componentLoaded(this);
-    (_a = this.toggleEl) === null || _a === void 0 ? void 0 : _a.focus();
+    this.toggleEl?.focus();
   }
   //--------------------------------------------------------------------------
   //

package/dist/cjs/calcite-chip.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.652
+ * v1.0.0-next.654
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-a240255a.js');
-const dom = require('./dom-83b860e8.js');
-const guid = require('./guid-5bc1b40c.js');
-const conditionalSlot = require('./conditionalSlot-8e195df1.js');
-const loadable = require('./loadable-e6126f32.js');
-require('./resources-c8e55932.js');
-require('./observers-043fe18b.js');
+const index = require('./index-483dbe04.js');
+const dom = require('./dom-f3870c02.js');
+const guid = require('./guid-01d6fefc.js');
+const conditionalSlot = require('./conditionalSlot-a875fe2d.js');
+const loadable = require('./loadable-9ea89e06.js');
+require('./resources-e34dd4ef.js');
+require('./observers-265cc6fd.js');
 
 const CSS = {
   title: "title",
@@ -83,9 +83,8 @@ const Chip = class {
   //--------------------------------------------------------------------------
   /** Sets focus on the component. */
   async setFocus() {
-    var _a;
     await loadable.componentLoaded(this);
-    (_a = this.closeButton) === null || _a === void 0 ? void 0 : _a.focus();
+    this.closeButton?.focus();
   }
   //--------------------------------------------------------------------------
   //

package/dist/cjs/calcite-color-picker_3.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.652
+ * v1.0.0-next.654
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-a240255a.js');
-const dom = require('./dom-83b860e8.js');
-const utils = require('./utils-bce3b4de.js');
-const math = require('./math-6c6a5409.js');
-const interactive = require('./interactive-56b61598.js');
-const key = require('./key-a6a73fe5.js');
-const loadable = require('./loadable-e6126f32.js');
-const debounce = require('./debounce-00289d1c.js');
-require('./resources-c8e55932.js');
-require('./guid-5bc1b40c.js');
+const index = require('./index-483dbe04.js');
+const dom = require('./dom-f3870c02.js');
+const utils = require('./utils-61f76522.js');
+const math = require('./math-168daa90.js');
+const interactive = require('./interactive-134aafb0.js');
+const key = require('./key-64fe2d0d.js');
+const loadable = require('./loadable-9ea89e06.js');
+const debounce = require('./debounce-d3347e7f.js');
+require('./resources-e34dd4ef.js');
+require('./guid-01d6fefc.js');
 
 /** Error message constants. */
 var FUNC_ERROR_TEXT = 'Expected a function';
@@ -2411,7 +2411,6 @@ const ColorPicker = class {
       }
     };
     this.handleColorFieldAndSliderPointerDown = (event) => {
-      var _a, _b;
       if (!dom.isPrimaryPointerButton(event)) {
         return;
       }
@@ -2420,12 +2419,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();
@@ -2569,7 +2568,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$1, label, ariaLabel, direction) => (index.h("calcite-input", { class: CSS$2.channel, "data-channel-index": index$1, 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$1, label, ariaLabel, direction) => (index.h("calcite-input", { class: CSS$2.channel, "data-channel-index": index$1, 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;
@@ -2665,9 +2664,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;
@@ -2713,7 +2711,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;
@@ -2785,14 +2783,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 (index.h("div", { class: CSS$2.container }, index.h("div", { class: CSS$2.colorFieldAndSliderWrap }, index.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 }), index.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" }), index.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 : (index.h("div", { class: {
+      }, onPointerDown: this.handleColorFieldAndSliderPointerDown, onPointerEnter: this.handleColorFieldAndSliderPointerEnterOrMove, onPointerLeave: this.handleColorFieldAndSliderPointerLeave, onPointerMove: this.handleColorFieldAndSliderPointerEnterOrMove, ref: this.initColorFieldAndSlider }), index.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" }), index.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 : (index.h("div", { class: {
         [CSS$2.controlSection]: true,
         [CSS$2.section]: true
       } }, hideHex ? null : (index.h("div", { class: CSS$2.hexOptions }, index.h("span", { class: {

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

@@ -1,26 +1,26 @@
 /*!
  * 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.652
+ * v1.0.0-next.654
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-a240255a.js');
-const filter = require('./filter-58a572dc.js');
-const floatingUi = require('./floating-ui-88327b65.js');
-const guid = require('./guid-5bc1b40c.js');
-const dom = require('./dom-83b860e8.js');
-const label = require('./label-b9e3f0dd.js');
-const form = require('./form-bf1e6144.js');
-const observers = require('./observers-043fe18b.js');
-const interactive = require('./interactive-56b61598.js');
-const openCloseComponent = require('./openCloseComponent-932c0c08.js');
-const loadable = require('./loadable-e6126f32.js');
-const debounce = require('./debounce-00289d1c.js');
-const conditionalSlot = require('./conditionalSlot-8e195df1.js');
-require('./resources-c8e55932.js');
+const index = require('./index-483dbe04.js');
+const filter = require('./filter-bfb93506.js');
+const floatingUi = require('./floating-ui-3c7d9b63.js');
+const guid = require('./guid-01d6fefc.js');
+const dom = require('./dom-f3870c02.js');
+const label = require('./label-bb7baad0.js');
+const form = require('./form-6fbeeffb.js');
+const observers = require('./observers-265cc6fd.js');
+const interactive = require('./interactive-134aafb0.js');
+const openCloseComponent = require('./openCloseComponent-86d66b5f.js');
+const loadable = require('./loadable-9ea89e06.js');
+const debounce = require('./debounce-d3347e7f.js');
+const conditionalSlot = require('./conditionalSlot-a875fe2d.js');
+require('./resources-e34dd4ef.js');
 
 const ComboboxItem$1 = "CALCITE-COMBOBOX-ITEM";
 const ComboboxItemGroup$1 = "CALCITE-COMBOBOX-ITEM-GROUP";
@@ -30,14 +30,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 dom.nodeListToArray(item.querySelectorAll("calcite-combobox-item"));
@@ -96,8 +94,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();
@@ -343,8 +341,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);
@@ -469,9 +466,8 @@ const Combobox = class {
   }
   /** Sets focus on the component. */
   async setFocus() {
-    var _a;
     await loadable.componentLoaded(this);
-    (_a = this.textInput) === null || _a === void 0 ? void 0 : _a.focus();
+    this.textInput?.focus();
     this.activeChipIndex = -1;
     this.activeItemIndex = -1;
   }
@@ -481,11 +477,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 });
     label.connectLabel(this);
     form.connectForm(this);
     openCloseComponent.connectOpenCloseComponent(this);
@@ -515,9 +510,8 @@ const Combobox = class {
     interactive.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();
     label.disconnectLabel(this);
     form.disconnectForm(this);
     floatingUi.disconnectFloatingUI(this, this.referenceEl, this.floatingEl);
@@ -574,7 +568,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;
     });
@@ -734,12 +728,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;
@@ -795,7 +788,7 @@ const Combobox = class {
         "input-wrap--single": single
       } }, showLabel && (index.h("span", { class: {
         label: true,
-        "label--icon": !!(selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.icon)
+        "label--icon": !!selectedItem?.icon
       }, key: "label" }, selectedItem.textLabel)), index.h("input", { "aria-activedescendant": this.activeDescendant, "aria-autocomplete": "list", "aria-controls": `${listboxUidPrefix}${guid}`, "aria-label": label.getLabelText(this), class: {
         input: true,
         "input--single": true,
@@ -822,7 +815,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

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.652
+ * v1.0.0-next.654
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-a240255a.js');
-const resources = require('./resources-f9d75622.js');
-const locale = require('./locale-9a779ecb.js');
-const dom = require('./dom-83b860e8.js');
-const resources$1 = require('./resources-c8e55932.js');
-const interactive = require('./interactive-56b61598.js');
-const key = require('./key-a6a73fe5.js');
-const Heading = require('./Heading-6ffa7d52.js');
-require('./observers-043fe18b.js');
-require('./guid-5bc1b40c.js');
+const index = require('./index-483dbe04.js');
+const resources = require('./resources-e280f675.js');
+const locale = require('./locale-66bb4c04.js');
+const dom = require('./dom-f3870c02.js');
+const resources$1 = require('./resources-e34dd4ef.js');
+const interactive = require('./interactive-134aafb0.js');
+const key = require('./key-64fe2d0d.js');
+const Heading = require('./Heading-ceb4f2b6.js');
+require('./observers-265cc6fd.js');
+require('./guid-01d6fefc.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) {
@@ -921,7 +917,6 @@ const DatePickerMonthHeader = class {
     return index.h("div", { class: "header" }, this.renderContent());
   }
   renderContent() {
-    var _a;
     if (!this.activeDate || !this.localeData) {
       return null;
     }
@@ -940,7 +935,7 @@ 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;
+    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: "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: {
         year: true,
         "year--suffix": !!suffix