@esri/calcite-components 1.0.0-beta.95 → 1.0.0-beta.96

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

@@ -7,31 +7,31 @@ import { HeadingLevel } from "../functional/Heading";
  */
 export declare class Popover implements FloatingUIComponent, OpenCloseComponent {
   /**
-   * When true and clicking outside of the component, automatically closes open `calcite-popover`s.
+   * When `true`, clicking outside of the component automatically closes open `calcite-popover`s.
    */
   autoClose: boolean;
   /**
-   * When true, a close button is added to the component.
+   * When `true`, a close button is added to the component.
    *
    * @deprecated use dismissible instead.
    */
   closeButton: boolean;
   /**
-   * When true, a close button is added to the component.
+   * When `true`, a close button is added to the component.
    *
-   * @deprecated use closable instead
+   * @deprecated use `closable` instead.
    */
   dismissible: boolean;
   handleDismissible(value: boolean): void;
-  /** When true, display a close button within the Popover */
+  /** When `true`, display a close button within the component. */
   closable: boolean;
   handleClosable(value: boolean): void;
   /**
-   * When true, prevents flipping the component's placement when overlapping its `referenceElement`.
+   * When `true`, prevents flipping the component's placement when overlapping its `referenceElement`.
    */
   disableFlip: boolean;
   /**
-   * When true, removes the caret pointer.
+   * When `true`, removes the caret pointer.
    */
   disablePointer: boolean;
   /**
@@ -50,26 +50,28 @@ export declare class Popover implements FloatingUIComponent, OpenCloseComponent
   /** Accessible name for the component. */
   label: string;
   /**
-   * Offsets the position of the popover away from the `referenceElement`.
+   * Offsets the position of the component away from the `referenceElement`.
    *
    * @default 6
    */
   offsetDistance: number;
   offsetDistanceOffsetHandler(): void;
   /**
-   * Offsets the position of the popover along the `referenceElement`.
+   * Offsets the position of the component along the `referenceElement`.
    */
   offsetSkidding: number;
   offsetSkiddingHandler(): void;
   /**
-   * When true, displays and positions the component.
+   * When `true`, displays and positions the component.
    */
   open: boolean;
-  openHandler(): void;
+  openHandler(value: boolean): void;
   /**
    * Determines the type of positioning to use for the overlaid content.
    *
-   * Using the "absolute" value will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout. The "fixed" value should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is "fixed".
+   * Using `"absolute"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout.
+   *
+   * `"fixed"` value should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `"fixed"`.
    *
    */
   overlayPositioning: OverlayPositioning;
@@ -82,12 +84,14 @@ export declare class Popover implements FloatingUIComponent, OpenCloseComponent
   placement: LogicalPlacement;
   placementHandler(): void;
   /**
-   *  The `referenceElement` used to position the component according to its "placement" value. Setting to an `HTMLElement` is preferred so the component does not need to query the DOM. However, a string `id` of the reference element can also be used.
+   *  The `referenceElement` used to position the component according to its `placement` value. Setting to an `HTMLElement` is preferred so the component does not need to query the DOM. However, a string `id` of the reference element can also be used.
    */
   referenceElement: ReferenceElement | string;
   referenceElementHandler(): void;
   /**
-   * When true, disables automatically toggling the component when its `referenceElement` has been triggered. This property can be set to "true" to manage when a popover is open.
+   * When `true`, disables automatically toggling the component when its `referenceElement` has been triggered.
+   *
+   * This property can be set to `true` to manage when the component is open.
    */
   triggerDisabled: boolean;
   /**
@@ -116,8 +120,12 @@ export declare class Popover implements FloatingUIComponent, OpenCloseComponent
   calcitePopoverBeforeOpen: EventEmitter<void>;
   /** Fires when the component is open and animation is complete. */
   calcitePopoverOpen: EventEmitter<void>;
-  /** Updates the position of the component. */
-  reposition(): Promise<void>;
+  /**
+   * Updates the position of the component.
+   *
+   * @param delayed
+   */
+  reposition(delayed?: boolean): Promise<void>;
   /**
    * Sets focus on the component.
    *
@@ -130,7 +138,6 @@ export declare class Popover implements FloatingUIComponent, OpenCloseComponent
    * @param value
    */
   toggle(value?: boolean): Promise<void>;
-  private debouncedReposition;
   private setTransitionEl;
   setFilteredPlacements: () => void;
   setUpReferenceElement: (warn?: boolean) => void;

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

@@ -5,7 +5,7 @@ import { VNode } from "../../stencil-public-runtime";
  */
 export declare class PopoverManager {
   el: HTMLCalcitePopoverManagerElement;
-  mutationObserver: MutationObserver;
+  mutationObserver: import("../../utils/observers").ExtendedMutationObserver;
   /**
    * CSS Selector to match reference elements for popovers. Reference elements will be identified by this selector in order to open their associated popover.
    *

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

@@ -1,7 +1,12 @@
 import { VNode } from "../../stencil-public-runtime";
 export declare class Progress {
   el: HTMLCalciteProgressElement;
-  /** Use indeterminate if finding actual progress value is impossible. */
+  /**
+   * Specifies the component type.
+   *
+   * Use `"indeterminate"` if finding actual progress value is impossible.
+   *
+   */
   type: "indeterminate" | "determinate";
   /** The component's progress value, with a range of 0.0 - 1.0. */
   value: number;
@@ -9,7 +14,7 @@ export declare class Progress {
   label: string;
   /** Text that displays under the component's indicator. */
   text: string;
-  /** When true and for indeterminate progress bars, reverses the animation direction. */
+  /** When `true` and for `"indeterminate"` progress bars, reverses the animation direction. */
   reversed: boolean;
   render(): VNode;
 }

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

@@ -5,10 +5,10 @@ import { CheckableFormComponent } from "../../utils/form";
 import { InteractiveComponent } from "../../utils/interactive";
 export declare class RadioButton implements LabelableComponent, CheckableFormComponent, InteractiveComponent {
   el: HTMLCalciteRadioButtonElement;
-  /** When true, the component is checked. */
+  /** When `true`, the component is checked. */
   checked: boolean;
   checkedChanged(newChecked: boolean): void;
-  /** When true, interaction is prevented and the component is displayed with lower opacity. */
+  /** When `true`, interaction is prevented and the component is displayed with lower opacity. */
   disabled: boolean;
   /**
    * The focused state of the component.
@@ -16,9 +16,9 @@ export declare class RadioButton implements LabelableComponent, CheckableFormCom
    * @internal
    */
   focused: boolean;
-  /** The id attribute of the component. When omitted, a globally unique identifier is used. */
+  /** The `id` of the component. When omitted, a globally unique identifier is used. */
   guid: string;
-  /** When true, the component is not displayed and is not focusable or checkable. */
+  /** When `true`, the component is not displayed and is not focusable or checkable. */
   hidden: boolean;
   /**
    * The hovered state of the component.
@@ -35,7 +35,7 @@ export declare class RadioButton implements LabelableComponent, CheckableFormCom
   /** Specifies the name of the component, passed from the `calcite-radio-button-group` on form submission. */
   name: string;
   nameChanged(): void;
-  /** When true, the component must have a value selected from the `calcite-radio-button-group` on form submission. */
+  /** When `true`, the component must have a value selected from the `calcite-radio-button-group` in order for the form to submit. */
   required: boolean;
   /** Specifies the size of the component inherited from the `calcite-radio-button-group`. */
   scale: Scale;
@@ -72,7 +72,7 @@ export declare class RadioButton implements LabelableComponent, CheckableFormCom
    * Fires only when the radio button is checked.  This behavior is identical to the native HTML input element.
    * Since this event does not fire when the radio button is unchecked, it's not recommended to attach a listener for this event
    * directly on the element, but instead either attach it to a node that contains all of the radio buttons in the group
-   * or use the calciteRadioButtonGroupChange event if using this with calcite-radio-button-group.
+   * or use the `calciteRadioButtonGroupChange` event if using this with `calcite-radio-button-group`.
    */
   calciteRadioButtonChange: EventEmitter<void>;
   /**

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

@@ -5,10 +5,10 @@ import { Layout, Scale } from "../interfaces";
  */
 export declare class RadioButtonGroup {
   el: HTMLCalciteRadioButtonGroupElement;
-  /** When true, interaction is prevented and the component is displayed with lower opacity. */
+  /** When `true`, interaction is prevented and the component is displayed with lower opacity. */
   disabled: boolean;
   onDisabledChange(): void;
-  /** When true, the component is not displayed and its `calcite-radio-button`s are not focusable or checkable. */
+  /** When `true`, the component is not displayed and its `calcite-radio-button`s are not focusable or checkable. */
   hidden: boolean;
   onHiddenChange(): void;
   /** Defines the layout of the component. */
@@ -16,12 +16,12 @@ export declare class RadioButtonGroup {
   onLayoutChange(): void;
   /** Specifies the name of the component on form submission. Must be unique to other component instances. */
   name: string;
-  /** When true, the component must have a value on form submission. */
+  /** When `true`, the component must have a value in order for the form to submit. */
   required: boolean;
   /** Specifies the size of the component. */
   scale: Scale;
   onScaleChange(): void;
-  mutationObserver: MutationObserver;
+  mutationObserver: import("../../utils/observers").ExtendedMutationObserver;
   connectedCallback(): void;
   disconnectedCallback(): void;
   private passPropsToRadioButtons;

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

@@ -11,10 +11,10 @@ export declare class RadioGroup implements LabelableComponent, FormComponent, In
   el: HTMLCalciteRadioGroupElement;
   /** Specifies the appearance style of the component. */
   appearance: RadioAppearance;
-  /** When true, interaction is prevented and the component is displayed with lower opacity. */
+  /** When `true`, interaction is prevented and the component is displayed with lower opacity. */
   disabled: boolean;
   /**
-   * When true, the component must have a value on form submission.
+   * When `true`, the component must have a value in order for the form to submit.
    *
    * @internal
    */
@@ -27,7 +27,7 @@ export declare class RadioGroup implements LabelableComponent, FormComponent, In
   name: string;
   /** Specifies the size of the component. */
   scale: Scale;
-  /** The component's "selectedItem" value. */
+  /** The component's `selectedItem` value. */
   value: string;
   valueHandler(value: string): void;
   /**

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

@@ -2,26 +2,26 @@ import { EventEmitter, VNode } from "../../stencil-public-runtime";
 import { Position } from "../interfaces";
 export declare class RadioGroupItem {
   el: HTMLCalciteRadioGroupItemElement;
-  /** When true, the component is checked. */
+  /** When `true`, the component is checked. */
   checked: boolean;
   protected handleCheckedChange(): void;
   /**
-   * Optionally pass an icon to display - accepts Calcite UI icon names
+   * Specifies an icon to display.
    *
-   * @deprecated Use either iconStart or iconEnd but do not combine them with icon & iconPosition.
+   * @deprecated Use either `iconStart` or `iconEnd` but do not combine them with `icon` and `iconPosition`.
    */
   icon?: string;
-  /** When true, the icon will be flipped when the element direction is right-to-left ("rtl"). */
+  /** When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`). */
   iconFlipRtl: boolean;
   /**
-   * Optionally used with icon, select where to position the icon
+   * Specifies the placement of the icon.
    *
-   * @deprecated Use either iconStart or iconEnd but do not combine them with icon & iconPosition.
+   * @deprecated Use either `iconStart` or `iconEnd` but do not combine them with `icon` and `iconPosition`.
    */
   iconPosition?: Position;
-  /** Optionally pass an icon to display at the start - accepts Calcite UI icon names */
+  /** Specifies an icon to display at the start of the component. */
   iconStart?: string;
-  /** Optionally pass an icon to display at the end - accepts Calcite UI icon names */
+  /** Specifies an icon to display at the end of the component. */
   iconEnd?: string;
   /**
    * The component's value.

package/dist/types/components/rating/assets/rating/t9n/index.d.ts

@@ -0,0 +1,4 @@
+export type Messages = {
+  rating: string;
+  stars: string;
+};

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

@@ -9,11 +9,11 @@ export declare class Rating implements LabelableComponent, FormComponent, Intera
   scale: Scale;
   /** The component's value. */
   value: number;
-  /** When true, the component's value can be read, but cannot be modified. */
+  /** When `true`, the component's value can be read, but cannot be modified. */
   readOnly: boolean;
-  /** When true, interaction is prevented and the component is displayed with lower opacity. */
+  /** When `true`, interaction is prevented and the component is displayed with lower opacity. */
   disabled: boolean;
-  /** When true, and if available, displays the "average" and/or "count" data summary in a `calcite-chip`. */
+  /** When `true`, and if available, displays the `average` and/or `count` data summary in a `calcite-chip`. */
   showChip: boolean;
   /** Specifies the number of previous ratings to display. */
   count?: number;
@@ -34,7 +34,7 @@ export declare class Rating implements LabelableComponent, FormComponent, Intera
    */
   intlStars?: string;
   /**
-   * When true, the component must have a value on form submission.
+   * When `true`, the component must have a value in order for the form to submit.
    *
    * @internal
    */

package/dist/types/components/scrim/assets/scrim/t9n/index.d.ts

@@ -0,0 +1,3 @@
+export type Messages = {
+  loading: string;
+};

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

@@ -10,7 +10,7 @@ export declare class Scrim {
    */
   intlLoading?: string;
   /**
-   * When true, a busy indicator is displayed.
+   * When `true`, a busy indicator is displayed.
    */
   loading: boolean;
   el: HTMLCalciteScrimElement;

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

@@ -8,7 +8,7 @@ import { InteractiveComponent } from "../../utils/interactive";
  */
 export declare class Select implements LabelableComponent, FormComponent, InteractiveComponent {
   /**
-   * When true, interaction is prevented and the component is displayed with lower opacity.
+   * When `true`, interaction is prevented and the component is displayed with lower opacity.
    */
   disabled: boolean;
   /**
@@ -21,7 +21,7 @@ export declare class Select implements LabelableComponent, FormComponent, Intera
    */
   name: string;
   /**
-   * When true, the component must have a value on form submission.
+   * When `true`, the component must have a value in order for the form to submit.
    *
    * @internal
    */
@@ -30,7 +30,7 @@ export declare class Select implements LabelableComponent, FormComponent, Intera
    * Specifies the size of the component.
    */
   scale: Scale;
-  /** The component's "selectedOption" value. */
+  /** The component's `selectedOption` value. */
   value: string;
   valueHandler(value: string): void;
   /**
@@ -58,7 +58,7 @@ export declare class Select implements LabelableComponent, FormComponent, Intera
   /** Sets focus on the component. */
   setFocus(): Promise<void>;
   /**
-   * Fires when the selected option changes.
+   * Fires when the `selectedOption` changes.
    */
   calciteSelectChange: EventEmitter<void>;
   private handleInternalSelectChange;

package/dist/types/components/shell-center-row/shell-center-row.d.ts

@@ -7,7 +7,7 @@ import { ConditionalSlotComponent } from "../../utils/conditionalSlot";
  */
 export declare class ShellCenterRow implements ConditionalSlotComponent {
   /**
-   * When true, the content area displays like a floating panel.
+   * When `true`, the content area displays like a floating panel.
    */
   detached: boolean;
   /**
@@ -15,7 +15,7 @@ export declare class ShellCenterRow implements ConditionalSlotComponent {
    */
   heightScale: Scale;
   /**
-   * Specifies the component's position. Will be flipped when the element direction is right-to-left ("rtl").
+   * Specifies the component's position. Will be flipped when the element direction is right-to-left (`"rtl"`).
    */
   position: Position;
   el: HTMLCalciteShellCenterRowElement;

package/dist/types/components/shell-panel/assets/shell-panel/t9n/index.d.ts

@@ -0,0 +1,3 @@
+export type Messages = {
+  resize: string;
+};

package/dist/types/components/shell-panel/shell-panel.d.ts

@@ -7,16 +7,16 @@ import { ConditionalSlotComponent } from "../../utils/conditionalSlot";
  */
 export declare class ShellPanel implements ConditionalSlotComponent {
   /**
-   * When true, hides the component's content area.
+   * When `true`, hides the component's content area.
    */
   collapsed: boolean;
   watchHandler(): void;
   /**
-   * When true, the content area displays like a floating panel.
+   * When `true`, the content area displays like a floating panel.
    */
   detached: boolean;
   /**
-   * When "detached", specifies the maximum height of the component.
+   * When `detached`, specifies the maximum height of the component.
    */
   detachedHeightScale: Scale;
   /**
@@ -24,7 +24,7 @@ export declare class ShellPanel implements ConditionalSlotComponent {
    */
   widthScale: Scale;
   /**
-   * Specifies the component's position. Will be flipped when the element direction is right-to-left ("rtl").
+   * Specifies the component's position. Will be flipped when the element direction is right-to-left (`"rtl"`).
    */
   position: Position;
   /**
@@ -34,7 +34,7 @@ export declare class ShellPanel implements ConditionalSlotComponent {
    */
   intlResize: string;
   /**
-   * When true and not "detached", the component's content area is resizable.
+   * When `true` and not `detached`, the component's content area is resizable.
    */
   resizable: boolean;
   connectedCallback(): void;
@@ -53,7 +53,7 @@ export declare class ShellPanel implements ConditionalSlotComponent {
   /**
    * Emitted when collapse has been toggled.
    *
-   * @deprecated use a resizeObserver on the component to listen for changes to its size.
+   * @deprecated use a `ResizeObserver` on the component to listen for changes to its size.
    */
   calciteShellPanelToggle: EventEmitter<void>;
   renderHeader(): VNode;

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

@@ -4,19 +4,19 @@ import { Scale } from "../interfaces";
 import { LabelableComponent } from "../../utils/label";
 import { FormComponent } from "../../utils/form";
 import { InteractiveComponent } from "../../utils/interactive";
-import { GlobalAttrComponent } from "../../utils/globalAttributes";
-export declare class Slider implements LabelableComponent, FormComponent, InteractiveComponent, GlobalAttrComponent {
+import { LocalizedComponent, NumberingSystem } from "../../utils/locale";
+export declare class Slider implements LabelableComponent, FormComponent, InteractiveComponent, LocalizedComponent {
   el: HTMLCalciteSliderElement;
-  /** When true, interaction is prevented and the component is displayed with lower opacity. */
+  /** When `true`, interaction is prevented and the component is displayed with lower opacity. */
   disabled: boolean;
   /**
-   * When true, number values are displayed with a group separator corresponding to the language and country format.
+   * When `true`, number values are displayed with a group separator corresponding to the language and country format.
    */
   groupSeparator: boolean;
-  /** When true, indicates a histogram is present. */
+  /** When `true`, indicates a histogram is present. */
   hasHistogram: boolean;
   /**
-   * A list of the histogram's x,y coordinates within the component's "min" and "max". Displays above the component's track.
+   * A list of the histogram's x,y coordinates within the component's `min` and `max`. Displays above the component's track.
    *
    * @see [DataSeries](https://github.com/Esri/calcite-components/blob/master/src/components/graph/interfaces.ts#L5)
    */
@@ -26,24 +26,24 @@ export declare class Slider implements LabelableComponent, FormComponent, Intera
    * A set of single color stops for a histogram, sorted by offset ascending.
    */
   histogramStops: ColorStop[];
-  /** When true, displays label handles with their numeric value. */
+  /** When `true`, displays label handles with their numeric value. */
   labelHandles: boolean;
-  /** When true and "ticks" is specified, displays label tick marks with their numeric value. */
+  /** When `true` and `ticks` is specified, displays label tick marks with their numeric value. */
   labelTicks: boolean;
   /** The component's maximum selectable value. */
   max: number;
-  /** For multiple selections, the accessible name for the second handle, such as "Temperature, upper bound". */
+  /** For multiple selections, the accessible name for the second handle, such as `"Temperature, upper bound"`. */
   maxLabel?: string;
   /** For multiple selections, the component's upper value. */
   maxValue?: number;
   /** The component's minimum selectable value. */
   min: number;
-  /** Accessible name for first (or only) handle, such as "Temperature, lower bound". */
+  /** Accessible name for first (or only) handle, such as `"Temperature, lower bound"`. */
   minLabel: string;
   /** For multiple selections, the component's lower value. */
   minValue?: number;
   /**
-   * When true, the slider will display values from high to low.
+   * When `true`, the slider will display values from high to low.
    *
    * Note that this value will be ignored if the slider has an associated histogram.
    */
@@ -52,19 +52,17 @@ export declare class Slider implements LabelableComponent, FormComponent, Intera
   name: string;
   /**
    * Specifies the Unicode numeral system used by the component for localization.
-   *
-   * @mdn [numberingSystem](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/Locale/numberingSystem)
    */
-  numberingSystem?: string;
+  numberingSystem?: NumberingSystem;
   /** Specifies the interval to move with the page up, or page down keys. */
   pageStep?: number;
-  /** When true, sets a finer point for handles. */
+  /** When `true`, sets a finer point for handles. */
   precise: boolean;
   /**
-   * When true, the component must have a value on form submission.
+   * When `true`, the component must have a value in order for the form to submit.
    */
   required: boolean;
-  /** When true, enables snap selection in coordination with "step" via a mouse. */
+  /** When `true`, enables snap selection in coordination with `step` via a mouse. */
   snap: boolean;
   /** Specifies the interval to move with the up, or down keys. */
   step?: number;
@@ -100,7 +98,7 @@ export declare class Slider implements LabelableComponent, FormComponent, Intera
    * Fires when the thumb is released on the component.
    *
    * **Note:** If you need to constantly listen to the drag event,
-   * use "calciteSliderInput" instead.
+   * use `calciteSliderInput` instead.
    */
   calciteSliderChange: EventEmitter<void>;
   /**
@@ -110,7 +108,7 @@ export declare class Slider implements LabelableComponent, FormComponent, Intera
    * expensive operations consider using a debounce or throttle to avoid
    * locking up the main thread.
    *
-   * @deprecated use "calciteSliderInput" instead.
+   * @deprecated use `calciteSliderInput` instead.
    */
   calciteSliderUpdate: EventEmitter<void>;
   /** Sets focus on the component. */
@@ -118,6 +116,7 @@ export declare class Slider implements LabelableComponent, FormComponent, Intera
   labelEl: HTMLCalciteLabelElement;
   formEl: HTMLFormElement;
   defaultValue: Slider["value"];
+  private activeProp;
   private guid;
   private dragProp;
   private lastDragProp;
@@ -125,30 +124,30 @@ export declare class Slider implements LabelableComponent, FormComponent, Intera
   private minHandle;
   private maxHandle;
   private trackEl;
-  private activeProp;
+  effectiveLocale: string;
   private minMaxValueRange;
   private minValueDragRange;
   private maxValueDragRange;
   private tickValues;
-  globalAttributes: {};
   setValueFromMinMax(): void;
   setMinMaxFromValue(): void;
   onLabelClick(): void;
   private shouldMirror;
   private shouldUseMinValue;
   private generateTickValues;
+  private pointerDownDragStart;
   private dragStart;
   private focusActiveHandle;
   private dragUpdate;
   private emitInput;
   private emitChange;
+  private pointerUpDragEnd;
   private dragEnd;
   private removeDragListeners;
   /**
-   * Set the prop value if changed at the component level
+   * Set prop value(s) if changed at the component level
    *
-   * @param valueProp
-   * @param value
+   * @param {object} values - a set of key/value pairs delineating what properties in the component to update
    */
   private setValue;
   /**
@@ -228,7 +227,7 @@ export declare class Slider implements LabelableComponent, FormComponent, Intera
    */
   private isMaxTickLabelObscured;
   /**
-   * Returns a string representing the localized label value based on groupSeparator prop being on or off.
+   * Returns a string representing the localized label value based if the groupSeparator prop is parsed.
    *
    * @param value
    */

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

@@ -35,7 +35,7 @@ export declare class SortableList implements InteractiveComponent {
   el: HTMLCalciteSortableListElement;
   handleActivated: boolean;
   items: Element[];
-  mutationObserver: MutationObserver;
+  mutationObserver: import("../../utils/observers").ExtendedMutationObserver;
   sortable: Sortable;
   connectedCallback(): void;
   disconnectedCallback(): void;

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

@@ -12,11 +12,11 @@ export declare class SplitButton implements InteractiveComponent {
   appearance: ButtonAppearance;
   /** Specifies the color of the component. */
   color: ButtonColor;
-  /** When true, interaction is prevented and the component is displayed with lower opacity. */
+  /** When `true`, interaction is prevented and the component is displayed with lower opacity. */
   disabled: boolean;
   handleDisabledChange(value: boolean): void;
   /**
-   * When true, the component is active.
+   * When `true`, the component is active.
    *
    * @internal
    */
@@ -27,21 +27,23 @@ export declare class SplitButton implements InteractiveComponent {
   /** Accessible name for the dropdown menu. */
   dropdownLabel?: string;
   /**
-    When true, a busy indicator is displayed on the primary button.
+    When `true`, a busy indicator is displayed on the primary button.
    */
   loading: boolean;
   /**
    * Determines the type of positioning to use for the overlaid content.
    *
-   * Using the "absolute" value will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout. The "fixed" value should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is "fixed".
+   * Using `"absolute"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout.
+   *
+   * `"fixed"` should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `"fixed"`.
    *
    */
   overlayPositioning: OverlayPositioning;
-  /** Specifies an icon to display at the end of the primary button - accepts Calcite UI icon names. */
+  /** Specifies an icon to display at the end of the primary button. */
   primaryIconEnd?: string;
-  /**  When true, the primary button icon will be flipped when the element direction is right-to-left ("rtl"). */
+  /**  When `true`, the primary button icon will be flipped when the element direction is right-to-left (`"rtl"`). */
   primaryIconFlipRtl?: FlipContext;
-  /** Specifies an icon to display at the start of the primary button - accepts Calcite UI icon names.  */
+  /** Specifies an icon to display at the start of the primary button. */
   primaryIconStart?: string;
   /** Accessible name for the primary button. */
   primaryLabel?: string;