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

package/dist/types/components.d.ts

@@ -9,7 +9,7 @@ import { AccordionAppearance } from "./components/calcite-accordion/interfaces";
 import { Alignment, Appearance, Columns, FlipContext, Layout, Position, Scale, Status, Width } from "./components/interfaces";
 import { Placement } from "@popperjs/core";
 import { OverlayPositioning, PopperPlacement } from "./utils/popper";
-import { AlertDuration, StatusColor } from "./components/calcite-alert/interfaces";
+import { AlertDuration, AlertPlacement, StatusColor } from "./components/calcite-alert/interfaces";
 import { HeadingLevel } from "./components/functional/CalciteHeading";
 import { BlockSectionToggleDisplay } from "./components/calcite-block-section/interfaces";
 import { ButtonAlignment, ButtonAppearance, ButtonColor, DropdownIconType } from "./components/calcite-button/interfaces";
@@ -24,7 +24,6 @@ import { DropdownPlacement, ItemKeyboardEvent } from "./components/calcite-dropd
 import { SelectionMode } from "./components/calcite-dropdown-group/interfaces";
 import { ColorStop, DataSeries } from "./components/calcite-graph/interfaces";
 import { InputPlacement } from "./components/calcite-input/interfaces";
-import { HourDisplayFormat, Time, TimeFocusId } from "./utils/time";
 import { ModalBackgroundColor } from "./components/calcite-modal/interfaces";
 import { CalcitePaginationDetail } from "./components/calcite-pagination/calcite-pagination";
 import { ListFocusId } from "./components/calcite-pick-list/shared-list-logic";
@@ -34,6 +33,7 @@ import { TabID, TabLayout, TabPosition } from "./components/calcite-tabs/interfa
 import { TabChangeEventDetail } from "./components/calcite-tab/interfaces";
 import { TileSelectType } from "./components/calcite-tile-select/interfaces";
 import { TileSelectGroupLayout } from "./components/calcite-tile-select-group/interfaces";
+import { TimePart } from "./utils/time";
 import { TreeSelectDetail, TreeSelectionMode } from "./components/calcite-tree/interfaces";
 import { TreeItemSelectDetail } from "./components/calcite-tree-item/interfaces";
 export namespace Components {
@@ -300,7 +300,11 @@ export namespace Components {
          */
         "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;
         /**
@@ -814,6 +818,11 @@ export namespace Components {
           * Disable combobox input
          */
         "disabled": boolean;
+        /**
+          * string to override the English "Remove tag" text for when an item is selected.
+          * @default "Remove tag"
+         */
+        "intlRemoveTag": string;
         /**
           * Aria label for combobox (required)
          */
@@ -940,6 +949,11 @@ export namespace Components {
           * @default "Previous month"
          */
         "intlPrevMonth"?: string;
+        /**
+          * Localized string for "year" (used for aria label)
+          * @default "Year"
+         */
+        "intlYear"?: string;
         /**
           * BCP 47 language tag for desired language and country format
          */
@@ -1100,6 +1114,10 @@ export namespace Components {
           * Localized string for previous month.
          */
         "intlPrevMonth": string;
+        /**
+          * Localized string for year.
+         */
+        "intlYear": string;
         /**
           * User's language and region as BCP 47 formatted string.
          */
@@ -1269,11 +1287,6 @@ export namespace Components {
         "textEnabled": boolean;
     }
     interface 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[];
         /**
           * When true, disabled prevents interaction. This state shows items with lower opacity/grayed.
          */
@@ -1323,10 +1336,6 @@ export namespace Components {
           * Array of tuples describing a single data point ([x, y]) These data points should be sorted by x-axis value
          */
         "data": DataSeries;
-        /**
-          * Width of graph in pixels
-         */
-        "height": number;
         /**
           * End of highlight color if highlighting range
          */
@@ -1343,10 +1352,6 @@ export namespace Components {
           * Lowest point of the range
          */
         "min": number;
-        /**
-          * Width of graph in pixels
-         */
-        "width": number;
     }
     interface CalciteHandle {
         "activated": boolean;
@@ -1596,6 +1601,11 @@ export namespace Components {
           * @default "Previous month"
          */
         "intlPrevMonth"?: string;
+        /**
+          * Localized string for "year" (used for aria label)
+          * @default "Year"
+         */
+        "intlYear"?: string;
         /**
           * Layout
          */
@@ -1703,10 +1713,6 @@ export namespace Components {
           * 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
          */
@@ -1755,6 +1761,10 @@ export namespace Components {
           * aria-label for the second up button
          */
         "intlSecondUp"?: string;
+        /**
+          * BCP 47 language tag for desired language and country format
+         */
+        "locale": string;
         /**
           * The name of the time input
          */
@@ -1776,7 +1786,7 @@ export namespace Components {
          */
         "step": number;
         /**
-          * The selected time (always 24-hour format)
+          * The selected time in UTC (always 24-hour format)
          */
         "value": string;
     }
@@ -1815,6 +1825,10 @@ export namespace Components {
           * 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
          */
@@ -2368,32 +2382,6 @@ export namespace Components {
          */
         "value": number;
     }
-    interface CalciteRadio {
-        /**
-          * The checked state of the radio.
-         */
-        "checked": boolean;
-        /**
-          * The disabled state of the radio.
-         */
-        "disabled": boolean;
-        /**
-          * The focused state of the radio.
-         */
-        "focused": boolean;
-        /**
-          * The radio's hidden status.
-         */
-        "hidden": boolean;
-        /**
-          * The hovered state of the radio.
-         */
-        "hovered": boolean;
-        /**
-          * The scale (size) of the radio.
-         */
-        "scale": Scale;
-    }
     interface CalciteRadioButton {
         /**
           * The checked state of the radio button.
@@ -2758,6 +2746,10 @@ export namespace Components {
           * When true, makes the component required for form-submission.
          */
         "required": boolean;
+        /**
+          * Specify the scale of the slider, defaults to m
+         */
+        "scale": Scale;
         /**
           * Sets focus on the component.
          */
@@ -3156,14 +3148,6 @@ export namespace Components {
         "layout"?: TileSelectGroupLayout;
     }
     interface CalciteTimePicker {
-        /**
-          * The hour value (24-hour format)
-         */
-        "hour"?: string;
-        /**
-          * 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
           * @default "Hour"
@@ -3225,25 +3209,25 @@ export namespace Components {
          */
         "intlSecondUp": string;
         /**
-          * The minute value
+          * BCP 47 language tag for desired language and country format
          */
-        "minute"?: string;
+        "locale": string;
         /**
           * The scale (size) of the time picker
          */
         "scale": Scale;
-        /**
-          * The second value
-         */
-        "second"?: string;
         /**
           * Sets focus on the component.
          */
-        "setFocus": (target: TimeFocusId) => Promise<void>;
+        "setFocus": (target: TimePart) => Promise<void>;
         /**
-          * number that specifies the granularity that the value must adhere to
+          * number (seconds) that specifies the granularity that the value must adhere to
          */
         "step": number;
+        /**
+          * The selected time in UTC (always 24-hour format)
+         */
+        "value": string;
     }
     interface CalciteTip {
         /**
@@ -3837,12 +3821,6 @@ declare global {
         prototype: HTMLCalciteProgressElement;
         new (): HTMLCalciteProgressElement;
     };
-    interface HTMLCalciteRadioElement extends Components.CalciteRadio, HTMLStencilElement {
-    }
-    var HTMLCalciteRadioElement: {
-        prototype: HTMLCalciteRadioElement;
-        new (): HTMLCalciteRadioElement;
-    };
     interface HTMLCalciteRadioButtonElement extends Components.CalciteRadioButton, HTMLStencilElement {
     }
     var HTMLCalciteRadioButtonElement: {
@@ -4099,7 +4077,6 @@ declare global {
         "calcite-popover": HTMLCalcitePopoverElement;
         "calcite-popover-manager": HTMLCalcitePopoverManagerElement;
         "calcite-progress": HTMLCalciteProgressElement;
-        "calcite-radio": HTMLCalciteRadioElement;
         "calcite-radio-button": HTMLCalciteRadioButtonElement;
         "calcite-radio-button-group": HTMLCalciteRadioButtonGroupElement;
         "calcite-radio-group": HTMLCalciteRadioGroupElement;
@@ -4404,7 +4381,11 @@ declare namespace LocalJSX {
          */
         "onCalciteAlertOpen"?: (event: CustomEvent<any>) => void;
         /**
-          * 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;
     }
@@ -4910,6 +4891,11 @@ declare namespace LocalJSX {
           * Disable combobox input
          */
         "disabled"?: boolean;
+        /**
+          * string to override the English "Remove tag" text for when an item is selected.
+          * @default "Remove tag"
+         */
+        "intlRemoveTag"?: string;
         /**
           * Aria label for combobox (required)
          */
@@ -5044,6 +5030,11 @@ declare namespace LocalJSX {
           * @default "Previous month"
          */
         "intlPrevMonth"?: string;
+        /**
+          * Localized string for "year" (used for aria label)
+          * @default "Year"
+         */
+        "intlYear"?: string;
         /**
           * BCP 47 language tag for desired language and country format
          */
@@ -5221,6 +5212,10 @@ declare namespace LocalJSX {
           * Localized string for previous month.
          */
         "intlPrevMonth"?: string;
+        /**
+          * Localized string for year.
+         */
+        "intlYear"?: string;
         /**
           * User's language and region as BCP 47 formatted string.
          */
@@ -5394,11 +5389,6 @@ declare namespace LocalJSX {
         "textEnabled"?: boolean;
     }
     interface 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[];
         /**
           * When true, disabled prevents interaction. This state shows items with lower opacity/grayed.
          */
@@ -5419,11 +5409,11 @@ declare namespace LocalJSX {
         /**
           * 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.  This property is required.
          */
-        "items"?: object[];
+        "items": object[];
         /**
           * This event fires when the filter text changes.
          */
-        "onCalciteFilterChange"?: (event: CustomEvent<any>) => void;
+        "onCalciteFilterChange"?: (event: CustomEvent<void>) => void;
         /**
           * Placeholder text for the input element's placeholder attribute
          */
@@ -5444,10 +5434,6 @@ declare namespace LocalJSX {
           * Array of tuples describing a single data point ([x, y]) These data points should be sorted by x-axis value
          */
         "data"?: DataSeries;
-        /**
-          * Width of graph in pixels
-         */
-        "height"?: number;
         /**
           * End of highlight color if highlighting range
          */
@@ -5464,10 +5450,6 @@ declare namespace LocalJSX {
           * Lowest point of the range
          */
         "min": number;
-        /**
-          * Width of graph in pixels
-         */
-        "width"?: number;
     }
     interface CalciteHandle {
         /**
@@ -5533,6 +5515,14 @@ declare namespace LocalJSX {
           * specify whether the confirm button should display a loading state, defaults to false
          */
         "loading"?: boolean;
+        /**
+          * Emitted when the cancel button gets clicked.
+         */
+        "onCalciteInlineEditableEditCancel"?: (event: CustomEvent<void>) => void;
+        /**
+          * Emitted when the check button gets clicked.
+         */
+        "onCalciteInlineEditableEditConfirm"?: (event: CustomEvent<void>) => void;
         /**
           * specify the scale of the inline-editable component, defaults to the scale of the wrapped calcite-input or the scale of the closest wrapping component with a set scale
          */
@@ -5714,6 +5704,11 @@ declare namespace LocalJSX {
           * @default "Previous month"
          */
         "intlPrevMonth"?: string;
+        /**
+          * Localized string for "year" (used for aria label)
+          * @default "Year"
+         */
+        "intlYear"?: string;
         /**
           * Layout
          */
@@ -5744,13 +5739,19 @@ declare namespace LocalJSX {
         "name"?: string;
         /**
           * Trigger calcite date change when a user changes the date.
+          * @deprecated use `calciteInputDatePickerChange` instead.
          */
         "onCalciteDatePickerChange"?: (event: CustomEvent<Date>) => void;
         /**
           * 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.
          */
         "onCalciteDatePickerRangeChange"?: (event: CustomEvent<DateRangeChange>) => void;
+        /**
+          * This event fires when the input date picker value changes.
+         */
+        "onCalciteInputDatePickerChange"?: (event: CustomEvent<void>) => void;
         /**
           * Describes the type of positioning to use for the overlaid content. If your element is in a fixed container, use the 'fixed' value.
          */
@@ -5818,10 +5819,6 @@ declare namespace LocalJSX {
           * 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
          */
@@ -5887,7 +5884,7 @@ declare namespace LocalJSX {
          */
         "step"?: number;
         /**
-          * The selected time (always 24-hour format)
+          * The selected time in UTC (always 24-hour format)
          */
         "value"?: string;
     }
@@ -5926,6 +5923,10 @@ declare namespace LocalJSX {
           * 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
          */
@@ -6292,7 +6293,7 @@ declare namespace LocalJSX {
         /**
           * Emitted when any of the item selections have changed.
          */
-        "onCalciteListChange"?: (event: CustomEvent<any>) => void;
+        "onCalciteListChange"?: (event: CustomEvent<Map<string, HTMLCalcitePickListItemElement>>) => void;
         /**
           * When true and single-selection is enabled, the selection will change when navigating items via the keyboard.
          */
@@ -6472,24 +6473,6 @@ declare namespace LocalJSX {
          */
         "value"?: number;
     }
-    interface CalciteRadio {
-        /**
-          * The checked state of the radio.
-         */
-        "checked"?: boolean;
-        /**
-          * The disabled state of the radio.
-         */
-        "disabled"?: boolean;
-        /**
-          * The radio's hidden status.
-         */
-        "hidden"?: boolean;
-        /**
-          * The scale (size) of the radio.
-         */
-        "scale"?: Scale;
-    }
     interface CalciteRadioButton {
         /**
           * The checked state of the radio button.
@@ -6850,6 +6833,10 @@ declare namespace LocalJSX {
           * When true, makes the component required for form-submission.
          */
         "required"?: boolean;
+        /**
+          * Specify the scale of the slider, defaults to m
+         */
+        "scale"?: Scale;
         /**
           * When true, enables snap selection along the step interval
          */
@@ -7211,14 +7198,6 @@ declare namespace LocalJSX {
         "layout"?: TileSelectGroupLayout;
     }
     interface CalciteTimePicker {
-        /**
-          * The hour value (24-hour format)
-         */
-        "hour"?: string;
-        /**
-          * 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
           * @default "Hour"
@@ -7279,22 +7258,18 @@ declare namespace LocalJSX {
           * @default "Increase second"
          */
         "intlSecondUp"?: string;
-        /**
-          * The minute value
-         */
-        "minute"?: string;
         /**
           * The scale (size) of the time picker
          */
         "scale"?: Scale;
         /**
-          * The second value
+          * number (seconds) that specifies the granularity that the value must adhere to
          */
-        "second"?: string;
+        "step"?: number;
         /**
-          * number that specifies the granularity that the value must adhere to
+          * The selected time in UTC (always 24-hour format)
          */
-        "step"?: number;
+        "value"?: string;
     }
     interface CalciteTip {
         /**
@@ -7473,11 +7448,11 @@ declare namespace LocalJSX {
         /**
           * Emitted when any of the item selections have changed.
          */
-        "onCalciteListChange"?: (event: CustomEvent<any>) => void;
+        "onCalciteListChange"?: (event: CustomEvent<Map<string, HTMLCalciteValueListItemElement>>) => void;
         /**
           * Emitted when the order of the list has changed.
          */
-        "onCalciteListOrderChange"?: (event: CustomEvent<any>) => void;
+        "onCalciteListOrderChange"?: (event: CustomEvent<any[]>) => void;
         /**
           * When true and single-selection is enabled, the selection will change when navigating items via the keyboard.
          */
@@ -7584,7 +7559,6 @@ declare namespace LocalJSX {
         "calcite-popover": CalcitePopover;
         "calcite-popover-manager": CalcitePopoverManager;
         "calcite-progress": CalciteProgress;
-        "calcite-radio": CalciteRadio;
         "calcite-radio-button": CalciteRadioButton;
         "calcite-radio-button-group": CalciteRadioButtonGroup;
         "calcite-radio-group": CalciteRadioGroup;
@@ -7681,7 +7655,6 @@ declare module "@stencil/core" {
             "calcite-popover": LocalJSX.CalcitePopover & JSXBase.HTMLAttributes<HTMLCalcitePopoverElement>;
             "calcite-popover-manager": LocalJSX.CalcitePopoverManager & JSXBase.HTMLAttributes<HTMLCalcitePopoverManagerElement>;
             "calcite-progress": LocalJSX.CalciteProgress & JSXBase.HTMLAttributes<HTMLCalciteProgressElement>;
-            "calcite-radio": LocalJSX.CalciteRadio & JSXBase.HTMLAttributes<HTMLCalciteRadioElement>;
             "calcite-radio-button": LocalJSX.CalciteRadioButton & JSXBase.HTMLAttributes<HTMLCalciteRadioButtonElement>;
             "calcite-radio-button-group": LocalJSX.CalciteRadioButtonGroup & JSXBase.HTMLAttributes<HTMLCalciteRadioButtonGroupElement>;
             "calcite-radio-group": LocalJSX.CalciteRadioGroup & JSXBase.HTMLAttributes<HTMLCalciteRadioGroupElement>;

package/dist/types/preact.d.ts

@@ -147,9 +147,9 @@ declare module "preact/src/jsx" {
 
       "calcite-icon": JSX.CalciteIcon & JSXInternal.HTMLAttributes<HTMLCalciteIconElement>
 
-      "calcite-inline-editable": Omit<JSX.CalciteInlineEditable, "onCalciteInlineEditableEditingCancel" | "onCalciteInlineEditableChangesConfirm" | "onCalciteInlineEditableEnableEditingChange"> & JSXInternal.HTMLAttributes<HTMLCalciteInlineEditableElement> & {
-        "oncalciteInlineEditableEditingCancel"?: (event: CustomEvent<any>) => void;
-        "oncalciteInlineEditableChangesConfirm"?: (event: CustomEvent<any>) => void;
+      "calcite-inline-editable": Omit<JSX.CalciteInlineEditable, "onCalciteInlineEditableEditCancel" | "onCalciteInlineEditableEditConfirm" | "onCalciteInlineEditableEnableEditingChange"> & JSXInternal.HTMLAttributes<HTMLCalciteInlineEditableElement> & {
+        "oncalciteInlineEditableEditCancel"?: (event: CustomEvent<any>) => void;
+        "oncalciteInlineEditableEditConfirm"?: (event: CustomEvent<any>) => void;
         "oncalciteInlineEditableEnableEditingChange"?: (event: CustomEvent<any>) => void;
       }
 
@@ -160,9 +160,10 @@ declare module "preact/src/jsx" {
         "oncalciteInputChange"?: (event: CustomEvent<any>) => void;
       }
 
-      "calcite-input-date-picker": Omit<JSX.CalciteInputDatePicker, "onCalciteDatePickerChange" | "onCalciteDatePickerRangeChange" | "onCalciteInputDatePickerOpen" | "onCalciteInputDatePickerClose"> & JSXInternal.HTMLAttributes<HTMLCalciteInputDatePickerElement> & {
+      "calcite-input-date-picker": Omit<JSX.CalciteInputDatePicker, "onCalciteDatePickerChange" | "onCalciteDatePickerRangeChange" | "onCalciteInputDatePickerChange" | "onCalciteInputDatePickerOpen" | "onCalciteInputDatePickerClose"> & JSXInternal.HTMLAttributes<HTMLCalciteInputDatePickerElement> & {
         "oncalciteDatePickerChange"?: (event: CustomEvent<any>) => void;
         "oncalciteDatePickerRangeChange"?: (event: CustomEvent<any>) => void;
+        "oncalciteInputDatePickerChange"?: (event: CustomEvent<any>) => void;
         "oncalciteInputDatePickerOpen"?: (event: CustomEvent<any>) => void;
         "oncalciteInputDatePickerClose"?: (event: CustomEvent<any>) => void;
       }
@@ -238,8 +239,6 @@ declare module "preact/src/jsx" {
 
       "calcite-progress": JSX.CalciteProgress & JSXInternal.HTMLAttributes<HTMLCalciteProgressElement>
 
-      "calcite-radio": JSX.CalciteRadio & JSXInternal.HTMLAttributes<HTMLCalciteRadioElement>
-
       "calcite-radio-button": Omit<JSX.CalciteRadioButton, "onCalciteInternalRadioButtonBlur" | "onCalciteRadioButtonChange" | "onCalciteInternalRadioButtonCheckedChange" | "onCalciteInternalRadioButtonFocus"> & JSXInternal.HTMLAttributes<HTMLCalciteRadioButtonElement> & {
         "oncalciteInternalRadioButtonBlur"?: (event: CustomEvent<any>) => void;
         "oncalciteRadioButtonChange"?: (event: CustomEvent<any>) => void;

package/dist/types/stencil-public-runtime.d.ts

@@ -666,7 +666,7 @@ export declare namespace JSXBase {
         use: JSXBase.SVGAttributes;
         view: JSXBase.SVGAttributes;
     }
-    interface SlotAttributes {
+    interface SlotAttributes extends JSXAttributes {
         name?: string;
         slot?: string;
         onSlotchange?: (event: Event) => void;
@@ -1427,9 +1427,7 @@ export declare namespace JSXBase {
         z?: number | string;
         zoomAndPan?: string;
     }
-    interface DOMAttributes<T = Element> {
-        key?: string | number;
-        ref?: (elm?: T) => void;
+    interface DOMAttributes<T> extends JSXAttributes<T> {
         slot?: string;
         part?: string;
         exportparts?: string;
@@ -1550,6 +1548,10 @@ export declare namespace JSXBase {
         onTransitionEndCapture?: (event: TransitionEvent) => void;
     }
 }
+export interface JSXAttributes<T = Element> {
+    key?: string | number;
+    ref?: (elm?: T) => void;
+}
 export interface CustomElementsDefineOptions {
     exclude?: string[];
     resourcesUrl?: string;

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

@@ -0,0 +1,17 @@
+/**
+ * Defines interface for components with a dynamically changing slot.
+ */
+export interface ConditionalSlotComponent {
+  /**
+   * The host element.
+   */
+  readonly el: HTMLElement;
+}
+/**
+ * Helper to set up a conditional slot component on connectedCallback.
+ */
+export declare function connectConditionalSlotComponent(component: ConditionalSlotComponent): void;
+/**
+ * Helper to tear down a conditional slot component on disconnectedCallback.
+ */
+export declare function disconnectConditionalSlotComponent(component: ConditionalSlotComponent): void;