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

package/dist/types/components/input-message/input-message.d.ts

@@ -4,7 +4,6 @@ import { Scale, Status } from "../interfaces";
  * @slot - A slot for adding text.
  */
 export declare class InputMessage {
-  el: HTMLCalciteInputMessageElement;
   /** Specifies an icon to display. */
   icon: boolean | string;
   /** When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`). */
@@ -16,6 +15,7 @@ export declare class InputMessage {
   handleIconEl(): void;
   connectedCallback(): void;
   render(): VNode;
+  el: HTMLCalciteInputMessageElement;
   /** the computed icon to render */
   private requestedIcon?;
   private renderIcon;

package/dist/types/components/input-number/input-number.d.ts

@@ -12,7 +12,6 @@ import { InputNumberMessages } from "./assets/input-number/t9n";
  * @slot action - A slot for positioning a button next to the component.
  */
 export declare class InputNumber implements LabelableComponent, FormComponent, InteractiveComponent, LocalizedComponent, T9nComponent, LoadableComponent {
-  el: HTMLCalciteInputNumberElement;
   /** Specifies the text alignment of the component's value. */
   alignment: Position;
   /**
@@ -176,6 +175,7 @@ export declare class InputNumber implements LabelableComponent, FormComponent, I
   onMessagesChange(): void;
   valueWatcher(newValue: string, previousValue: string): void;
   updateRequestedIcon(): void;
+  el: HTMLCalciteInputNumberElement;
   labelEl: HTMLCalciteLabelElement;
   formEl: HTMLFormElement;
   defaultValue: InputNumber["value"];

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

@@ -11,7 +11,6 @@ import { InputTextMessages } from "./assets/input-text/t9n";
  * @slot action - A slot for positioning a button next to the component.
  */
 export declare class InputText implements LabelableComponent, FormComponent, InteractiveComponent, LoadableComponent, LocalizedComponent, T9nComponent {
-  el: HTMLCalciteInputTextElement;
   /** Specifies the text alignment of the component's value. */
   alignment: Position;
   /**
@@ -144,6 +143,7 @@ export declare class InputText implements LabelableComponent, FormComponent, Int
   onMessagesChange(): void;
   valueWatcher(newValue: string, previousValue: string): void;
   updateRequestedIcon(): void;
+  el: HTMLCalciteInputTextElement;
   labelEl: HTMLCalciteLabelElement;
   formEl: HTMLFormElement;
   defaultValue: InputText["value"];

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

@@ -12,7 +12,6 @@ import { TimePickerMessages } from "../time-picker/assets/time-picker/t9n";
 import { T9nComponent } from "../../utils/t9n";
 import { InputTimePickerMessages } from "./assets/input-time-picker/t9n";
 export declare class InputTimePicker implements FloatingUIComponent, FocusTrapComponent, FormComponent, InteractiveComponent, LabelableComponent, LoadableComponent, LocalizedComponent, T9nComponent {
-  el: HTMLCalciteInputTimePickerElement;
   /** When `true`, displays the `calcite-time-picker` component. */
   open: boolean;
   openHandler(value: boolean): void;
@@ -81,6 +80,7 @@ export declare class InputTimePicker implements FloatingUIComponent, FocusTrapCo
   /** The time value in ISO (24-hour) format. */
   value: string;
   valueWatcher(newValue: string): void;
+  el: HTMLCalciteInputTimePickerElement;
   defaultValue: InputTimePicker["value"];
   formEl: HTMLFormElement;
   labelEl: HTMLCalciteLabelElement;

package/dist/types/components/input-time-zone/input-time-zone.d.ts

@@ -9,7 +9,6 @@ import { OverlayPositioning } from "../../utils/floating-ui";
 import { LoadableComponent } from "../../utils/loadable";
 import { FormComponent } from "../../utils/form";
 export declare class InputTimeZone implements FormComponent, InteractiveComponent, LabelableComponent, LoadableComponent, LocalizedComponent, T9nComponent {
-  el: HTMLCalciteInputTimeZoneElement;
   /**
    * When `true`, interaction is prevented and the component is displayed with lower opacity.
    */
@@ -71,6 +70,7 @@ export declare class InputTimeZone implements FormComponent, InteractiveComponen
   calciteInputTimeZoneChange: EventEmitter<void>;
   calciteInputTimeZoneClose: EventEmitter<void>;
   calciteInputTimeZoneOpen: EventEmitter<void>;
+  el: HTMLCalciteInputTimeZoneElement;
   private comboboxEl;
   defaultMessages: InputTimeZoneMessages;
   defaultValue: InputTimeZone["value"];

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

@@ -4,7 +4,6 @@ import { Alignment, Scale } from "../interfaces";
  * @slot - A slot for adding text and a component that can be labeled.
  */
 export declare class Label {
-  el: HTMLCalciteLabelElement;
   /** Specifies the text alignment of the component. */
   alignment: Alignment;
   /** Specifies the `id` of the component the label is bound to. Use when the component the label is bound to does not reside within the component. */
@@ -19,6 +18,7 @@ export declare class Label {
   calciteInternalLabelClick: EventEmitter<{
     sourceEvent: MouseEvent;
   }>;
+  el: HTMLCalciteLabelElement;
   labelClickHandler: (event: MouseEvent) => void;
   connectedCallback(): void;
   disconnectedCallback(): void;

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

@@ -7,7 +7,6 @@ import { FlipContext } from "../interfaces";
 /** It is the consumers responsibility to add aria information, rel, target, for links, and any link attributes for form submission */
 /** @slot - A slot for adding text. */
 export declare class Link implements InteractiveComponent, LoadableComponent {
-  el: HTMLCalciteLinkElement;
   /** When `true`, interaction is prevented and the component is displayed with lower opacity. */
   disabled: boolean;
   /**
@@ -37,6 +36,7 @@ export declare class Link implements InteractiveComponent, LoadableComponent {
   clickHandler(event: PointerEvent): void;
   /** Sets focus on the component. */
   setFocus(): Promise<void>;
+  el: HTMLCalciteLinkElement;
   /** the rendered child element */
   private childEl;
   private childElClickHandler;

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

@@ -1,7 +1,6 @@
 import { VNode } from "../../stencil-public-runtime";
 import { Scale } from "../interfaces";
 export declare class Loader {
-  el: HTMLCalciteLoaderElement;
   /** When `true`, displays smaller and appears to the left of the text. */
   inline: boolean;
   /** Accessible name for the component. */
@@ -20,6 +19,7 @@ export declare class Loader {
   /** Text that displays under the component's indicator. */
   text: string;
   render(): VNode;
+  el: HTMLCalciteLoaderElement;
   /**
    * Return the proper sizes based on the scale property
    *

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

@@ -6,7 +6,6 @@ import { MenuMessages } from "./assets/menu/t9n";
 import { GlobalAttrComponent } from "../../utils/globalAttributes";
 type Layout = "horizontal" | "vertical";
 export declare class CalciteMenu implements GlobalAttrComponent, LocalizedComponent, T9nComponent, LoadableComponent {
-  el: HTMLCalciteMenuElement;
   /**
    * Accessible name for the component.
    */
@@ -27,6 +26,7 @@ export declare class CalciteMenu implements GlobalAttrComponent, LocalizedCompon
    * @internal
    */
   messages: MenuMessages;
+  el: HTMLCalciteMenuElement;
   defaultMessages: MenuMessages;
   effectiveLocale: string;
   effectiveLocaleChange(): void;

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

@@ -11,7 +11,6 @@ type Layout = "horizontal" | "vertical";
  * @slot submenu-item - A slot for adding `calcite-menu-item`s in a submenu.
  */
 export declare class CalciteMenuItem implements LoadableComponent, T9nComponent, LocalizedComponent {
-  el: HTMLCalciteMenuItemElement;
   /** When `true`, the component is highlighted. */
   active: boolean;
   /** When `true`, the component displays a breadcrumb trail for use as a navigational aid. */
@@ -65,6 +64,7 @@ export declare class CalciteMenuItem implements LoadableComponent, T9nComponent,
    * @internal
    */
   topLevelMenuLayout: Layout;
+  el: HTMLCalciteMenuItemElement;
   defaultMessages: MenuItemMessages;
   effectiveLocale: string;
   effectiveLocaleChange(): void;

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

@@ -17,7 +17,6 @@ import { ModalMessages } from "./assets/modal/t9n";
  * @slot back - A slot for adding a back button.
  */
 export declare class Modal implements ConditionalSlotComponent, OpenCloseComponent, FocusTrapComponent, LoadableComponent, LocalizedComponent, T9nComponent {
-  el: HTMLCalciteModalElement;
   /** When `true`, displays and positions the component.  */
   open: boolean;
   /** Passes a function to run before the component closes. */
@@ -71,6 +70,7 @@ export declare class Modal implements ConditionalSlotComponent, OpenCloseCompone
   renderContentBottom(): VNode;
   renderCloseButton(): VNode;
   renderStyle(): VNode;
+  el: HTMLCalciteModalElement;
   modalContent: HTMLDivElement;
   initialOverflowCSS: string;
   private mutationObserver;

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

@@ -12,7 +12,6 @@ import { LoadableComponent } from "../../utils/loadable";
  * @slot navigation-tertiary - A slot for adding a `calcite-navigation` component in the tertiary navigation level.  Components rendered here will not display `calcite-navigation-logo` or `calcite-navigation-user` components.
  */
 export declare class CalciteNavigation implements LoadableComponent {
-  el: HTMLCalciteNavigationElement;
   /**
    * When `navigationAction` is `true`, specifies the label of the `calcite-action`.
    */
@@ -21,6 +20,7 @@ export declare class CalciteNavigation implements LoadableComponent {
    * When `true`, displays a `calcite-action` and emits a `calciteNavActionSelect` event on selection change.
    */
   navigationAction: boolean;
+  el: HTMLCalciteNavigationElement;
   logoSlotHasElements: boolean;
   navigationActionSlotHasElements: boolean;
   primaryContentCenterSlotHasElements: boolean;

package/dist/types/components/navigation-logo/navigation-logo.d.ts

@@ -1,7 +1,6 @@
 import { VNode } from "../../stencil-public-runtime";
 import { LoadableComponent } from "../../utils/loadable";
 export declare class CalciteNavigationLogo implements LoadableComponent {
-  el: HTMLCalciteNavigationLogoElement;
   /** When true, the component is highlighted. */
   active: boolean;
   /** Specifies the URL destination of the component, which can be set as an absolute or relative path.*/
@@ -28,6 +27,7 @@ export declare class CalciteNavigationLogo implements LoadableComponent {
   thumbnail: string;
   /** Sets focus on the component. */
   setFocus(): Promise<void>;
+  el: HTMLCalciteNavigationLogoElement;
   componentWillLoad(): void;
   componentDidLoad(): void;
   render(): VNode;

package/dist/types/components/navigation-user/navigation-user.d.ts

@@ -1,7 +1,6 @@
 import { VNode } from "../../stencil-public-runtime";
 import { LoadableComponent } from "../../utils/loadable";
 export declare class CalciteNavigationUser implements LoadableComponent {
-  el: HTMLCalciteNavigationUserElement;
   /** When true, the component is highlighted.*/
   active: boolean;
   /** Specifies the full name of the user.*/
@@ -18,6 +17,7 @@ export declare class CalciteNavigationUser implements LoadableComponent {
   username: string;
   /** Sets focus on the component. */
   setFocus(): Promise<void>;
+  el: HTMLCalciteNavigationUserElement;
   componentWillLoad(): void;
   componentDidLoad(): void;
   render(): VNode;

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

@@ -18,7 +18,6 @@ import { NoticeMessages } from "./assets/notice/t9n";
  * @slot actions-end - A slot for adding `calcite-action`s to the end of the component. It is recommended to use two or less actions.
  */
 export declare class Notice implements ConditionalSlotComponent, LoadableComponent, T9nComponent, LocalizedComponent {
-  el: HTMLCalciteNoticeElement;
   /** When `true`, the component is visible. */
   open: boolean;
   /** Specifies the kind of the component (will apply to top border and icon). */
@@ -59,6 +58,7 @@ export declare class Notice implements ConditionalSlotComponent, LoadableCompone
   /** Sets focus on the component's first focusable element. */
   setFocus(): Promise<void>;
   private close;
+  el: HTMLCalciteNoticeElement;
   /** The close button element. */
   private closeButton?;
   /** The computed icon to render. */

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

@@ -57,12 +57,12 @@ export declare class PickList<ItemElement extends HTMLCalcitePickListItemElement
    * When `true` and single selection is enabled, the selection changes when navigating `calcite-pick-list-item`s via keyboard.
    */
   selectionFollowsFocus: boolean;
+  el: HTMLCalcitePickListElement;
   selectedValues: Map<string, ItemElement>;
   dataForFilter: ItemData;
   items: ItemElement[];
   lastSelectedItem: ItemElement;
   mutationObserver: import("../../utils/observers").ExtendedMutationObserver;
-  el: HTMLCalcitePickListElement;
   emitCalciteListChange: () => void;
   emitCalciteListFilter: () => void;
   filterEl: HTMLCalciteFilterElement;

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

@@ -102,9 +102,9 @@ export declare class Popover implements FloatingUIComponent, OpenCloseComponent,
    * This property can be set to `true` to manage when the component is open.
    */
   triggerDisabled: boolean;
+  el: HTMLCalcitePopoverElement;
   mutationObserver: MutationObserver;
   filteredFlipPlacements: EffectivePlacement[];
-  el: HTMLCalcitePopoverElement;
   effectiveLocale: string;
   floatingLayout: FloatingLayout;
   effectiveLocaleChange(): void;

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

@@ -5,7 +5,6 @@ import { LabelableComponent } from "../../utils/label";
 import { LoadableComponent } from "../../utils/loadable";
 import { Scale } from "../interfaces";
 export declare class RadioButton implements LabelableComponent, CheckableFormComponent, InteractiveComponent, LoadableComponent {
-  el: HTMLCalciteRadioButtonElement;
   /** When `true`, the component is checked. */
   checked: boolean;
   checkedChanged(newChecked: boolean): void;
@@ -54,6 +53,7 @@ export declare class RadioButton implements LabelableComponent, CheckableFormCom
   scale: Scale;
   /** The component's value. */
   value: any;
+  el: HTMLCalciteRadioButtonElement;
   labelEl: HTMLCalciteLabelElement;
   formEl: HTMLFormElement;
   defaultChecked: boolean;

package/dist/types/components/radio-button-group/radio-button-group.d.ts

@@ -5,7 +5,6 @@ import { LoadableComponent } from "../../utils/loadable";
  * @slot - A slot for adding `calcite-radio-button`s.
  */
 export declare class RadioButtonGroup implements LoadableComponent {
-  el: HTMLCalciteRadioButtonGroupElement;
   /** When `true`, interaction is prevented and the component is displayed with lower opacity. */
   disabled: boolean;
   onDisabledChange(): void;
@@ -28,6 +27,7 @@ export declare class RadioButtonGroup implements LoadableComponent {
   /** Specifies the size of the component. */
   scale: Scale;
   onScaleChange(): void;
+  el: HTMLCalciteRadioButtonGroupElement;
   mutationObserver: import("../../utils/observers").ExtendedMutationObserver;
   radioButtons: HTMLCalciteRadioButtonElement[];
   connectedCallback(): void;

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

@@ -8,7 +8,6 @@ import { T9nComponent } from "../../utils/t9n";
 import { Scale } from "../interfaces";
 import { RatingMessages } from "./assets/rating/t9n";
 export declare class Rating implements LabelableComponent, FormComponent, InteractiveComponent, LoadableComponent, LocalizedComponent, T9nComponent {
-  el: HTMLCalciteRatingElement;
   /** Specifies a cumulative average from previous ratings to display. */
   average: number;
   /** Specifies the number of previous ratings to display. */
@@ -82,6 +81,7 @@ export declare class Rating implements LabelableComponent, FormComponent, Intera
   private handleLabelPointerDown;
   /** Sets focus on the component. */
   setFocus(): Promise<void>;
+  el: HTMLCalciteRatingElement;
   labelEl: HTMLCalciteLabelElement;
   formEl: HTMLFormElement;
   defaultValue: Rating["value"];

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;
 }