@esri/calcite-components 1.6.1-next.1 → 1.6.1

package/dist/types/components/segmented-control/segmented-control.d.ts

@@ -8,7 +8,6 @@ import { Appearance, Layout, Scale, Width } from "../interfaces";
  * @slot - A slot for adding `calcite-segmented-control-item`s.
  */
 export declare class SegmentedControl implements LabelableComponent, FormComponent, InteractiveComponent, LoadableComponent {
-  el: HTMLCalciteSegmentedControlElement;
   /** Specifies the appearance style of the component. */
   appearance: Extract<"outline" | "outline-fill" | "solid", Appearance>;
   /** When `true`, interaction is prevented and the component is displayed with lower opacity. */
@@ -60,6 +59,7 @@ export declare class SegmentedControl implements LabelableComponent, FormCompone
   calciteSegmentedControlChange: EventEmitter<void>;
   /** Sets focus on the component. */
   setFocus(): Promise<void>;
+  el: HTMLCalciteSegmentedControlElement;
   labelEl: HTMLCalciteLabelElement;
   formEl: HTMLFormElement;
   defaultValue: SegmentedControl["value"];

package/dist/types/components/segmented-control-item/segmented-control-item.d.ts

@@ -1,6 +1,5 @@
 import { EventEmitter, VNode } from "../../stencil-public-runtime";
 export declare class SegmentedControlItem {
-  el: HTMLCalciteSegmentedControlItemElement;
   /** When `true`, the component is checked. */
   checked: boolean;
   protected handleCheckedChange(): void;
@@ -15,6 +14,7 @@ export declare class SegmentedControlItem {
    */
   value: any | null;
   render(): VNode;
+  el: HTMLCalciteSegmentedControlItemElement;
   /**
    * Fires when the item has been selected.
    *

package/dist/types/components/select/select.d.ts

@@ -53,10 +53,10 @@ export declare class Select implements LabelableComponent, FormComponent, Intera
    * Specifies the width of the component.
    */
   width: Width;
+  el: HTMLCalciteSelectElement;
   labelEl: HTMLCalciteLabelElement;
   formEl: HTMLFormElement;
   defaultValue: Select["value"];
-  el: HTMLCalciteSelectElement;
   private componentToNativeEl;
   private mutationObserver;
   private selectEl;

package/dist/types/components/slider/slider.d.ts

@@ -7,7 +7,6 @@ import { LocalizedComponent, NumberingSystem } from "../../utils/locale";
 import { ColorStop, DataSeries } from "../graph/interfaces";
 import { Scale } from "../interfaces";
 export declare class Slider implements LabelableComponent, FormComponent, InteractiveComponent, LocalizedComponent, LoadableComponent {
-  el: HTMLCalciteSliderElement;
   /** When `true`, interaction is prevented and the component is displayed with lower opacity. */
   disabled: boolean;
   /**
@@ -116,6 +115,7 @@ export declare class Slider implements LabelableComponent, FormComponent, Intera
   calciteSliderChange: EventEmitter<void>;
   /** Sets focus on the component. */
   setFocus(): Promise<void>;
+  el: HTMLCalciteSliderElement;
   labelEl: HTMLCalciteLabelElement;
   formEl: HTMLFormElement;
   defaultValue: Slider["value"];

package/dist/types/components/split-button/split-button.d.ts

@@ -8,7 +8,6 @@ import { Appearance, FlipContext, Kind, Scale, Width } from "../interfaces";
  * @slot - A slot for adding `calcite-dropdown` content.
  */
 export declare class SplitButton implements InteractiveComponent, LoadableComponent {
-  el: HTMLCalciteSplitButtonElement;
   /** Specifies the appearance style of the component. */
   appearance: Extract<"outline" | "outline-fill" | "solid" | "transparent", Appearance>;
   /** Specifies the kind of the component (will apply to border and background if applicable). */
@@ -64,6 +63,7 @@ export declare class SplitButton implements InteractiveComponent, LoadableCompon
   calciteSplitButtonSecondaryClick: EventEmitter<void>;
   /** Sets focus on the component's first focusable element. */
   setFocus(): Promise<void>;
+  el: HTMLCalciteSplitButtonElement;
   connectedCallback(): void;
   componentWillLoad(): void;
   componentDidLoad(): void;

package/dist/types/components/stepper/stepper.d.ts

@@ -6,7 +6,6 @@ import { StepperItemChangeEventDetail, StepperItemKeyEventDetail } from "./inter
  * @slot - A slot for adding `calcite-stepper-item` elements.
  */
 export declare class Stepper {
-  el: HTMLCalciteStepperElement;
   /** When `true`, displays a status icon in the `calcite-stepper-item` heading. */
   icon: boolean;
   /** Defines the layout of the component. */
@@ -57,6 +56,7 @@ export declare class Stepper {
   startStep(): Promise<void>;
   /** Set the last `calcite-stepper-item` as active. */
   endStep(): Promise<void>;
+  el: HTMLCalciteStepperElement;
   private itemMap;
   /** list of sorted Stepper items */
   private items;

package/dist/types/components/stepper-item/stepper-item.d.ts

@@ -8,7 +8,6 @@ import { LoadableComponent } from "../../utils/loadable";
  * @slot - A slot for adding custom content.
  */
 export declare class StepperItem implements InteractiveComponent, LocalizedComponent, LoadableComponent {
-  el: HTMLCalciteStepperItemElement;
   /**
    * When `true`, the component is selected.
    */
@@ -71,6 +70,7 @@ export declare class StepperItem implements InteractiveComponent, LocalizedCompo
   updateActiveItemOnChange(event: CustomEvent<StepperItemChangeEventDetail>): void;
   /** Sets focus on the component. */
   setFocus(): Promise<void>;
+  el: HTMLCalciteStepperItemElement;
   /** position within parent */
   private itemPosition;
   /** the latest requested item position*/

package/dist/types/components/switch/switch.d.ts

@@ -5,7 +5,6 @@ import { LabelableComponent } from "../../utils/label";
 import { LoadableComponent } from "../../utils/loadable";
 import { Scale } from "../interfaces";
 export declare class Switch implements LabelableComponent, CheckableFormComponent, InteractiveComponent, LoadableComponent {
-  el: HTMLCalciteSwitchElement;
   /** When `true`, interaction is prevented and the component is displayed with lower opacity. */
   disabled: boolean;
   /**
@@ -28,6 +27,7 @@ export declare class Switch implements LabelableComponent, CheckableFormComponen
   checked: boolean;
   /** The component's value. */
   value: any;
+  el: HTMLCalciteSwitchElement;
   labelEl: HTMLCalciteLabelElement;
   switchEl: HTMLDivElement;
   formEl: HTMLFormElement;

package/dist/types/components/tab/tab.d.ts

@@ -5,7 +5,6 @@ import { TabChangeEventDetail } from "./interfaces";
  * @slot - A slot for adding custom content.
  */
 export declare class Tab {
-  el: HTMLCalciteTabElement;
   /**
    * Specifies a unique name for the component.
    *
@@ -36,6 +35,7 @@ export declare class Tab {
    * Returns the index of the component item within the tab array.
    */
   getTabIndex(): Promise<number>;
+  el: HTMLCalciteTabElement;
   parentTabsEl: HTMLCalciteTabsElement;
   guid: string;
   labeledBy: string;

package/dist/types/components/tab-nav/tab-nav.d.ts

@@ -7,7 +7,6 @@ import { TabID, TabLayout, TabPosition } from "../tabs/interfaces";
  * @slot - A slot for adding `calcite-tab-title`s.
  */
 export declare class TabNav {
-  el: HTMLCalciteTabNavElement;
   /**
    * Specifies the name when saving selected `calcite-tab` data to `localStorage`.
    */
@@ -77,6 +76,7 @@ export declare class TabNav {
    * @internal
    */
   calciteInternalTabChange: EventEmitter<TabChangeEventDetail>;
+  el: HTMLCalciteTabNavElement;
   selectedTabId: TabID;
   parentTabsEl: HTMLCalciteTabsElement;
   tabNavEl: HTMLDivElement;

package/dist/types/components/tab-title/tab-title.d.ts

@@ -13,7 +13,6 @@ import { TabTitleMessages } from "./assets/tab-title/t9n";
  * @slot - A slot for adding text.
  */
 export declare class TabTitle implements InteractiveComponent, LocalizedComponent, T9nComponent {
-  el: HTMLCalciteTabTitleElement;
   /**
    * When `true`, the component and its respective `calcite-tab` contents are selected.
    *
@@ -138,6 +137,7 @@ export declare class TabTitle implements InteractiveComponent, LocalizedComponen
    */
   updateAriaInfo(tabIds?: string[], titleIds?: string[]): Promise<void>;
   private closeClickHandler;
+  el: HTMLCalciteTabTitleElement;
   /** watches for changing text content */
   mutationObserver: MutationObserver;
   controls: string;

package/dist/types/components/tabs/tabs.d.ts

@@ -6,7 +6,6 @@ import { TabLayout, TabPosition } from "./interfaces";
  * @slot title-group - A slot for adding a `calcite-tab-nav`.
  */
 export declare class Tabs {
-  el: HTMLCalciteTabsElement;
   /**
    * Specifies the layout of the `calcite-tab-nav`, justifying the `calcite-tab-title`s to the start (`"inline"`), or across and centered (`"center"`).
    */
@@ -44,6 +43,7 @@ export declare class Tabs {
    * @internal
    */
   calciteTabUnregister(event: CustomEvent): void;
+  el: HTMLCalciteTabsElement;
   /**
    *
    * Stores an array of ids of `<calcite-tab-titles>`s to match up ARIA

package/dist/types/components/text-area/text-area.d.ts

@@ -13,7 +13,6 @@ import { CharacterLengthObj } from "./interfaces";
  * @slot footer-end - A slot for adding content to the end of the component's footer.
  */
 export declare class TextArea implements FormComponent, LabelableComponent, LocalizedComponent, LoadableComponent, T9nComponent, InteractiveComponent {
-  el: HTMLCalciteTextAreaElement;
   /**
    * When `true`, the component is focused on page load. Only one element can contain `autofocus`. If multiple elements have `autofocus`, the first element will receive focus.
    *
@@ -128,6 +127,7 @@ export declare class TextArea implements FormComponent, LabelableComponent, Loca
   setFocus(): Promise<void>;
   /** Selects the text of the component's `value`. */
   selectText(): Promise<void>;
+  el: HTMLCalciteTextAreaElement;
   defaultValue: TextArea["value"];
   footerEl: HTMLElement;
   formEl: HTMLFormElement;
@@ -151,7 +151,7 @@ export declare class TextArea implements FormComponent, LabelableComponent, Loca
   syncHiddenFormInput(input: HTMLInputElement): void;
   setTextAreaEl: (el: HTMLTextAreaElement) => void;
   setTextAreaHeight(): void;
-  getHeightandWidthOfElements(): {
+  getHeightAndWidthOfElements(): {
     textAreaHeight: number;
     textAreaWidth: number;
     elHeight: number;

package/dist/types/components/tile/tile.d.ts

@@ -6,7 +6,6 @@ import { InteractiveComponent } from "../../utils/interactive";
  * @slot content-end - A slot for adding non-actionable elements after the component's content.
  */
 export declare class Tile implements ConditionalSlotComponent, InteractiveComponent {
-  el: HTMLCalciteTileElement;
   /**
    * When `true`, the component is active.
    */
@@ -41,6 +40,7 @@ export declare class Tile implements ConditionalSlotComponent, InteractiveCompon
   icon: string;
   /** When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`). */
   iconFlipRtl: boolean;
+  el: HTMLCalciteTileElement;
   connectedCallback(): void;
   disconnectedCallback(): void;
   componentDidRender(): void;

package/dist/types/components/tile-select/tile-select.d.ts

@@ -7,7 +7,6 @@ import { TileSelectType } from "./interfaces";
  * @slot - A slot for adding custom content.
  */
 export declare class TileSelect implements InteractiveComponent, LoadableComponent {
-  el: HTMLCalciteTileSelectElement;
   /** When `true`, the component is checked. */
   checked: boolean;
   checkedChanged(newChecked: boolean): void;
@@ -40,6 +39,7 @@ export declare class TileSelect implements InteractiveComponent, LoadableCompone
   value: any;
   /** Specifies the width of the component. */
   width: Extract<"auto" | "full", Width>;
+  el: HTMLCalciteTileSelectElement;
   private input;
   guid: string;
   /** The focused state of the tile-select. */

package/dist/types/components/tile-select-group/tile-select-group.d.ts

@@ -5,7 +5,6 @@ import { TileSelectGroupLayout } from "./interfaces";
  * @slot - A slot for adding `calcite-tile-select` elements.
  */
 export declare class TileSelectGroup implements InteractiveComponent {
-  el: HTMLCalciteTileSelectGroupElement;
   /** When `true`, interaction is prevented and the component is displayed with lower opacity. */
   disabled: boolean;
   /**
@@ -14,6 +13,7 @@ export declare class TileSelectGroup implements InteractiveComponent {
    * Use `"horizontal"` for rows, and `"vertical"` for a single column.
    */
   layout: TileSelectGroupLayout;
+  el: HTMLCalciteTileSelectGroupElement;
   connectedCallback(): void;
   componentDidRender(): void;
   disconnectedCallback(): void;

package/dist/types/components/time-picker/time-picker.d.ts

@@ -6,7 +6,6 @@ import { HourCycle, Meridiem } from "../../utils/time";
 import { TimePickerMessages } from "./assets/time-picker/t9n";
 import { LoadableComponent } from "../../utils/loadable";
 export declare class TimePicker implements LocalizedComponent, LoadableComponent, LocalizedComponent, T9nComponent {
-  el: HTMLCalciteTimePickerElement;
   /** Specifies the size of the component. */
   scale: Scale;
   /** Specifies the granularity the `value` must adhere to (in seconds). */
@@ -31,6 +30,7 @@ export declare class TimePicker implements LocalizedComponent, LoadableComponent
    */
   messageOverrides: Partial<TimePickerMessages>;
   onMessagesChange(): void;
+  el: HTMLCalciteTimePickerElement;
   private activeEl;
   private hourEl;
   private meridiemEl;

package/dist/types/components/tree/tree.d.ts

@@ -5,7 +5,6 @@ import { TreeItemSelectDetail } from "../tree-item/interfaces";
  * @slot - A slot for `calcite-tree-item` elements.
  */
 export declare class Tree {
-  el: HTMLCalciteTreeElement;
   /** Displays indentation guide lines. */
   lines: boolean;
   /**
@@ -45,5 +44,6 @@ export declare class Tree {
    * Fires when the user selects/deselects `calcite-tree-items`.
    */
   calciteTreeSelect: EventEmitter<void>;
+  el: HTMLCalciteTreeElement;
   getRootTabIndex(): number;
 }

package/dist/types/components/tree-item/tree-item.d.ts

@@ -9,7 +9,6 @@ import { TreeItemSelectDetail } from "./interfaces";
  * @slot actions-end - A slot for adding actions to the end of the component. It is recommended to use two or fewer actions.
  */
 export declare class TreeItem implements ConditionalSlotComponent, InteractiveComponent {
-  el: HTMLCalciteTreeItemElement;
   /**
    * When `true`, interaction is prevented and the component is displayed with lower opacity.
    */
@@ -60,6 +59,7 @@ export declare class TreeItem implements ConditionalSlotComponent, InteractiveCo
   componentWillLoad(): void;
   componentDidLoad(): void;
   componentDidRender(): void;
+  el: HTMLCalciteTreeItemElement;
   private isSelectionMultiLike;
   render(): VNode;
   onClick(event: Event): void;

package/dist/types/components/value-list/value-list.d.ts

@@ -87,6 +87,7 @@ export declare class ValueList<ItemElement extends HTMLCalciteValueListItemEleme
    * @internal
    */
   messages: ValueListMessages;
+  el: HTMLCalciteValueListElement;
   dataForFilter: ItemData;
   defaultMessages: ValueListMessages;
   effectiveLocale: string;
@@ -96,7 +97,6 @@ export declare class ValueList<ItemElement extends HTMLCalciteValueListItemEleme
   lastSelectedItem: ItemElement;
   mutationObserver: import("../../utils/observers").ExtendedMutationObserver;
   sortable: Sortable;
-  el: HTMLCalciteValueListElement;
   emitCalciteListChange: () => void;
   emitCalciteListFilter: () => void;
   filterEl: HTMLCalciteFilterElement;

package/dist/types/utils/label.d.ts

@@ -27,7 +27,7 @@ export interface LabelableComponent {
  */
 export declare const labelClickEvent = "calciteInternalLabelClick";
 export declare const labelConnectedEvent = "calciteInternalLabelConnected";
-export declare const labelDisconnectedEvent = "calciteInternaLabelDisconnected";
+export declare const labelDisconnectedEvent = "calciteInternalLabelDisconnected";
 /**
  * Helper to set up label interactions on connectedCallback.
  *

package/hydrate/index.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.6.1-next.1
+ * v1.6.1
  */
 'use strict';
 
@@ -5863,11 +5863,6 @@ class Accordion {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.calciteInternalAccordionChange = createEvent(this, "calciteInternalAccordionChange", 6);
-    //--------------------------------------------------------------------------
-    //
-    //  Private State/Props
-    //
-    //--------------------------------------------------------------------------
     this.mutationObserver = createObserver();
     this.appearance = "solid";
     this.iconPosition = "end";
@@ -7042,7 +7037,7 @@ class AccordionItem {
     this.calciteInternalAccordionItemClose = createEvent(this, "calciteInternalAccordionItemClose", 6);
     //--------------------------------------------------------------------------
     //
-    //  Private State/Props
+    //  Private Methods
     //
     //--------------------------------------------------------------------------
     /** handle clicks on item header */
@@ -7142,11 +7137,6 @@ class AccordionItem {
     accordionItem.scale = closestAccordionParent.scale;
     event.stopPropagation();
   }
-  //--------------------------------------------------------------------------
-  //
-  //  Private Methods
-  //
-  //--------------------------------------------------------------------------
   determineActiveItem(selectionMode, requestedItem) {
     switch (selectionMode) {
       case "multiple":
@@ -9596,11 +9586,6 @@ class ActionBar {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.calciteActionBarToggle = createEvent(this, "calciteActionBarToggle", 6);
-    // --------------------------------------------------------------------------
-    //
-    //  Private Properties
-    //
-    // --------------------------------------------------------------------------
     this.mutationObserver = createObserver();
     this.resizeObserver = createObserver();
     // --------------------------------------------------------------------------
@@ -10428,9 +10413,14 @@ function emitImmediately(component, nonOpenCloseComponent = false) {
 function onToggleOpenCloseComponent(component, nonOpenCloseComponent = false) {
   readTask(() => {
     if (component.transitionEl) {
-      const allTransitionPropsArray = getComputedStyle(component.transitionEl).transition.split(" ");
-      const openTransitionPropIndex = allTransitionPropsArray.findIndex((item) => item === component.openTransitionProp);
-      const transitionDuration = allTransitionPropsArray[openTransitionPropIndex + 1];
+      const { transitionDuration: allDurations, transitionProperty: allProps } = getComputedStyle(component.transitionEl);
+      const allTransitionDurationsArray = allDurations.split(",");
+      const allTransitionPropsArray = allProps.split(",");
+      const openTransitionPropIndex = allTransitionPropsArray.indexOf(component.openTransitionProp);
+      const transitionDuration = allTransitionDurationsArray[openTransitionPropIndex] ??
+        /* Safari will have a single transition value if multiple props share it,
+        so we fall back to it if there's no matching prop duration */
+        allTransitionDurationsArray[0];
       if (transitionDuration === "0s") {
         emitImmediately(component, nonOpenCloseComponent);
         return;
@@ -10841,7 +10831,10 @@ function hexToRGB(hex, hasAlpha = false) {
     return null;
   }
   hex = hex.replace("#", "");
-  let r, g, b, a;
+  let r;
+  let g;
+  let b;
+  let a;
   const isShorthand = hex.length === 3 || hex.length === 4;
   if (isShorthand) {
     const [first, second, third, fourth] = hex.split("");
@@ -11070,7 +11063,7 @@ class Avatar {
     return `hsl(${hue}, 60%, ${l}%)`;
   }
   /**
-   * Use fullname or username to generate initials
+   * Use fullName or username to generate initials
    */
   generateInitials() {
     const { fullName, username } = this;
@@ -11727,7 +11720,7 @@ const HiddenFormInputSlot = ({ component, }) => {
  */
 const labelClickEvent = "calciteInternalLabelClick";
 const labelConnectedEvent = "calciteInternalLabelConnected";
-const labelDisconnectedEvent = "calciteInternaLabelDisconnected";
+const labelDisconnectedEvent = "calciteInternalLabelDisconnected";
 const labelTagName = "calcite-label";
 const onLabelClickMap = new WeakMap();
 const onLabelConnectedMap = new WeakMap();
@@ -13064,11 +13057,6 @@ class Checkbox {
     this.calciteInternalCheckboxBlur = createEvent(this, "calciteInternalCheckboxBlur", 6);
     this.calciteCheckboxChange = createEvent(this, "calciteCheckboxChange", 6);
     this.calciteInternalCheckboxFocus = createEvent(this, "calciteInternalCheckboxFocus", 6);
-    //--------------------------------------------------------------------------
-    //
-    //  Private Properties
-    //
-    //--------------------------------------------------------------------------
     this.checkedPath = "M5.5 12L2 8.689l.637-.636L5.5 10.727l8.022-7.87.637.637z";
     this.indeterminatePath = "M13 8v1H3V8z";
     this.getPath = () => this.indeterminate ? this.indeterminatePath : this.checked ? this.checkedPath : "";
@@ -13463,11 +13451,6 @@ class ChipGroup {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.calciteChipGroupSelect = createEvent(this, "calciteChipGroupSelect", 6);
-    //--------------------------------------------------------------------------
-    //
-    //  Private Properties
-    //
-    //--------------------------------------------------------------------------
     this.mutationObserver = createObserver();
     this.items = [];
     //--------------------------------------------------------------------------
@@ -18891,11 +18874,6 @@ class Combobox {
     this.calciteComboboxClose = createEvent(this, "calciteComboboxClose", 6);
     this.calciteComboboxBeforeOpen = createEvent(this, "calciteComboboxBeforeOpen", 6);
     this.calciteComboboxOpen = createEvent(this, "calciteComboboxOpen", 6);
-    //--------------------------------------------------------------------------
-    //
-    //  Private State/Props
-    //
-    //--------------------------------------------------------------------------
     this.placement = defaultMenuPlacement;
     this.internalValueChangeFlag = false;
     this.textInput = null;
@@ -22686,8 +22664,8 @@ function slopeSingle(p0, p1, m) {
  * Given two points and their tangent slopes,
  * calculate the bezier handle coordinates and return draw command.
  *
- * Translates Hermite Spline to Beziér curve:
- * stackoverflow.com/questions/42574940/
+ * Translates Hermite Spline to Bézier curve:
+ * https://stackoverflow.com/questions/42574940/
  *
  * @param p0
  * @param p1
@@ -22783,11 +22761,6 @@ const graphCss = "/*!@:host*/.sc-calcite-graph-h{display:block;block-size:100%}/
 class Graph {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    //--------------------------------------------------------------------------
-    //
-    //  Private State/Props
-    //
-    //--------------------------------------------------------------------------
     this.graphId = `calcite-graph-${guid()}`;
     this.resizeObserver = createObserver();
     this.data = [];
@@ -25017,7 +24990,7 @@ function connectFocusTrap(component, options) {
       return false;
     },
     ...options?.focusTrapOptions,
-    // the following options are not overrideable
+    // the following options are not overridable
     document: el.ownerDocument,
     tabbableOptions,
     trapStack: focusTrapStack,
@@ -35296,11 +35269,6 @@ class Popover {
     this.calcitePopoverClose = createEvent(this, "calcitePopoverClose", 6);
     this.calcitePopoverBeforeOpen = createEvent(this, "calcitePopoverBeforeOpen", 6);
     this.calcitePopoverOpen = createEvent(this, "calcitePopoverOpen", 6);
-    // --------------------------------------------------------------------------
-    //
-    //  Private Properties
-    //
-    // --------------------------------------------------------------------------
     this.mutationObserver = createObserver();
     this.guid = `calcite-popover-${guid()}`;
     this.openTransitionProp = "opacity";
@@ -35977,11 +35945,6 @@ class RadioButtonGroup {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.calciteRadioButtonGroupChange = createEvent(this, "calciteRadioButtonGroupChange", 6);
-    // --------------------------------------------------------------------------
-    //
-    //  Private Properties
-    //
-    // --------------------------------------------------------------------------
     this.mutationObserver = createObserver();
     //--------------------------------------------------------------------------
     //
@@ -38860,11 +38823,6 @@ class Stepper {
     registerInstance(this, hostRef);
     this.calciteStepperItemChange = createEvent(this, "calciteStepperItemChange", 6);
     this.calciteInternalStepperItemChange = createEvent(this, "calciteInternalStepperItemChange", 6);
-    //--------------------------------------------------------------------------
-    //
-    //  Private State/Props
-    //
-    //--------------------------------------------------------------------------
     this.itemMap = new Map();
     /** list of sorted Stepper items */
     this.items = [];
@@ -39777,11 +39735,6 @@ class TabTitle {
     this.closeClickHandler = () => {
       this.closeTabTitleAndNotify();
     };
-    //--------------------------------------------------------------------------
-    //
-    //  Private State/Props
-    //
-    //--------------------------------------------------------------------------
     /** watches for changing text content */
     this.mutationObserver = createObserver();
     this.resizeObserver = createObserver();
@@ -40378,12 +40331,12 @@ class TextArea {
     }
   }
   setTextAreaHeight() {
-    const { textAreaHeight, elHeight, footerHeight } = this.getHeightandWidthOfElements();
+    const { textAreaHeight, elHeight, footerHeight } = this.getHeightAndWidthOfElements();
     if (footerHeight > 0 && textAreaHeight + footerHeight != elHeight) {
       this.textAreaEl.style.height = `${elHeight - footerHeight}px`;
     }
   }
-  getHeightandWidthOfElements() {
+  getHeightAndWidthOfElements() {
     const { height: textAreaHeight, width: textAreaWidth } = this.textAreaEl.getBoundingClientRect();
     const { height: elHeight, width: elWidth } = this.el.getBoundingClientRect();
     const { height: footerHeight, width: footerWidth } = this.footerEl?.getBoundingClientRect();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@esri/calcite-components",
-  "version": "1.6.1-next.1",
+  "version": "1.6.1",
   "description": "Web Components for Esri's Calcite Design System.",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -87,5 +87,5 @@
   "volta": {
     "extends": "../../package.json"
   },
-  "gitHead": "7e40a34d226917809df76c3a15047071d051756f"
+  "gitHead": "9fa760dc2c5500c0887201b98f59e97befd0f5c0"
 }

package/readme.md

@@ -17,12 +17,12 @@ The most common approach for loading Calcite Components is to use the version ho
 ```html
 <script
   type="module"
-  src="https://cdn.jsdelivr.net/npm/@esri/calcite-components@1.6.0/dist/calcite/calcite.esm.js"
+  src="https://cdn.jsdelivr.net/npm/@esri/calcite-components@1.6.1/dist/calcite/calcite.esm.js"
 ></script>
 <link
   rel="stylesheet"
   type="text/css"
-  href="https://cdn.jsdelivr.net/npm/@esri/calcite-components@1.6.0/dist/calcite/calcite.css"
+  href="https://cdn.jsdelivr.net/npm/@esri/calcite-components@1.6.1/dist/calcite/calcite.css"
 />
 ```
 

package/dist/calcite/p-30c2b383.js

@@ -1,6 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.6.1-next.1
- */
-import{q as t,c as n}from"./p-670d2ee0.js";const e="calciteInternalLabelClick",c="calciteInternalLabelConnected",o="calciteInternaLabelDisconnected",s="calcite-label",i=new WeakMap,a=new WeakMap,u=new WeakMap,r=new Set;function l(l){const f=(e=>{const{id:c}=e,o=c&&t(e,{selector:`${s}[for="${c}"]`});if(o)return o;const i=n(e,s);return!i||function(t,n){let e;const c="custom-element-ancestor-check",o=c=>{c.stopImmediatePropagation();const o=c.composedPath();e=o.slice(o.indexOf(n),o.indexOf(t))};return t.addEventListener(c,o,{once:!0}),n.dispatchEvent(new CustomEvent(c,{composed:!0,bubbles:!0})),t.removeEventListener(c,o),e.filter((e=>e!==n&&e!==t)).filter((t=>t.tagName?.includes("-"))).length>0}(i,e)?null:i})(l.el);if(i.has(f)||!f&&r.has(l))return;const d=b.bind(l);if(f){l.labelEl=f;const t=m.bind(l);i.set(l.labelEl,t),l.labelEl.addEventListener(e,t),r.delete(l),document.removeEventListener(c,a.get(l)),u.set(l,d),document.addEventListener(o,d)}else r.has(l)||(d(),document.removeEventListener(o,u.get(l)))}function f(t){if(r.delete(t),document.removeEventListener(c,a.get(t)),document.removeEventListener(o,u.get(t)),a.delete(t),u.delete(t),!t.labelEl)return;const n=i.get(t.labelEl);t.labelEl.removeEventListener(e,n),i.delete(t.labelEl)}function d(t){return t.label||t.labelEl?.textContent?.trim()||""}function m(t){this.disabled||this.el.contains(t.detail.sourceEvent.target)||this.onLabelClick(t)}function h(){r.has(this)&&l(this)}function b(){r.add(this);const t=a.get(this)||h.bind(this);a.set(this,t),document.addEventListener(c,t)}export{o as a,l as c,f as d,d as g,c as l}

package/dist/calcite/p-41b33118.entry.js

@@ -1,6 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.6.1-next.1
- */
-export{I as calcite_input_time_picker,T as calcite_time_picker}from"./p-9fa9139f.js";import"./p-086e69d3.js";import"./p-fb363c81.js";import"./p-670d2ee0.js";import"./p-9399ff5d.js";import"./p-78e1ba5c.js";import"./p-92fa5e55.js";import"./p-a8b23b53.js";import"./p-30c2b383.js";import"./p-81beb32b.js";import"./p-f484fe3d.js";import"./p-9d10a869.js";import"./p-1b121a6a.js";import"./p-51b50a38.js";

package/dist/calcite/p-67c7a6ab.js

@@ -1,6 +0,0 @@
-/*!
- * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
- * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.6.1-next.1
- */
-import{e as t}from"./p-086e69d3.js";function n(t,n=!1){(n?t[t.transitionProp]:t.open)?t.onBeforeOpen():t.onBeforeClose(),(n?t[t.transitionProp]:t.open)?t.onOpen():t.onClose()}function i(i,o=!1){t((()=>{if(i.transitionEl){const s=getComputedStyle(i.transitionEl).transition.split(" "),e=s.findIndex((t=>t===i.openTransitionProp)),r=s[e+1];if("0s"===r)return void n(i,o);const c=setTimeout((()=>{i.transitionEl.removeEventListener("transitionstart",t),i.transitionEl.removeEventListener("transitionend",a),i.transitionEl.removeEventListener("transitioncancel",a),n(i,o)}),1e3*parseFloat(r));function t(n){n.propertyName===i.openTransitionProp&&n.target===i.transitionEl&&(clearTimeout(c),i.transitionEl.removeEventListener("transitionstart",t),(o?i[i.transitionProp]:i.open)?i.onBeforeOpen():i.onBeforeClose())}function a(t){t.propertyName===i.openTransitionProp&&t.target===i.transitionEl&&((o?i[i.transitionProp]:i.open)?i.onOpen():i.onClose(),i.transitionEl.removeEventListener("transitionend",a),i.transitionEl.removeEventListener("transitioncancel",a))}i.transitionEl.addEventListener("transitionstart",t),i.transitionEl.addEventListener("transitionend",a),i.transitionEl.addEventListener("transitioncancel",a)}}))}export{i as o}