@esri/calcite-components 1.0.0-beta.71 → 1.0.0-beta.75

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

@@ -2,7 +2,7 @@ import { EventEmitter, VNode } from "../../stencil-public-runtime";
 import { AccordionAppearance } from "./interfaces";
 import { Position, Scale } from "../interfaces";
 /**
- * @slot - A slot for adding `calcite-accordion-item`s.
+ * @slot - A slot for adding `calcite-accordion-item`s. `calcite-accordion` cannot be nested, however calcite-accordion-item`s can.
  */
 export declare class CalciteAccordion {
   el: HTMLCalciteAccordionElement;

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

@@ -1,6 +1,6 @@
 import { EventEmitter, VNode } from "../../stencil-public-runtime";
 /**
- * @slot - A slot for adding custom content.
+ * @slot - A slot for adding custom content, including nested `calcite-accordion-item`s.
  */
 export declare class CalciteAccordionItem {
   el: HTMLCalciteAccordionItemElement;

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

@@ -1,12 +1,13 @@
 /// <reference types="lodash" />
 import { EventEmitter, VNode } from "../../stencil-public-runtime";
 import { Position, Scale } from "../interfaces";
+import { ConditionalSlotComponent } from "../../utils/conditionalSlot";
 /**
  * @slot - A slot for adding `calcite-action`s that will appear at the top of the action bar.
  * @slot bottom-actions - A slot for adding `calcite-action`s that will appear at the bottom of the action bar, above the collapse/expand button.
  * @slot expand-tooltip - Used to set the tooltip for the expand toggle.
  */
-export declare class CalciteActionBar {
+export declare class CalciteActionBar implements ConditionalSlotComponent {
   /**
    * When set to true, the expand-toggling behavior will be disabled.
    */

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

@@ -1,11 +1,12 @@
 import { VNode } from "../../stencil-public-runtime";
 import { Columns, Layout, Scale } from "../interfaces";
+import { ConditionalSlotComponent } from "../../utils/conditionalSlot";
 /**
  * @slot - A slot for adding a group of `calcite-action`s.
  * @slot menu-actions - a slot for adding an overflow menu with actions inside a dropdown.
  * @slot menu-tooltip - a slot for adding an tooltip for the menu.
  */
-export declare class CalciteActionGroup {
+export declare class CalciteActionGroup implements ConditionalSlotComponent {
   /**
    * Indicates whether widget is expanded.
    */
@@ -32,6 +33,8 @@ export declare class CalciteActionGroup {
    */
   scale: Scale;
   el: HTMLCalciteActionGroupElement;
+  connectedCallback(): void;
+  disconnectedCallback(): void;
   renderTooltip(): VNode;
   renderMenu(): VNode;
   render(): VNode;

package/dist/types/components/calcite-action-menu/calcite-action-menu.d.ts

@@ -3,12 +3,13 @@ import { VNode } from "../../stencil-public-runtime";
 import { PopperPlacement, OverlayPositioning } from "../../utils/popper";
 import { Placement } from "@popperjs/core";
 import { Scale } from "../interfaces";
+import { ConditionalSlotComponent } from "../../utils/conditionalSlot";
 /**
  * @slot - A slot for adding `calcite-action`s.
  * @slot trigger - A slot for adding a `calcite-action` to trigger opening the menu.
  * @slot tooltip - A slot for adding an tooltip for the menu.
  */
-export declare class CalciteActionMenu {
+export declare class CalciteActionMenu implements ConditionalSlotComponent {
   connectedCallback(): void;
   disconnectedCallback(): void;
   /**

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

@@ -1,10 +1,11 @@
 import { EventEmitter, VNode } from "../../stencil-public-runtime";
 import { Layout, Position, Scale } from "../interfaces";
+import { ConditionalSlotComponent } from "../../utils/conditionalSlot";
 /**
  * @slot - A slot for adding `calcite-action`s to the action pad.
  * @slot expand-tooltip - Used to set the tooltip for the expand toggle.
  */
-export declare class CalciteActionPad {
+export declare class CalciteActionPad implements ConditionalSlotComponent {
   /**
    * When set to true, the expand-toggling behavior will be disabled.
    */
@@ -41,6 +42,8 @@ export declare class CalciteActionPad {
   calciteActionPadToggle: EventEmitter;
   el: HTMLCalciteActionPadElement;
   expandToggleEl: HTMLCalciteActionElement;
+  connectedCallback(): void;
+  disconnectedCallback(): void;
   componentWillLoad(): void;
   /** Sets focus on the component. */
   setFocus(focusId?: "expand-toggle"): Promise<void>;

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

@@ -1,6 +1,6 @@
 import { EventEmitter, VNode } from "../../stencil-public-runtime";
 import { Scale } from "../interfaces";
-import { StatusColor, AlertDuration } from "./interfaces";
+import { AlertDuration, AlertPlacement, StatusColor } from "./interfaces";
 /** Alerts are meant to provide a way to communicate urgent or important information to users, frequently as a result of an action they took in your app. Alerts are positioned
  * at the bottom of the page. Multiple opened alerts will be added to a queue, allowing users to dismiss them in the order they are provided.
  */
@@ -29,7 +29,9 @@ export declare class CalciteAlert {
   intlClose: string;
   /** Accessible name for the component */
   label: string;
-  /** specify the scale of the button, defaults to m */
+  /** specify the placement of the alert */
+  placement: AlertPlacement;
+  /** specify the scale of the alert, defaults to m */
   scale: Scale;
   updateRequestedIcon(): void;
   updateDuration(): void;
@@ -73,10 +75,12 @@ export declare class CalciteAlert {
   private trackTimer;
   /** the computed icon to render */
   requestedIcon?: string;
+  private activeTransitionProp;
   /** determine which alert is active */
   private determineActiveAlert;
   /** close and emit the closed alert and the queue */
   private closeAlert;
+  transitionEnd: (event: TransitionEvent) => void;
   /** emit the opened alert and the queue */
   private openAlert;
 }

package/dist/types/components/calcite-alert/interfaces.d.ts

@@ -1,5 +1,6 @@
 export declare type StatusColor = "blue" | "green" | "red" | "yellow";
 export declare type AlertDuration = "fast" | "medium" | "slow";
+export declare type AlertPlacement = "bottom" | "bottom-end" | "bottom-start" | "top" | "top-end" | "top-start";
 export declare enum StatusIcons {
   green = "checkCircle",
   yellow = "exclamationMarkTriangle",

package/dist/types/components/calcite-block/calcite-block.d.ts

@@ -1,13 +1,14 @@
 import { EventEmitter, VNode } from "../../stencil-public-runtime";
 import { HeadingLevel } from "../functional/CalciteHeading";
 import { Status } from "../interfaces";
+import { ConditionalSlotComponent } from "../../utils/conditionalSlot";
 /**
  * @slot - A slot for adding content to the block.
  * @slot icon - A slot for adding a leading header icon.
  * @slot control - A slot for adding a single HTML input element in a header.
  * @slot header-menu-actions - a slot for adding an overflow menu with actions inside a dropdown.
  */
-export declare class CalciteBlock {
+export declare class CalciteBlock implements ConditionalSlotComponent {
   /**
    * When true, this block will be collapsible.
    */
@@ -61,6 +62,8 @@ export declare class CalciteBlock {
    */
   summary: string;
   el: HTMLCalciteBlockElement;
+  connectedCallback(): void;
+  disconnectedCallback(): void;
   /**
    * Emitted when the header has been clicked.
    */
@@ -68,5 +71,6 @@ export declare class CalciteBlock {
   onHeaderClick: () => void;
   renderScrim(): VNode[];
   renderIcon(): VNode[];
+  renderTitle(): VNode;
   render(): VNode;
 }

package/dist/types/components/calcite-button/resources.d.ts

@@ -7,6 +7,8 @@ export declare const CSS: {
   iconEnd: string;
   loadingIn: string;
   loadingOut: string;
+  iconStartEmpty: string;
+  iconEndEmpty: string;
 };
 export declare const TEXT: {
   loading: string;

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

@@ -1,4 +1,5 @@
 import { EventEmitter, VNode } from "../../stencil-public-runtime";
+import { ConditionalSlotComponent } from "../../utils/conditionalSlot";
 /** Cards do not include a grid or bounding container
  * - cards will expand to fit the width of their container
  */
@@ -10,7 +11,7 @@ import { EventEmitter, VNode } from "../../stencil-public-runtime";
  * @slot footer-leading - A slot for adding a leading footer.
  * @slot footer-trailing - A slot for adding a trailing footer.
  */
-export declare class CalciteCard {
+export declare class CalciteCard implements ConditionalSlotComponent {
   el: HTMLCalciteCardElement;
   /**  When true, the cards content is waiting to be loaded. This state shows a busy indicator.*/
   loading: boolean;
@@ -32,6 +33,8 @@ export declare class CalciteCard {
   intlDeselect: string;
   /** Fired when a selectable card is selected */
   calciteCardSelect: EventEmitter;
+  connectedCallback(): void;
+  disonnectedCallback(): void;
   render(): VNode;
   private cardSelectClick;
   private cardSelectKeyDown;

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

@@ -1,11 +1,12 @@
 import { EventEmitter, VNode } from "../../stencil-public-runtime";
 import { ChipColor } from "./interfaces";
 import { Appearance, Scale } from "../interfaces";
+import { ConditionalSlotComponent } from "../../utils/conditionalSlot";
 /**
  * @slot - A slot for adding text.
  * @slot image - A slot for adding an image.
  */
-export declare class CalciteChip {
+export declare class CalciteChip implements ConditionalSlotComponent {
   /** specify the appearance style of the button, defaults to solid. */
   appearance: Extract<"solid" | "clear", Appearance>;
   /** specify the color of the button, defaults to blue */
@@ -25,6 +26,8 @@ export declare class CalciteChip {
   /** The assigned value for the chip */
   value: any;
   el: HTMLCalciteChipElement;
+  connectedCallback(): void;
+  disconnectedCallback(): void;
   /** Sets focus on the component. */
   setFocus(): Promise<void>;
   /** Emitted when the dismiss button is clicked */

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

@@ -154,7 +154,7 @@ export declare class CalciteColorPicker {
     colorField: {
       height: number;
       width: number;
-    }; /** specify the appearance - default (containing border), or minimal (no containing border) */
+    };
     thumb: {
       radius: number;
     };

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

@@ -50,6 +50,10 @@ export declare class CalciteCombobox implements LabelableComponent, FormComponen
   /** The value(s) of the selectedItem(s) */
   value: string | string[];
   valueHandler(value: string | string[]): void;
+  /** string to override the English "Remove tag" text for when an item is selected.
+   * @default "Remove tag"
+   */
+  intlRemoveTag: string;
   documentClickHandler(event: Event): void;
   calciteComboboxItemChangeHandler(event: CustomEvent<HTMLCalciteComboboxItemElement>): void;
   /** Updates the position of the component. */

package/dist/types/components/calcite-combobox/resources.d.ts

@@ -2,3 +2,6 @@ export declare const ComboboxItem = "CALCITE-COMBOBOX-ITEM";
 export declare const ComboboxItemGroup = "CALCITE-COMBOBOX-ITEM-GROUP";
 export declare const ComboboxChildSelector: string;
 export declare const ComboboxDefaultPlacement = "bottom-leading";
+export declare const TEXT: {
+  removeTag: string;
+};

package/dist/types/components/calcite-combobox-item/calcite-combobox-item.d.ts

@@ -1,10 +1,11 @@
 import { EventEmitter, VNode } from "../../stencil-public-runtime";
 import { ComboboxChildElement } from "../calcite-combobox/interfaces";
 import { Scale } from "../interfaces";
+import { ConditionalSlotComponent } from "../../utils/conditionalSlot";
 /**
  * @slot - A slot for adding nested `calcite-combobox-item`s.
  */
-export declare class CalciteComboboxItem {
+export declare class CalciteComboboxItem implements ConditionalSlotComponent {
   /** When true, the item cannot be clicked and is visually muted. */
   disabled: boolean;
   /** Set this to true to pre-select an item. Toggles when an item is checked/unchecked. */
@@ -26,10 +27,9 @@ export declare class CalciteComboboxItem {
   constant: boolean;
   el: HTMLCalciteComboboxItemElement;
   isNested: boolean;
-  hasDefaultSlot: boolean;
   scale: Scale;
   connectedCallback(): void;
-  componentWillLoad(): void;
+  disconnectedCallback(): void;
   /**
    * Emitted whenever the item is selected or unselected.
    */

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

@@ -31,8 +31,10 @@ export declare class CalciteDatePicker {
   handleRangeChange(): void;
   /** Earliest allowed date ("yyyy-mm-dd") */
   min?: string;
+  onMinChanged(min: string): void;
   /** Latest allowed date ("yyyy-mm-dd") */
   max?: string;
+  onMaxChanged(max: string): void;
   /** Localized string for "previous month" (used for aria label)
    * @default "Previous month"
    */
@@ -41,6 +43,10 @@ export declare class CalciteDatePicker {
    * @default "Next month"
    */
   intlNextMonth?: string;
+  /** Localized string for "year" (used for aria label)
+   * @default "Year"
+   */
+  intlYear?: string;
   /** BCP 47 language tag for desired language and country format */
   locale?: string;
   /** specify the scale of the date picker */

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

@@ -2,4 +2,5 @@ export declare const HEADING_LEVEL = 2;
 export declare const TEXT: {
   nextMonth: string;
   prevMonth: string;
+  year: string;
 };

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

@@ -22,6 +22,8 @@ export declare class CalciteDatePickerMonthHeader {
   intlPrevMonth: string;
   /** Localized string for next month. */
   intlNextMonth: string;
+  /** Localized string for year. */
+  intlYear: string;
   /** specify the scale of the date picker */
   scale: Scale;
   /** CLDR locale data for translated calendar info */
@@ -32,7 +34,7 @@ export declare class CalciteDatePickerMonthHeader {
   calciteDatePickerSelect: EventEmitter<Date>;
   connectedCallback(): void;
   render(): VNode;
-  renderContent(dir: string): VNode;
+  renderContent(): VNode;
   private yearInput;
   nextMonthDate: Date;
   prevMonthDate: Date;

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

@@ -73,6 +73,7 @@ export declare class CalciteDropdown {
   private activeTransitionProp;
   private scrollerEl;
   mutationObserver: MutationObserver;
+  resizeObserver: ResizeObserver;
   updateItems: () => void;
   setMaxScrollerHeight: () => void;
   setScrollerEl: (scrollerEl: HTMLDivElement) => void;

package/dist/types/components/calcite-filter/calcite-filter.d.ts

@@ -1,14 +1,6 @@
 /// <reference types="lodash" />
 import { EventEmitter, VNode } from "../../stencil-public-runtime";
 export declare class CalciteFilter {
-  /**
-   * The input data. The filter uses this as the starting point, and returns items
-   * that contain the string entered in the input, using a partial match and recursive search.
-   *
-   * @deprecated use `items` instead.
-   */
-  data: object[];
-  watchDataHandler(value: object[]): void;
   /**
    * The items to filter through. The filter uses this as the starting point, and returns items
    * that contain the string entered in the input, using a partial match and recursive search.
@@ -46,11 +38,10 @@ export declare class CalciteFilter {
   valueHandler(value: string): void;
   el: HTMLCalciteFilterElement;
   textInput: HTMLCalciteInputElement;
-  connectedCallback(): void;
   /**
    * This event fires when the filter text changes.
    */
-  calciteFilterChange: EventEmitter;
+  calciteFilterChange: EventEmitter<void>;
   /** Sets focus on the component. */
   setFocus(): Promise<void>;
   filter: import("lodash").DebouncedFunc<(value: string) => void>;

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

@@ -12,10 +12,6 @@ export declare class CalciteGraph {
    * These color stops should be sorted by offset value
    */
   colorStops: ColorStop[];
-  /** Width of graph in pixels*/
-  width: number;
-  /** Width of graph in pixels*/
-  height: number;
   /** Start of highlight color if highlighting range */
   highlightMin: number;
   /** End of highlight color if highlighting range */
@@ -24,6 +20,9 @@ export declare class CalciteGraph {
   min: number;
   /** Highest point of the range */
   max: number;
+  connectedCallback(): void;
+  disconnectedCallback(): void;
   render(): VNode;
   private graphId;
+  private resizeObserver;
 }

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

@@ -37,13 +37,13 @@ export declare class CalciteInlineEditable implements LabelableComponent {
   componentWillLoad(): void;
   render(): VNode;
   /**
-   * @internal
+   * Emitted when the cancel button gets clicked.
    */
-  calciteInlineEditableEditingCancel: EventEmitter;
+  calciteInlineEditableEditCancel: EventEmitter<void>;
   /**
-   * @internal
+   * Emitted when the check button gets clicked.
    */
-  calciteInlineEditableChangesConfirm: EventEmitter;
+  calciteInlineEditableEditConfirm: EventEmitter<void>;
   /**
    * @internal
    */
@@ -57,7 +57,7 @@ export declare class CalciteInlineEditable implements LabelableComponent {
   labelEl: HTMLCalciteLabelElement;
   setFocus(): Promise<void>;
   onLabelClick(): void;
-  transitionEnd: (event: TransitionEvent) => void;
+  transitionEnd: () => void;
   private get shouldShowControls();
   private enableEditing;
   private disableEditing;

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

@@ -106,11 +106,14 @@ export declare class CalciteInput implements LabelableComponent, FormComponent {
   private childElType?;
   /** number text input element for locale */
   private childNumberEl?;
+  /** whether the value of the input was changed as a result of user typing or not */
+  private internalValueChange;
   get isClearable(): boolean;
   get isTextarea(): boolean;
   private minString?;
   private maxString?;
   private preFocusValue;
+  private previousValue;
   /** the computed icon to render */
   private requestedIcon?;
   /** determine if there is a slotted action for styling purposes */
@@ -158,9 +161,11 @@ export declare class CalciteInput implements LabelableComponent, FormComponent {
   private setChildElRef;
   private setChildNumberElRef;
   private setDisabledAction;
-  private setLocalizedValue;
+  private setInputValue;
+  private setPreviousValue;
   private setValue;
   private inputKeyUpHandler;
+  private warnAboutInvalidNumberValue;
   render(): VNode;
 }
 export {};

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

@@ -36,8 +36,10 @@ export declare class CalciteInputDatePicker implements LabelableComponent, FormC
   maxAsDate?: Date;
   /** Earliest allowed date ("yyyy-mm-dd") */
   min?: string;
+  onMinChanged(min: string): void;
   /** Latest allowed date ("yyyy-mm-dd") */
   max?: string;
+  onMaxChanged(max: string): void;
   /** Expand or collapse when calendar does not have input */
   active: boolean;
   activeHandler(): void;
@@ -53,6 +55,10 @@ export declare class CalciteInputDatePicker implements LabelableComponent, FormC
    * @default "Next month"
    */
   intlNextMonth?: string;
+  /** Localized string for "year" (used for aria label)
+   * @default "Year"
+   */
+  intlYear?: string;
   /** BCP 47 language tag for desired language and country format */
   locale?: string;
   /** specify the scale of the date picker */
@@ -81,16 +87,25 @@ export declare class CalciteInputDatePicker implements LabelableComponent, FormC
   proximitySelectionDisabled: boolean;
   /** Layout */
   layout: "horizontal" | "vertical";
+  handleDateOrRangeChange(): void;
   calciteDaySelectHandler(): void;
   /**
    * Trigger calcite date change when a user changes the date.
+   *
+   * @deprecated use `calciteInputDatePickerChange` instead.
    */
   calciteDatePickerChange: EventEmitter<Date>;
   /**
    * Trigger calcite date change when a user changes the date range.
    * @see [DateRangeChange](https://github.com/Esri/calcite-components/blob/master/src/components/calcite-date-picker/interfaces.ts#L1)
+   *
+   * @deprecated use `calciteInputDatePickerChange` instead.
    */
   calciteDatePickerRangeChange: EventEmitter<DateRangeChange>;
+  /**
+   * This event fires when the input date picker value changes.
+   */
+  calciteInputDatePickerChange: EventEmitter<void>;
   /**
    * @internal
    */

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

@@ -1,5 +1,4 @@
 import { VNode, EventEmitter } from "../../stencil-public-runtime";
-import { HourDisplayFormat } from "../../utils/time";
 import { Scale } from "../interfaces";
 import { LabelableComponent } from "../../utils/label";
 import { FormComponent } from "../../utils/form";
@@ -9,8 +8,6 @@ export declare class CalciteInputTimePicker implements LabelableComponent, FormC
   active: boolean;
   /** The disabled state of the time input */
   disabled: boolean;
-  /** Format of the hour value (12-hour or 24-hour) (this will be replaced by locale eventually) */
-  hourDisplayFormat: HourDisplayFormat;
   /** aria-label for the hour input */
   intlHour?: string;
   /** aria-label for the hour down button */
@@ -35,6 +32,12 @@ export declare class CalciteInputTimePicker implements LabelableComponent, FormC
   intlSecondDown?: string;
   /** aria-label for the second up button */
   intlSecondUp?: string;
+  /**
+   * BCP 47 language tag for desired language and country format
+   * @internal
+   */
+  locale: string;
+  localeWatcher(newLocale: string): void;
   /** The name of the time input */
   name: string;
   /**
@@ -47,17 +50,19 @@ export declare class CalciteInputTimePicker implements LabelableComponent, FormC
   scale: Scale;
   /** number (seconds) that specifies the granularity that the value must adhere to */
   step: number;
-  /** The selected time (always 24-hour format)*/
+  /** The selected time in UTC (always 24-hour format) */
   value: string;
   valueWatcher(newValue: string): void;
   labelEl: HTMLCalciteLabelElement;
   formEl: HTMLFormElement;
   defaultValue: CalciteInputTimePicker["value"];
   private calciteInputEl;
+  private calciteTimePickerEl;
   /** whether the value of the input was changed as a result of user typing or not */
   private internalValueChange;
   private previousValidValue;
   private referenceElementId;
+  localizedValue: string;
   /**
    * Fires when the time value is changed as a result of user input.
    */
@@ -65,14 +70,17 @@ export declare class CalciteInputTimePicker implements LabelableComponent, FormC
   private calciteInputBlurHandler;
   private calciteInputFocusHandler;
   private calciteInputInputHandler;
+  clickHandler(event: MouseEvent): void;
   keyUpHandler(event: KeyboardEvent): void;
   timePickerBlurHandler(event: CustomEvent): void;
-  timePickerChangeHandler(event: CustomEvent): void;
+  private timePickerChangeHandler;
   timePickerFocusHandler(event: CustomEvent): void;
   /** Sets focus on the component. */
   setFocus(): Promise<void>;
   onLabelClick(): void;
+  private shouldIncludeSeconds;
   private setCalciteInputEl;
+  private setCalciteTimePickerEl;
   private setInputValue;
   private setValue;
   connectedCallback(): void;

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

@@ -8,6 +8,11 @@ export declare class CalciteLink {
   el: HTMLCalciteLinkElement;
   /** is the link disabled  */
   disabled: boolean;
+  /** Prompts the user to save the linked URL instead of navigating to it. Can be used with or without a value:
+   * Without a value, the browser will suggest a filename/extension
+   * See: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-download
+   */
+  download: string | boolean;
   /** optionally pass a href - used to determine if the component should render as a link or an anchor */
   href?: string;
   hrefHandler(href: string): void;

package/dist/types/components/calcite-list-item/calcite-list-item.d.ts

@@ -1,4 +1,5 @@
 import { VNode } from "../../stencil-public-runtime";
+import { ConditionalSlotComponent } from "../../utils/conditionalSlot";
 /**
  * @slot - A slot for adding `calcite-list-item` and `calcite-list-item-group` elements.
  * @slot actions-start - A slot for adding actionable `calcite-action` elements before the content of the list item.
@@ -6,7 +7,7 @@ import { VNode } from "../../stencil-public-runtime";
  * @slot content-end - A slot for adding non-actionable elements after the label and description of the list item.
  * @slot actions-end - A slot for adding actionable `calcite-action` elements after the content of the list item.
  */
-export declare class CalciteListItem {
+export declare class CalciteListItem implements ConditionalSlotComponent {
   /**
    * When true, prevents the content of the list item from user interaction.
    */
@@ -25,6 +26,8 @@ export declare class CalciteListItem {
   label: string;
   el: HTMLCalciteListItemElement;
   focusEl: HTMLButtonElement;
+  connectedCallback(): void;
+  disconnectedCallback(): void;
   /** Sets focus on the component. */
   setFocus(): Promise<void>;
   renderActionsStart(): VNode;

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

@@ -1,6 +1,7 @@
 import { EventEmitter, VNode } from "../../stencil-public-runtime";
 import { Scale } from "../interfaces";
 import { ModalBackgroundColor } from "./interfaces";
+import { ConditionalSlotComponent } from "../../utils/conditionalSlot";
 /**
  * @slot header - a slot for adding a modal header
  * @slot content - a slot for adding modal content
@@ -8,7 +9,7 @@ import { ModalBackgroundColor } from "./interfaces";
  * @slot secondary - a slot for adding a secondary button
  * @slot back - a slot for adding a back button
  */
-export declare class CalciteModal {
+export declare class CalciteModal implements ConditionalSlotComponent {
   el: HTMLCalciteModalElement;
   /** Add the active attribute to open the modal */
   active: boolean;

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

@@ -1,6 +1,7 @@
 import { EventEmitter, VNode } from "../../stencil-public-runtime";
 import { Scale, Width } from "../interfaces";
 import { StatusColor } from "../calcite-alert/interfaces";
+import { ConditionalSlotComponent } from "../../utils/conditionalSlot";
 /** Notices are intended to be used to present users with important-but-not-crucial contextual tips or copy. Because
  * notices are displayed inline, a common use case is displaying them on page-load to present users with short hints or contextual copy.
  * They are optionally dismissible - useful for keeping track of whether or not a user has dismissed the notice. You can also choose not
@@ -12,7 +13,7 @@ import { StatusColor } from "../calcite-alert/interfaces";
  * @slot link - Optional action to take from the notice (undo, try again, link to page, etc.)
  * @slot actions-end - Allows adding a `calcite-action` at the end of the notice. It is recommended to use 2 or less actions.
  */
-export declare class CalciteNotice {
+export declare class CalciteNotice implements ConditionalSlotComponent {
   el: HTMLCalciteNoticeElement;
   /** Is the notice currently active or not */
   active: boolean;
@@ -32,6 +33,8 @@ export declare class CalciteNotice {
   /** specify the width of the notice, defaults to auto */
   width: Width;
   updateRequestedIcon(): void;
+  connectedCallback(): void;
+  disconnectedCallback(): void;
   componentWillLoad(): void;
   componentDidLoad(): void;
   render(): VNode;