npm - @esri/calcite-components - Versions diffs - 1.0.0-next.652 → 1.0.0-next.654 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (701) hide show

package/dist/collection/components/action/action.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.652
+ * v1.0.0-next.654
  */
 import { Host, h, forceUpdate } from "@stencil/core";
 import { CSS, TEXT, SLOTS } from "./resources";
@@ -25,7 +25,7 @@ export class Action {
         .assignedElements({
         flatten: true
       })
-        .filter((el) => el === null || el === void 0 ? void 0 : el.matches("calcite-tooltip"));
+        .filter((el) => el?.matches("calcite-tooltip"));
       const tooltip = tooltips[0];
       if (tooltip) {
         tooltip.referenceElement = this.buttonEl;
@@ -51,8 +51,7 @@ export class Action {
   //
   // --------------------------------------------------------------------------
   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 });
   }
   componentWillLoad() {
     setUpLoadableComponent(this);
@@ -61,8 +60,7 @@ export class Action {
     setComponentLoaded(this);
   }
   disconnectedCallback() {
-    var _a;
-    (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
+    this.mutationObserver?.disconnect();
   }
   componentDidRender() {
     updateHostInteraction(this);
@@ -74,9 +72,8 @@ export class Action {
   // --------------------------------------------------------------------------
   /** Sets focus on the component. */
   async setFocus() {
-    var _a;
     await componentLoaded(this);
-    (_a = this.buttonEl) === null || _a === void 0 ? void 0 : _a.focus();
+    this.buttonEl?.focus();
   }
   // --------------------------------------------------------------------------
   //
@@ -92,14 +89,13 @@ export class Action {
     return text ? (h("div", { class: textContainerClasses, key: "text-container" }, text)) : null;
   }
   renderIconContainer() {
-    var _a;
     const { loading, icon, scale, el, intlLoading } = this;
     const iconScale = scale === "l" ? "m" : "s";
     const loaderScale = scale === "l" ? "l" : "m";
     const calciteLoaderNode = loading ? (h("calcite-loader", { inline: true, label: intlLoading, scale: loaderScale })) : null;
     const calciteIconNode = icon ? h("calcite-icon", { icon: icon, scale: iconScale }) : null;
     const iconNode = calciteLoaderNode || calciteIconNode;
-    const hasIconToDisplay = iconNode || ((_a = el.children) === null || _a === void 0 ? void 0 : _a.length);
+    const hasIconToDisplay = iconNode || el.children?.length;
     const slotContainerNode = (h("div", { class: {
         [CSS.slotContainer]: true,
         [CSS.slotContainerHidden]: loading

package/dist/collection/components/action/resources.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.652
+ * v1.0.0-next.654
  */
 export const CSS = {
   button: "button",

package/dist/collection/components/action-bar/action-bar.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.652
+ * v1.0.0-next.654
  */
 import { Host, h } from "@stencil/core";
 import { ExpandToggle, toggleChildActionText } from "../functional/ExpandToggle";
@@ -120,20 +120,18 @@ export class ActionBar {
     this.conditionallyOverflowActions();
   }
   connectedCallback() {
-    var _a, _b;
     const { el, expanded } = this;
     toggleChildActionText({ parent: el, expanded });
-    (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.observe(el, { childList: true, subtree: true });
+    this.mutationObserver?.observe(el, { childList: true, subtree: true });
     if (!this.overflowActionsDisabled) {
-      (_b = this.resizeObserver) === null || _b === void 0 ? void 0 : _b.observe(el);
+      this.resizeObserver?.observe(el);
     }
     this.conditionallyOverflowActions();
     connectConditionalSlotComponent(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();
     disconnectConditionalSlotComponent(this);
   }
   // --------------------------------------------------------------------------
@@ -155,13 +153,12 @@ export class ActionBar {
    * @param focusId
    */
   async setFocus(focusId) {
-    var _a;
     await componentLoaded(this);
     if (focusId === "expand-toggle") {
       await focusElement(this.expandToggleEl);
       return;
     }
-    (_a = this.el) === null || _a === void 0 ? void 0 : _a.focus();
+    this.el?.focus();
   }
   // --------------------------------------------------------------------------
   //

package/dist/collection/components/action-bar/resources.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.652
+ * v1.0.0-next.654
  */
 export const CSS = {
   actionGroupBottom: "action-group--bottom"

package/dist/collection/components/action-bar/utils.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.652
+ * v1.0.0-next.654
  */
 import { forceUpdate } from "@stencil/core";
 import { SLOTS as ACTION_MENU_SLOTS } from "../action-menu/resources";
@@ -10,7 +10,7 @@ export const overflowActionsDebounceInMs = 150;
 const groupBufferPx = 2;
 const getAverage = (arr) => arr.reduce((p, c) => p + c, 0) / arr.length;
 export const geActionDimensions = (actions) => {
-  const actionLen = actions === null || actions === void 0 ? void 0 : actions.length;
+  const actionLen = actions?.length;
   return {
     actionWidth: actionLen ? getAverage(actions.map((action) => action.clientWidth || 0)) : 0,
     actionHeight: actionLen ? getAverage(actions.map((action) => action.clientHeight || 0)) : 0

package/dist/collection/components/action-group/action-group.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.652
+ * v1.0.0-next.654
  */
 import { h } from "@stencil/core";
 import { ICONS, SLOTS, TEXT } from "./resources";

package/dist/collection/components/action-group/resources.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.652
+ * v1.0.0-next.654
  */
 export const SLOTS = {
   menuActions: "menu-actions",

package/dist/collection/components/action-menu/action-menu.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.652
+ * v1.0.0-next.654
  */
 import { h } from "@stencil/core";
 import { CSS, SLOTS, ICONS } from "./resources";
@@ -69,7 +69,7 @@ export class ActionMenu {
         .assignedElements({
         flatten: true
       })
-        .filter((el) => el === null || el === void 0 ? void 0 : el.matches("calcite-action"));
+        .filter((el) => el?.matches("calcite-action"));
       this.slottedMenuButtonEl = actions[0];
       this.connectMenuButtonEl();
     };
@@ -97,7 +97,7 @@ export class ActionMenu {
         .assignedElements({
         flatten: true
       })
-        .filter((el) => el === null || el === void 0 ? void 0 : el.matches("calcite-tooltip"));
+        .filter((el) => el?.matches("calcite-tooltip"));
       this.tooltipEl = tooltips[0];
       this.setTooltipReferenceElement();
     };
@@ -118,14 +118,14 @@ export class ActionMenu {
       action.active = index === activeMenuItemIndex;
     };
     this.updateActions = (actions) => {
-      actions === null || actions === void 0 ? void 0 : actions.forEach(this.updateAction);
+      actions?.forEach(this.updateAction);
     };
     this.handleDefaultSlotChange = (event) => {
       const actions = event.target
         .assignedElements({
         flatten: true
       })
-        .filter((el) => el === null || el === void 0 ? void 0 : el.matches("calcite-action"));
+        .filter((el) => el?.matches("calcite-action"));
       this.actionElements = actions;
     };
     this.menuButtonKeyDown = (event) => {
@@ -258,8 +258,8 @@ export class ActionMenu {
   renderMenuItems() {
     const { actionElements, activeMenuItemIndex, open, menuId, menuButtonEl, label, placement, overlayPositioning, flipPlacements } = this;
     const activeAction = actionElements[activeMenuItemIndex];
-    const activeDescendantId = (activeAction === null || activeAction === void 0 ? void 0 : activeAction.id) || null;
-    return (h("calcite-popover", { disableFocusTrap: true, disablePointer: true, flipPlacements: flipPlacements, label: label, offsetDistance: 0, open: open, overlayPositioning: overlayPositioning, placement: placement, referenceElement: menuButtonEl }, h("div", { "aria-activedescendant": activeDescendantId, "aria-labelledby": menuButtonEl === null || menuButtonEl === void 0 ? void 0 : menuButtonEl.id, class: CSS.menu, id: menuId, onClick: this.handleCalciteActionClick, role: "menu", tabIndex: -1 }, h("slot", { onSlotchange: this.handleDefaultSlotChange }))));
+    const activeDescendantId = activeAction?.id || null;
+    return (h("calcite-popover", { disableFocusTrap: true, disablePointer: true, flipPlacements: flipPlacements, label: label, offsetDistance: 0, open: open, overlayPositioning: overlayPositioning, placement: placement, referenceElement: menuButtonEl }, h("div", { "aria-activedescendant": activeDescendantId, "aria-labelledby": menuButtonEl?.id, class: CSS.menu, id: menuId, onClick: this.handleCalciteActionClick, role: "menu", tabIndex: -1 }, h("slot", { onSlotchange: this.handleDefaultSlotChange }))));
   }
   render() {
     return (h(Fragment, null, this.renderMenuButton(), this.renderMenuItems(), h("slot", { name: SLOTS.tooltip, onSlotchange: this.updateTooltip })));

package/dist/collection/components/action-menu/resources.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.652
+ * v1.0.0-next.654
  */
 export const CSS = {
   menu: "menu",

package/dist/collection/components/action-pad/action-pad.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.652
+ * v1.0.0-next.654
  */
 import { Host, h } from "@stencil/core";
 import { ExpandToggle, toggleChildActionText } from "../functional/ExpandToggle";
@@ -78,13 +78,12 @@ export class ActionPad {
    * @param focusId
    */
   async setFocus(focusId) {
-    var _a;
     await componentLoaded(this);
     if (focusId === "expand-toggle") {
       await focusElement(this.expandToggleEl);
       return;
     }
-    (_a = this.el) === null || _a === void 0 ? void 0 : _a.focus();
+    this.el?.focus();
   }
   // --------------------------------------------------------------------------
   //

package/dist/collection/components/action-pad/resources.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.652
+ * v1.0.0-next.654
  */
 export const CSS = {
   actionGroupBottom: "action-group--bottom",

package/dist/collection/components/alert/alert.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.652
+ * v1.0.0-next.654
  */
 import { h, Host } from "@stencil/core";
 import { getSlotted, setRequestedIcon, toAriaBoolean, slotChangeHasAssignedElement } from "../../utils/dom";
@@ -167,8 +167,7 @@ export class Alert {
   }
   /** 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/collection/components/alert/interfaces.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.652
+ * v1.0.0-next.654
  */
 export var StatusIcons;
 (function (StatusIcons) {

package/dist/collection/components/alert/resources.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.652
+ * v1.0.0-next.654
  */
 export const TEXT = {
   intlClose: "Close"

package/dist/collection/components/avatar/avatar.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.652
+ * v1.0.0-next.654
  */
 import { h } from "@stencil/core";
 import { isValidHex } from "../color-picker/utils";

package/dist/collection/components/avatar/utils.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.652
+ * v1.0.0-next.654
  */
 import { hexToRGB } from "../color-picker/utils";
 /**

package/dist/collection/components/block/block.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.652
+ * v1.0.0-next.654
  */
 import { h, Host } from "@stencil/core";
 import { CSS, ICONS, SLOTS, TEXT } from "./resources";

package/dist/collection/components/block/resources.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.652
+ * v1.0.0-next.654
  */
 export const CSS = {
   container: "container",

package/dist/collection/components/block-section/block-section.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.652
+ * v1.0.0-next.654
  */
 import { h, Host } from "@stencil/core";
 import { getElementDir, toAriaBoolean } from "../../utils/dom";
@@ -43,9 +43,8 @@ export class BlockSection {
   //
   // --------------------------------------------------------------------------
   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/collection/components/block-section/resources.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.652
+ * v1.0.0-next.654
  */
 export const CSS = {
   content: "content",

package/dist/collection/components/button/button.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.652
+ * v1.0.0-next.654
  */
 import "form-request-submit-polyfill/form-request-submit-polyfill";
 import { h, Build } from "@stencil/core";
@@ -78,8 +78,7 @@ export class Button {
     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;
   }
@@ -118,21 +117,18 @@ export class Button {
   //--------------------------------------------------------------------------
   /** 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/collection/components/button/resources.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.652
+ * v1.0.0-next.654
  */
 export const CSS = {
   buttonLoader: "calcite-button--loader",

package/dist/collection/components/card/card.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.652
+ * v1.0.0-next.654
  */
 import { h } from "@stencil/core";
 import { getSlotted, toAriaBoolean } from "../../utils/dom";

package/dist/collection/components/card/resources.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.652
+ * v1.0.0-next.654
  */
 export const CSS = {
   container: "container",

package/dist/collection/components/checkbox/checkbox.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.652
+ * v1.0.0-next.654
  */
 import { h, Host } from "@stencil/core";
 import { guid } from "../../utils/guid";
@@ -76,9 +76,8 @@ export class Checkbox {
   //--------------------------------------------------------------------------
   /** 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/collection/components/chip/chip.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.652
+ * v1.0.0-next.654
  */
 import { h } from "@stencil/core";
 import { getSlotted } from "../../utils/dom";
@@ -60,9 +60,8 @@ export class Chip {
   //--------------------------------------------------------------------------
   /** 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/collection/components/chip/resources.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.652
+ * v1.0.0-next.654
  */
 export const CSS = {
   title: "title",

package/dist/collection/components/color-picker/color-picker.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.652
+ * v1.0.0-next.654
  */
 import { h } from "@stencil/core";
 import Color from "color";
@@ -125,7 +125,6 @@ export class ColorPicker {
       }
     };
     this.handleColorFieldAndSliderPointerDown = (event) => {
-      var _a, _b;
       if (!isPrimaryPointerButton(event)) {
         return;
       }
@@ -134,12 +133,12 @@ export class ColorPicker {
       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();
@@ -283,7 +282,7 @@ export class ColorPicker {
       /* 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.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.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;
@@ -379,9 +378,8 @@ export class ColorPicker {
     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;
@@ -427,7 +425,7 @@ export class ColorPicker {
     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.channel); })) {
+      !event.composedPath().some((node) => node.classList?.contains(CSS.channel))) {
       return;
     }
     const { shiftKey } = event;
@@ -499,14 +497,14 @@ export class ColorPicker {
     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.hue()) / HSV_LIMITS.h;
+    const hueTop = hueScopeTop ?? sliderHeight / 2 + colorFieldHeight;
+    const hueLeft = hueScopeLeft ?? (colorFieldWidth * DEFAULT_COLOR.hue()) / HSV_LIMITS.h;
     const noColor = color === null;
     const vertical = scopeOrientation === "vertical";
     return (h("div", { class: CSS.container }, h("div", { class: CSS.colorFieldAndSliderWrap }, h("canvas", { class: {
         [CSS.colorFieldAndSlider]: true,
         [CSS.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.scope]: true, [CSS.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.round().hue(), class: { [CSS.scope]: true, [CSS.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.scope]: true, [CSS.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.round().hue(), class: { [CSS.scope]: true, [CSS.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.controlSection]: true,
         [CSS.section]: true
       } }, hideHex ? null : (h("div", { class: CSS.hexOptions }, h("span", { class: {

package/dist/collection/components/color-picker/resources.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.652
+ * v1.0.0-next.654
  */
 import Color from "color";
 export const CSS = {

package/dist/collection/components/color-picker/utils.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.652
+ * v1.0.0-next.654
  */
 export function rgbToHex(color) {
   const { r, g, b } = color;
@@ -108,5 +108,5 @@ function hasChannels(colorObject, ...channels) {
   return channels.every((channel) => channel && colorObject && `${channel}` in colorObject);
 }
 export function colorEqual(value1, value2) {
-  return (value1 === null || value1 === void 0 ? void 0 : value1.rgbNumber()) === (value2 === null || value2 === void 0 ? void 0 : value2.rgbNumber());
+  return value1?.rgbNumber() === value2?.rgbNumber();
 }

package/dist/collection/components/color-picker-hex-input/color-picker-hex-input.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.652
+ * v1.0.0-next.654
  */
 import { h } from "@stencil/core";
 import { hexChar, isLonghandHex, isValidHex, normalizeHex, rgbToHex } from "../color-picker/utils";

package/dist/collection/components/color-picker-hex-input/resources.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.652
+ * v1.0.0-next.654
  */
 export const CSS = {
   container: "container",