@esri/calcite-components/dist/types/components/action-pad/action-pad.d.ts

Web Components for Esri's Calcite Design System.

import { Event, EventEmitter, VNode } from "../../stencil-public-runtime";
import { ConditionalSlotComponent } from "../../utils/conditionalSlot";
import { LoadableComponent } from "../../utils/loadable";
import { LocalizedComponent } from "../../utils/locale";
import { T9nComponent } from "../../utils/t9n";
import { Layout, Position, Scale } from "../interfaces";
import { ActionPadMessages } from "./assets/action-pad/t9n";
/**
 * @slot - A slot for adding `calcite-action`s to the component.
 * @slot expand-tooltip - A slot to set the `calcite-tooltip` for the expand toggle.
 */
export declare class ActionPad implements ConditionalSlotComponent, LoadableComponent, LocalizedComponent, T9nComponent {
  /**
   * When `true`, the expand-toggling behavior is disabled.
   */
  expandDisabled: boolean;
  /**
   * When `true`, the component is expanded.
   */
  expanded: boolean;
  expandedHandler(expanded: boolean): void;
  /**
   * Indicates the layout of the component.
   */
  layout: Layout;
  layoutHandler(): void;
  /**
   * Arranges the component depending on the element's `dir` property.
   */
  position: Position;
  /**
   * Specifies the size of the expand `calcite-action`.
   */
  scale: Scale;
  /**
   * Made into a prop for testing purposes only
   *
   * @internal
   */
  messages: ActionPadMessages;
  /**
   * Use this property to override individual strings used by the component.
   */
  messageOverrides: Partial<ActionPadMessages>;
  onMessagesChange(): void;
  /**
   * Emits when the `expanded` property is toggled.
   */
  calciteActionPadToggle: EventEmitter<void>;
  el: HTMLCalciteActionPadElement;
  mutationObserver: import("../../utils/observers").ExtendedMutationObserver;
  expandToggleEl: HTMLCalciteActionElement;
  effectiveLocale: string;
  effectiveLocaleChange(): void;
  defaultMessages: ActionPadMessages;
  connectedCallback(): void;
  disconnectedCallback(): void;
  componentWillLoad(): Promise<void>;
  componentDidLoad(): void;
  /**
   * Sets focus on the component's first focusable element.
   */
  setFocus(): Promise<void>;
  actionMenuOpenHandler: (event: CustomEvent<void>) => void;
  toggleExpand: () => void;
  setExpandToggleRef: (el: HTMLCalciteActionElement) => void;
  updateGroups(): void;
  setGroupLayout(groups: HTMLCalciteActionGroupElement[]): void;
  handleDefaultSlotChange: (event: Event) => void;
  renderBottomActionGroup(): VNode;
  render(): VNode;
}