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

package/dist/esm/{zh-cn-14a0c83b.js → zh-cn-86ca6ec1.js}

@@ -1,22 +1,22 @@
 /*!
  * 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.0
+ * v1.6.1-next.2
  */
-import { d as dayjs } from './calcite-input-time-picker.calcite-time-picker-b2fe4c22.js';
-import './index-2b897b01.js';
-import './form-ae607d07.js';
-import './dom-4eee941d.js';
-import './guid-6c7485a5.js';
-import './resources-b5372b89.js';
-import './interactive-e72191b1.js';
-import './key-7ac48392.js';
-import './label-db7e5036.js';
-import './loadable-1165c2ac.js';
-import './locale-26573918.js';
-import './observers-e012eea7.js';
-import './focusTrapComponent-69b09d37.js';
-import './t9n-0b360e89.js';
+import { d as dayjs } from './calcite-input-time-picker.calcite-time-picker-4379454e.js';
+import './index-b6dd0694.js';
+import './form-2f02dabe.js';
+import './dom-8fb9fafe.js';
+import './guid-cbd98b1f.js';
+import './resources-22b5d5e3.js';
+import './interactive-58245d39.js';
+import './key-19a6ae03.js';
+import './label-6d6f8728.js';
+import './loadable-1768362a.js';
+import './locale-6f59d36c.js';
+import './observers-b076f810.js';
+import './focusTrapComponent-2bfc1c6b.js';
+import './t9n-7523ce6c.js';
 
 // Chinese (China) [zh-cn]
 var locale = {

package/dist/esm/{zh-hk-5da73026.js → zh-hk-fb1abed0.js}

@@ -1,22 +1,22 @@
 /*!
  * 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.0
+ * v1.6.1-next.2
  */
-import { d as dayjs } from './calcite-input-time-picker.calcite-time-picker-b2fe4c22.js';
-import './index-2b897b01.js';
-import './form-ae607d07.js';
-import './dom-4eee941d.js';
-import './guid-6c7485a5.js';
-import './resources-b5372b89.js';
-import './interactive-e72191b1.js';
-import './key-7ac48392.js';
-import './label-db7e5036.js';
-import './loadable-1165c2ac.js';
-import './locale-26573918.js';
-import './observers-e012eea7.js';
-import './focusTrapComponent-69b09d37.js';
-import './t9n-0b360e89.js';
+import { d as dayjs } from './calcite-input-time-picker.calcite-time-picker-4379454e.js';
+import './index-b6dd0694.js';
+import './form-2f02dabe.js';
+import './dom-8fb9fafe.js';
+import './guid-cbd98b1f.js';
+import './resources-22b5d5e3.js';
+import './interactive-58245d39.js';
+import './key-19a6ae03.js';
+import './label-6d6f8728.js';
+import './loadable-1768362a.js';
+import './locale-6f59d36c.js';
+import './observers-b076f810.js';
+import './focusTrapComponent-2bfc1c6b.js';
+import './t9n-7523ce6c.js';
 
 // Chinese (Hong Kong) [zh-hk]
 var locale = {

package/dist/esm/{zh-tw-57b87e87.js → zh-tw-a7b12737.js}

@@ -1,22 +1,22 @@
 /*!
  * 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.0
+ * v1.6.1-next.2
  */
-import { d as dayjs } from './calcite-input-time-picker.calcite-time-picker-b2fe4c22.js';
-import './index-2b897b01.js';
-import './form-ae607d07.js';
-import './dom-4eee941d.js';
-import './guid-6c7485a5.js';
-import './resources-b5372b89.js';
-import './interactive-e72191b1.js';
-import './key-7ac48392.js';
-import './label-db7e5036.js';
-import './loadable-1165c2ac.js';
-import './locale-26573918.js';
-import './observers-e012eea7.js';
-import './focusTrapComponent-69b09d37.js';
-import './t9n-0b360e89.js';
+import { d as dayjs } from './calcite-input-time-picker.calcite-time-picker-4379454e.js';
+import './index-b6dd0694.js';
+import './form-2f02dabe.js';
+import './dom-8fb9fafe.js';
+import './guid-cbd98b1f.js';
+import './resources-22b5d5e3.js';
+import './interactive-58245d39.js';
+import './key-19a6ae03.js';
+import './label-6d6f8728.js';
+import './loadable-1768362a.js';
+import './locale-6f59d36c.js';
+import './observers-b076f810.js';
+import './focusTrapComponent-2bfc1c6b.js';
+import './t9n-7523ce6c.js';
 
 // Chinese (Taiwan) [zh-tw]
 var locale = {

package/dist/extras/docs-json.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2023-08-15T03:45:44",
+  "timestamp": "2023-08-18T20:37:50",
   "compiler": {
     "name": "@stencil/core",
     "version": "2.22.3",

package/dist/loader/cdn.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.0
+ * v1.6.1-next.2
  */
 module.exports = require('../cjs/loader.cjs.js');
 module.exports.applyPolyfills = function() { return Promise.resolve() };

package/dist/loader/index.cjs.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.0
+ * v1.6.1-next.2
  */
 module.exports = require('../cjs/loader.cjs.js');
 module.exports.applyPolyfills = function() { return Promise.resolve() };

package/dist/loader/index.es2017.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.0
+ * v1.6.1-next.2
  */
 export * from '../esm/polyfills/index.js';
 export * from '../esm/loader.js';

package/dist/loader/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.0
+ * v1.6.1-next.2
  */
 (function(){if("undefined"!==typeof window&&void 0!==window.Reflect&&void 0!==window.customElements){var a=HTMLElement;window.HTMLElement=function(){return Reflect.construct(a,[],this.constructor)};HTMLElement.prototype=a.prototype;HTMLElement.prototype.constructor=HTMLElement;Object.setPrototypeOf(HTMLElement,a)}})();
 export * from '../esm/polyfills/index.js';

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

@@ -4,7 +4,6 @@ import { Appearance, Position, Scale, SelectionMode } from "../interfaces";
  * @slot - A slot for adding `calcite-accordion-item`s. `calcite-accordion` cannot be nested, however `calcite-accordion-item`s can.
  */
 export declare class Accordion {
-  el: HTMLCalciteAccordionElement;
   /** Specifies the appearance of the component. */
   appearance: Extract<"solid" | "transparent", Appearance>;
   /** Specifies the placement of the icon in the header. */
@@ -27,6 +26,7 @@ export declare class Accordion {
   disconnectedCallback(): void;
   render(): VNode;
   updateActiveItemOnChange(event: CustomEvent): void;
+  el: HTMLCalciteAccordionElement;
   mutationObserver: import("../../utils/observers").ExtendedMutationObserver;
   private updateAccordionItems;
 }

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

@@ -8,7 +8,6 @@ import { RequestedItem } from "./interfaces";
  * @slot actions-start - A slot for adding `calcite-action`s or content to the start side of the component's header.
  */
 export declare class AccordionItem implements ConditionalSlotComponent {
-  el: HTMLCalciteAccordionItemElement;
   /** When `true`, the component is expanded. */
   expanded: boolean;
   /** Specifies heading text for the component. */
@@ -60,6 +59,7 @@ export declare class AccordionItem implements ConditionalSlotComponent {
   keyDownHandler(event: KeyboardEvent): void;
   updateActiveItemOnChange(event: CustomEvent): void;
   accordionItemSyncHandler(event: CustomEvent): void;
+  el: HTMLCalciteAccordionItemElement;
   /** handle clicks on item header */
   private itemHeaderClickHandler;
   private determineActiveItem;

package/dist/types/components/action-bar/action-bar.d.ts

@@ -12,7 +12,6 @@ import { ActionBarMessages } from "./assets/action-bar/t9n";
  * @slot expand-tooltip - A slot to set the `calcite-tooltip` for the expand toggle.
  */
 export declare class ActionBar implements ConditionalSlotComponent, LoadableComponent, LocalizedComponent, T9nComponent {
-  el: HTMLCalciteActionBarElement;
   /**
    * When `true`, the expand-toggling behavior is disabled.
    */
@@ -56,10 +55,14 @@ export declare class ActionBar implements ConditionalSlotComponent, LoadableComp
    * Emits when the `expanded` property is toggled.
    */
   calciteActionBarToggle: EventEmitter<void>;
+  el: HTMLCalciteActionBarElement;
   mutationObserver: import("../../utils/observers").ExtendedMutationObserver;
   resizeObserver: ResizeObserver;
   expandToggleEl: HTMLCalciteActionElement;
   effectiveLocale: string;
+  hasActionsEnd: boolean;
+  hasBottomActions: boolean;
+  expandTooltip: HTMLCalciteTooltipElement;
   effectiveLocaleChange(): void;
   defaultMessages: ActionBarMessages;
   componentDidLoad(): void;
@@ -85,6 +88,9 @@ export declare class ActionBar implements ConditionalSlotComponent, LoadableComp
   updateGroups(): void;
   setGroupLayout(groups: HTMLCalciteActionGroupElement[]): void;
   handleDefaultSlotChange: (event: Event) => void;
+  handleActionsEndSlotChange: (event: Event) => void;
+  handleBottomActionsSlotChange: (event: Event) => void;
+  handleTooltipSlotChange: (event: Event) => void;
   renderBottomActionGroup(): VNode;
   render(): VNode;
 }

package/dist/types/components/action-group/action-group.d.ts

@@ -59,14 +59,15 @@ export declare class ActionGroup implements ConditionalSlotComponent, LoadableCo
   effectiveLocale: string;
   effectiveLocaleChange(): void;
   defaultMessages: ActionGroupMessages;
+  hasMenuActions: boolean;
   /** Sets focus on the component's first focusable element. */
   setFocus(): Promise<void>;
   connectedCallback(): void;
   disconnectedCallback(): void;
   componentWillLoad(): Promise<void>;
   componentDidLoad(): void;
-  renderTooltip(): VNode;
   renderMenu(): VNode;
   render(): VNode;
   setMenuOpen: (event: CalciteActionMenuCustomEvent<void>) => void;
+  handleMenuActionsSlotChange: (event: Event) => void;
 }

package/dist/types/components/action-pad/action-pad.d.ts

@@ -48,6 +48,7 @@ export declare class ActionPad implements ConditionalSlotComponent, LoadableComp
    */
   calciteActionPadToggle: EventEmitter<void>;
   el: HTMLCalciteActionPadElement;
+  expandTooltip: HTMLCalciteTooltipElement;
   mutationObserver: import("../../utils/observers").ExtendedMutationObserver;
   expandToggleEl: HTMLCalciteActionElement;
   effectiveLocale: string;
@@ -67,6 +68,7 @@ export declare class ActionPad implements ConditionalSlotComponent, LoadableComp
   updateGroups(): void;
   setGroupLayout(groups: HTMLCalciteActionGroupElement[]): void;
   handleDefaultSlotChange: (event: Event) => void;
+  handleTooltipSlotChange: (event: Event) => void;
   renderBottomActionGroup(): VNode;
   render(): VNode;
 }

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

@@ -18,7 +18,6 @@ import { AlertDuration, Sync, Unregister } from "./interfaces";
  * @slot actions-end - A slot for adding `calcite-action`s to the end of the component. It is recommended to use two or fewer actions.
  */
 export declare class Alert implements OpenCloseComponent, LoadableComponent, T9nComponent {
-  el: HTMLCalciteAlertElement;
   /** When `true`, displays and positions the component. */
   open: boolean;
   openHandler(): void;
@@ -95,6 +94,7 @@ export declare class Alert implements OpenCloseComponent, LoadableComponent, T9n
   alertUnregister(event: CustomEvent<Unregister>): void;
   /** Sets focus on the component's "close" button (the first focusable item). */
   setFocus(): Promise<void>;
+  el: HTMLCalciteAlertElement;
   effectiveLocale: string;
   effectiveLocaleChange(): void;
   defaultMessages: AlertMessages;

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

@@ -1,6 +1,5 @@
 import { Scale } from "../interfaces";
 export declare class Avatar {
-  el: HTMLCalciteAvatarElement;
   /** Specifies the size of the component. */
   scale: Scale;
   /** Specifies the `src` to an image (remember to add a token if the user is private). */
@@ -14,6 +13,7 @@ export declare class Avatar {
   /** Specifies alternative text when `thumbnail` is defined, otherwise specifies an accessible label.*/
   label: string;
   render(): any;
+  el: HTMLCalciteAvatarElement;
   thumbnailFailedToLoad: boolean;
   private determineContent;
   /**
@@ -21,7 +21,7 @@ export declare class Avatar {
    */
   private generateFillColor;
   /**
-   * Use fullname or username to generate initials
+   * Use fullName or username to generate initials
    */
   private generateInitials;
 }

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

@@ -12,7 +12,6 @@ import { ButtonAlignment } from "./interfaces";
 /** It is the consumers responsibility to add aria information, rel, target, for links, and any button attributes for form submission */
 /** @slot - A slot for adding text. */
 export declare class Button implements LabelableComponent, InteractiveComponent, FormOwner, LoadableComponent, LocalizedComponent, T9nComponent {
-  el: HTMLCalciteButtonElement;
   /** Specifies the alignment of the component's elements. */
   alignment: ButtonAlignment;
   /** Specifies the appearance style of the component. */
@@ -91,6 +90,7 @@ export declare class Button implements LabelableComponent, InteractiveComponent,
   render(): VNode;
   /** Sets focus on the component. */
   setFocus(): Promise<void>;
+  el: HTMLCalciteButtonElement;
   formEl: HTMLFormElement;
   labelEl: HTMLCalciteLabelElement;
   /** watches for changing text content */

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

@@ -17,7 +17,6 @@ import { CardMessages } from "./assets/card/t9n";
  * @slot footer-end - A slot for adding a trailing footer.
  */
 export declare class Card implements ConditionalSlotComponent, LocalizedComponent, T9nComponent {
-  el: HTMLCalciteCardElement;
   /**  When `true`, a busy indicator is displayed. */
   loading: boolean;
   /** When `true`, the component is selected. */
@@ -43,6 +42,7 @@ export declare class Card implements ConditionalSlotComponent, LocalizedComponen
   disconnectedCallback(): void;
   componentWillLoad(): Promise<void>;
   render(): VNode;
+  el: HTMLCalciteCardElement;
   effectiveLocale: string;
   effectiveLocaleChange(): void;
   defaultMessages: CardMessages;

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

@@ -5,7 +5,6 @@ import { LabelableComponent } from "../../utils/label";
 import { LoadableComponent } from "../../utils/loadable";
 import { Scale } from "../interfaces";
 export declare class Checkbox implements LabelableComponent, CheckableFormComponent, InteractiveComponent, LoadableComponent {
-  el: HTMLCalciteCheckboxElement;
   /** When `true`, the component is checked. */
   checked: boolean;
   /** When `true`, interaction is prevented and the component is displayed with lower opacity. */
@@ -50,6 +49,7 @@ export declare class Checkbox implements LabelableComponent, CheckableFormCompon
   scale: Scale;
   /** The component's value. */
   value: any;
+  el: HTMLCalciteCheckboxElement;
   readonly checkedPath = "M5.5 12L2 8.689l.637-.636L5.5 10.727l8.022-7.87.637.637z";
   readonly indeterminatePath = "M13 8v1H3V8z";
   labelEl: HTMLCalciteLabelElement;

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

@@ -11,7 +11,6 @@ import { ChipMessages } from "./assets/chip/t9n";
  * @slot image - A slot for adding an image.
  */
 export declare class Chip implements ConditionalSlotComponent, InteractiveComponent, LoadableComponent, LocalizedComponent, T9nComponent {
-  el: HTMLCalciteChipElement;
   /** When `true`, interaction is prevented and the component is displayed with lower opacity. */
   disabled: boolean;
   /** Specifies the appearance style of the component. */
@@ -59,6 +58,7 @@ export declare class Chip implements ConditionalSlotComponent, InteractiveCompon
    * @internal
    */
   interactive: boolean;
+  el: HTMLCalciteChipElement;
   defaultMessages: ChipMessages;
   effectiveLocale: string;
   effectiveLocaleChange(): void;

package/dist/types/components/chip-group/chip-group.d.ts

@@ -5,7 +5,6 @@ import { Scale, SelectionMode } from "../interfaces";
  * @slot - A slot for adding one or more `calcite-chip`s.
  */
 export declare class ChipGroup implements InteractiveComponent {
-  el: HTMLCalciteChipGroupElement;
   /** When `true`, interaction is prevented and the component is displayed with lower opacity. */
   disabled: boolean;
   /** Accessible name for the component. */
@@ -21,6 +20,7 @@ export declare class ChipGroup implements InteractiveComponent {
    * @readonly
    */
   selectedItems: HTMLCalciteChipElement[];
+  el: HTMLCalciteChipGroupElement;
   mutationObserver: import("../../utils/observers").ExtendedMutationObserver;
   private items;
   private slotRefEl;

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

@@ -9,7 +9,6 @@ import { LocalizedComponent, NumberingSystem } from "../../utils/locale";
 import { T9nComponent } from "../../utils/t9n";
 import { ColorPickerMessages } from "./assets/color-picker/t9n";
 export declare class ColorPicker implements InteractiveComponent, LoadableComponent, LocalizedComponent, T9nComponent {
-  el: HTMLCalciteColorPickerElement;
   /**
    * When `true`, an empty color (`null`) will be allowed as a `value`. When `false`, a color value is enforced, and clearing the input or blurring will restore the last valid `value`.
    */
@@ -86,6 +85,7 @@ export declare class ColorPicker implements InteractiveComponent, LoadableCompon
    */
   value: ColorValue | null;
   handleValueChange(value: ColorValue | null, oldValue: ColorValue | null): void;
+  el: HTMLCalciteColorPickerElement;
   private activeCanvasInfo;
   private get baseColorFieldColor();
   private checkerPattern;

package/dist/types/components/color-picker-hex-input/color-picker-hex-input.d.ts

@@ -5,7 +5,6 @@ import { LoadableComponent } from "../../utils/loadable";
 import { NumberingSystem } from "../../utils/locale";
 import { ColorPickerMessages } from "../color-picker/assets/color-picker/t9n";
 export declare class ColorPickerHexInput implements LoadableComponent {
-  el: HTMLCalciteColorPickerHexInputElement;
   connectedCallback(): void;
   componentWillLoad(): void;
   componentDidLoad(): void;
@@ -50,6 +49,7 @@ export declare class ColorPickerHexInput implements LoadableComponent {
   private onOpacityInputChange;
   protected onInputKeyDown: (event: KeyboardEvent) => void;
   private onHexInputPaste;
+  el: HTMLCalciteColorPickerHexInputElement;
   private hexInputNode;
   /**
    * The last valid/selected color. Used as a fallback if an invalid hex code is entered.

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

@@ -17,7 +17,6 @@ interface ItemData {
  * @slot - A slot for adding `calcite-combobox-item`s.
  */
 export declare class Combobox implements LabelableComponent, FormComponent, InteractiveComponent, OpenCloseComponent, FloatingUIComponent, T9nComponent, LoadableComponent {
-  el: HTMLCalciteComboboxElement;
   /**
    * When `true`, the value-clearing will be disabled.
    */
@@ -143,6 +142,7 @@ export declare class Combobox implements LabelableComponent, FormComponent, Inte
   componentDidLoad(): void;
   componentDidRender(): void;
   disconnectedCallback(): void;
+  el: HTMLCalciteComboboxElement;
   placement: LogicalPlacement;
   filteredFlipPlacements: EffectivePlacement[];
   internalValueChangeFlag: boolean;

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

@@ -5,7 +5,6 @@ import { T9nComponent } from "../../utils/t9n";
 import { HeadingLevel } from "../functional/Heading";
 import { DatePickerMessages } from "./assets/date-picker/t9n";
 export declare class DatePicker implements LocalizedComponent, LoadableComponent, T9nComponent {
-  el: HTMLCalciteDatePickerElement;
   /** Specifies the component's active date. */
   activeDate: Date;
   activeDateWatcher(newActiveDate: Date): void;
@@ -76,6 +75,7 @@ export declare class DatePicker implements LocalizedComponent, LoadableComponent
   componentWillLoad(): Promise<void>;
   componentDidLoad(): void;
   render(): VNode;
+  el: HTMLCalciteDatePickerElement;
   /**
    * Active end date.
    */

package/dist/types/components/date-picker-day/date-picker-day.d.ts

@@ -2,7 +2,6 @@ import { EventEmitter, VNode } from "../../stencil-public-runtime";
 import { InteractiveComponent } from "../../utils/interactive";
 import { Scale } from "../interfaces";
 export declare class DatePickerDay implements InteractiveComponent {
-  el: HTMLCalciteDatePickerDayElement;
   /** Day of the month to be shown. */
   day: number;
   /**
@@ -58,5 +57,6 @@ export declare class DatePickerDay implements InteractiveComponent {
   componentDidRender(): void;
   disconnectedCallback(): void;
   isTabbable(): boolean;
+  el: HTMLCalciteDatePickerDayElement;
   private parentDatePickerEl;
 }

package/dist/types/components/date-picker-month/date-picker-month.d.ts

@@ -3,7 +3,6 @@ import { HoverRange } from "../../utils/date";
 import { DateLocaleData } from "../date-picker/utils";
 import { Scale } from "../interfaces";
 export declare class DatePickerMonth {
-  el: HTMLCalciteDatePickerMonthElement;
   /**
    * The DateTimeFormat used to provide screen reader labels.
    *
@@ -62,6 +61,7 @@ export declare class DatePickerMonth {
   disableActiveFocus: () => void;
   pointerOutHandler(): void;
   render(): VNode;
+  el: HTMLCalciteDatePickerMonthElement;
   private activeFocus;
   /**
    * Add n months to the current month

package/dist/types/components/date-picker-month-header/date-picker-month-header.d.ts

@@ -4,7 +4,6 @@ import { DateLocaleData } from "../date-picker/utils";
 import { HeadingLevel } from "../functional/Heading";
 import { Scale } from "../interfaces";
 export declare class DatePickerMonthHeader {
-  el: HTMLCalciteDatePickerMonthHeaderElement;
   /** Already selected date. */
   selectedDate: Date;
   /** Focused date with indicator (will become selected date if user proceeds) */
@@ -39,6 +38,7 @@ export declare class DatePickerMonthHeader {
   connectedCallback(): void;
   render(): VNode;
   renderContent(): VNode;
+  el: HTMLCalciteDatePickerMonthHeaderElement;
   private yearInput;
   private parentDatePickerEl;
   nextMonthDate: Date;

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

@@ -11,7 +11,6 @@ import { Scale } from "../interfaces";
  * @slot trigger - A slot for the element that triggers the `calcite-dropdown`.
  */
 export declare class Dropdown implements InteractiveComponent, LoadableComponent, OpenCloseComponent, FloatingUIComponent {
-  el: HTMLCalciteDropdownElement;
   /**
    * When `true`, displays and positions the component.
    */
@@ -106,6 +105,7 @@ export declare class Dropdown implements InteractiveComponent, LoadableComponent
   pointerLeaveHandler(): void;
   calciteInternalDropdownItemKeyEvent(event: CustomEvent<ItemKeyboardEvent>): void;
   handleItemSelect(event: CustomEvent<RequestedItem>): void;
+  el: HTMLCalciteDropdownElement;
   filteredFlipPlacements: EffectivePlacement[];
   private items;
   private groups;

package/dist/types/components/dropdown-group/dropdown-group.d.ts

@@ -5,7 +5,6 @@ import { RequestedItem } from "./interfaces";
  * @slot - A slot for adding `calcite-dropdown-item`s.
  */
 export declare class DropdownGroup {
-  el: HTMLCalciteDropdownGroupElement;
   /** Specifies and displays a group title. */
   groupTitle: string;
   /**
@@ -26,6 +25,7 @@ export declare class DropdownGroup {
   componentWillLoad(): void;
   render(): VNode;
   updateActiveItemOnChange(event: CustomEvent): void;
+  el: HTMLCalciteDropdownGroupElement;
   /** position of group within a dropdown */
   private groupPosition;
   /** the requested group */

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

@@ -7,7 +7,6 @@ import { LoadableComponent } from "../../utils/loadable";
  * @slot - A slot for adding text.
  */
 export declare class DropdownItem implements LoadableComponent {
-  el: HTMLCalciteDropdownItemElement;
   /** When `true`, the component is selected. */
   selected: boolean;
   /** Displays the `iconStart` and/or `iconEnd` as flipped when the element direction is right-to-left (`"rtl"`). */
@@ -47,6 +46,7 @@ export declare class DropdownItem implements LoadableComponent {
   onClick(): void;
   keyDownHandler(event: KeyboardEvent): void;
   updateActiveItemOnChange(event: CustomEvent): void;
+  el: HTMLCalciteDropdownItemElement;
   /** id of containing group */
   private parentDropdownGroupEl;
   /** requested group */

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

@@ -1,7 +1,6 @@
 import { VNode } from "../../stencil-public-runtime";
 import { ColorStop, DataSeries } from "./interfaces";
 export declare class Graph {
-  el: HTMLCalciteGraphElement;
   /**
    * Array of tuples describing a single data point ([x, y])
    * These data points should be sorted by x-axis value
@@ -23,6 +22,7 @@ export declare class Graph {
   connectedCallback(): void;
   disconnectedCallback(): void;
   render(): VNode;
+  el: HTMLCalciteGraphElement;
   private graphId;
   private resizeObserver;
 }

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

@@ -1,7 +1,6 @@
 import { VNode } from "../../stencil-public-runtime";
 import { Scale } from "../interfaces";
 export declare class Icon {
-  el: HTMLCalciteIconElement;
   /**
    * Displays a specific icon.
    *
@@ -26,6 +25,7 @@ export declare class Icon {
   disconnectedCallback(): void;
   componentWillLoad(): Promise<void>;
   render(): VNode;
+  el: HTMLCalciteIconElement;
   private intersectionObserver;
   private pathData;
   private visible;

package/dist/types/components/inline-editable/inline-editable.d.ts

@@ -10,7 +10,6 @@ import { InlineEditableMessages } from "./assets/inline-editable/t9n";
  * @slot - A slot for adding a `calcite-input`.
  */
 export declare class InlineEditable implements InteractiveComponent, LabelableComponent, LoadableComponent, LocalizedComponent, T9nComponent {
-  el: HTMLCalciteInlineEditableElement;
   /**
    * When `true`, interaction is prevented and the component is displayed with lower opacity.
    */
@@ -59,6 +58,7 @@ export declare class InlineEditable implements InteractiveComponent, LabelableCo
    */
   calciteInternalInlineEditableEnableEditingChange: EventEmitter<void>;
   blurHandler(): void;
+  el: HTMLCalciteInlineEditableElement;
   private inputElement;
   private valuePriorToEditing;
   private shouldEmitCancel;

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

@@ -12,7 +12,6 @@ import { InputPlacement, NumberNudgeDirection } from "./interfaces";
  * @slot action - A slot for positioning a `calcite-button` next to the component.
  */
 export declare class Input implements LabelableComponent, FormComponent, InteractiveComponent, T9nComponent, LocalizedComponent, LoadableComponent {
-  el: HTMLCalciteInputElement;
   /** Specifies the text alignment of the component's value. */
   alignment: Position;
   /**
@@ -210,6 +209,7 @@ export declare class Input implements LabelableComponent, FormComponent, Interac
   onMessagesChange(): void;
   valueWatcher(newValue: string, previousValue: string): void;
   updateRequestedIcon(): void;
+  el: HTMLCalciteInputElement;
   labelEl: HTMLCalciteLabelElement;
   formEl: HTMLFormElement;
   defaultValue: Input["value"];

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

@@ -13,7 +13,6 @@ import { InputDatePickerMessages } from "./assets/input-date-picker/t9n";
 import { FocusTrapComponent } from "../../utils/focusTrapComponent";
 import { FocusTrap } from "focus-trap";
 export declare class InputDatePicker implements FloatingUIComponent, FocusTrapComponent, FormComponent, InteractiveComponent, LabelableComponent, LoadableComponent, LocalizedComponent, OpenCloseComponent, T9nComponent {
-  el: HTMLCalciteInputDatePickerElement;
   /**
    * When `true`, interaction is prevented and the component is displayed with lower opacity.
    */
@@ -149,6 +148,7 @@ export declare class InputDatePicker implements FloatingUIComponent, FocusTrapCo
   componentDidRender(): void;
   render(): VNode;
   renderToggleIcon(open: boolean): VNode;
+  el: HTMLCalciteInputDatePickerElement;
   private datePickerEl;
   private dialogId;
   filteredFlipPlacements: EffectivePlacement[];