@esri/calcite-components 1.0.0-beta.69 → 1.0.0-beta.72

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

@@ -1,58 +0,0 @@
-import { EventEmitter, VNode } from "../../stencil-public-runtime";
-import { Layout, Scale } from "../interfaces";
-/**
- * @slot - A slot for adding `calcite-stepper-item`s.
- */
-export declare class CalciteStepper {
-  el: HTMLCalciteStepperElement;
-  /** optionally display a status icon next to the step title */
-  icon: boolean;
-  /** specify the layout of stepper, defaults to horizontal */
-  layout: Layout;
-  /** optionally display the number next to the step title */
-  numbered: boolean;
-  /** specify the scale of stepper, defaults to m */
-  scale: Scale;
-  /** @internal */
-  requestedContent: HTMLElement[] | NodeListOf<any>;
-  contentWatcher(): void;
-  /**
-   * This event fires when the active stepper item has changed.
-   * @internal
-   */
-  calciteStepperItemChange: EventEmitter;
-  componentDidLoad(): void;
-  componentWillLoad(): void;
-  render(): VNode;
-  calciteStepperItemKeyEvent(e: CustomEvent): void;
-  registerItem(event: CustomEvent): void;
-  updateItem(event: CustomEvent): void;
-  /** set the next step as active */
-  nextStep(): Promise<void>;
-  /** set the previous step as active */
-  prevStep(): Promise<void>;
-  /** set the requested step as active */
-  goToStep(num: number): Promise<void>;
-  /** set the first step as active */
-  startStep(): Promise<void>;
-  /** set the last step as active */
-  endStep(): Promise<void>;
-  /** created list of Stepper items */
-  private items;
-  /** sorted list of Stepper items */
-  private sortedItems;
-  /** keep track of the currently active item position */
-  private currentPosition;
-  /** the container where we place horizontal layout step content */
-  private stepperContentContainer;
-  private addHorizontalContentContainer;
-  private emitChangedItem;
-  private focusFirstItem;
-  private focusLastItem;
-  private focusNextItem;
-  private focusPrevItem;
-  private itemIndex;
-  private focusElement;
-  private sortItems;
-  private updateContent;
-}

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

@@ -1,65 +0,0 @@
-import { EventEmitter, VNode } from "../../stencil-public-runtime";
-import { Scale } from "../interfaces";
-/**
- * @slot - A slot for adding custom content.
- */
-export declare class CalciteStepperItem {
-  el: HTMLCalciteStepperItemElement;
-  /** is the step active */
-  active: boolean;
-  /** has the step been completed */
-  complete: boolean;
-  /** does the step contain an error that needs to be resolved by the user */
-  error: boolean;
-  /** is the step disabled and not navigable to by a user */
-  disabled: boolean;
-  /** pass a title for the stepper item */
-  itemTitle?: string;
-  /** pass a title for the stepper item */
-  itemSubtitle?: string;
-  /** pass a title for the stepper item */
-  /** @internal */
-  layout?: string;
-  /** should the items display an icon based on status */
-  /** @internal */
-  icon: boolean;
-  /** optionally display the step number next to the title and subtitle */
-  /** @internal */
-  numbered: boolean;
-  /** the scale of the item */
-  /** @internal */
-  scale: Scale;
-  disabledWatcher(): void;
-  /**
-   * @internal
-   */
-  calciteStepperItemKeyEvent: EventEmitter;
-  /**
-   * @internal
-   */
-  calciteStepperItemSelect: EventEmitter;
-  /**
-   * @internal
-   */
-  calciteStepperItemRegister: EventEmitter;
-  componentWillLoad(): void;
-  componentDidLoad(): void;
-  componentDidUpdate(): void;
-  render(): VNode;
-  keyDownHandler(e: KeyboardEvent): void;
-  updateActiveItemOnChange(event: CustomEvent): void;
-  /** position within parent */
-  private itemPosition;
-  /** the latest requested item position*/
-  private activePosition;
-  /** the slotted item content */
-  private itemContent;
-  /** the parent stepper component */
-  private parentStepperEl;
-  private renderIcon;
-  private determineActiveItem;
-  private registerStepperItem;
-  private emitRequestedItem;
-  private getItemContent;
-  private getItemPosition;
-}

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

@@ -1,45 +0,0 @@
-import { EventEmitter, VNode } from "../../stencil-public-runtime";
-import { Scale } from "../interfaces";
-import { LabelableComponent } from "../../utils/label";
-export declare class CalciteSwitch implements LabelableComponent {
-  el: HTMLCalciteSwitchElement;
-  /** True if the switch is disabled */
-  disabled: boolean;
-  disabledWatcher(newDisabled: boolean): void;
-  /** Applies to the aria-label attribute on the switch */
-  label?: string;
-  /** The name of the switch input */
-  name?: string;
-  nameChanged(newName: string): void;
-  /** The scale of the switch */
-  scale: Scale;
-  /** True if the switch is initially on
-   * @deprecated use 'checked' instead.
-   */
-  switched: boolean;
-  switchedWatcher(switched: boolean): void;
-  /** True if the switch is initially on */
-  checked: boolean;
-  checkedWatcher(checked: boolean): void;
-  /** The value of the switch input */
-  value?: any;
-  labelEl: HTMLCalciteLabelElement;
-  private inputEl;
-  guid: string;
-  tabindex: number;
-  /** Sets focus on the component. */
-  setFocus(): Promise<void>;
-  onLabelClick(): void;
-  private setupInput;
-  private toggle;
-  private clickHandler;
-  /**
-   * Fires when the checked value has changed.
-   */
-  calciteSwitchChange: EventEmitter;
-  keyDownHandler(e: KeyboardEvent): void;
-  connectedCallback(): void;
-  disconnectedCallback(): void;
-  componentWillLoad(): void;
-  render(): VNode;
-}

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

@@ -1,42 +0,0 @@
-import { EventEmitter, VNode } from "../../stencil-public-runtime";
-import { TabChangeEventDetail } from "./interfaces";
-import { Scale } from "../interfaces";
-/**
- * @slot - A slot for adding custom content.
- */
-export declare class CalciteTab {
-  el: HTMLCalciteTabElement;
-  /**
-   * Optionally include a unique name for this tab,
-   * be sure to also set this name on the associated title.
-   */
-  tab: string;
-  /**
-   * Show this tab
-   */
-  active: boolean;
-  /** @internal Parent tabs component scale value */
-  scale: Scale;
-  render(): VNode;
-  componentDidLoad(): void;
-  componentWillRender(): void;
-  disconnectedCallback(): void;
-  /**
-   * @internal
-   */
-  calciteTabRegister: EventEmitter;
-  tabChangeHandler(event: CustomEvent<TabChangeEventDetail>): void;
-  /**
-   * Return the index of this tab within the tab array
-   */
-  getTabIndex(): Promise<number>;
-  /**
-   * @internal
-   */
-  private guid;
-  private labeledBy;
-  /**
-   * @internal
-   */
-  updateAriaInfo(tabIds?: string[], titleIds?: string[]): Promise<void>;
-}

package/dist/types/components/calcite-tab-nav/calcite-tab-nav.d.ts

@@ -1,74 +0,0 @@
-import { EventEmitter, VNode } from "../../stencil-public-runtime";
-import { TabChangeEventDetail } from "../calcite-tab/interfaces";
-import { TabID, TabLayout } from "../calcite-tabs/interfaces";
-import { TabPosition } from "../calcite-tabs/interfaces";
-import { Scale } from "../interfaces";
-/**
- * @slot - A slot for adding `calcite-tab-title`s.
- */
-export declare class CalciteTabNav {
-  el: HTMLCalciteTabNavElement;
-  /**
-   * Name to use when saving selected tab data to localStorage
-   */
-  storageId: string;
-  /**
-   * Pass the same string to multiple tab navs to keep them all in sync if one changes
-   */
-  syncId: string;
-  /** @internal Parent tabs component scale value */
-  scale: Scale;
-  /** @internal Parent tabs component layout value */
-  layout: TabLayout;
-  /** @internal Parent tabs component position value */
-  position: TabPosition;
-  /** @internal Parent tabs component bordered value when layout is "inline" */
-  bordered: boolean;
-  /**
-   * @internal
-   */
-  selectedTab: TabID;
-  /**
-   * @internal
-   */
-  selectedTabEl: HTMLCalciteTabTitleElement;
-  /**
-   * @internal
-   */
-  indicatorOffset: number;
-  /**
-   * @internal
-   */
-  indicatorWidth: number;
-  selectedTabChanged(): Promise<void>;
-  selectedTabElChanged(): void;
-  componentWillLoad(): void;
-  componentWillRender(): void;
-  componentDidRender(): void;
-  render(): VNode;
-  resizeHandler(): void;
-  focusPreviousTabHandler(e: CustomEvent): void;
-  focusNextTabHandler(e: CustomEvent): void;
-  activateTabHandler(e: CustomEvent<TabChangeEventDetail>): void;
-  /**
-   * Check for active tabs on register and update selected
-   */
-  updateTabTitles(e: CustomEvent<TabID>): void;
-  globalTabChangeHandler(e: CustomEvent<TabChangeEventDetail>): void;
-  /**
-   * Emitted when the active tab changes
-   * @see [TabChangeEventDetail](https://github.com/Esri/calcite-components/blob/master/src/components/calcite-tab/interfaces.ts#L1)
-   */
-  calciteTabChange: EventEmitter<TabChangeEventDetail>;
-  private tabNavEl;
-  private activeIndicatorEl;
-  private activeIndicatorContainerEl;
-  private animationActiveDuration;
-  private handleContainerScroll;
-  private updateOffsetPosition;
-  private updateActiveWidth;
-  private getIndexOfTabTitle;
-  private getTabTitleById;
-  private get tabTitles();
-  private get enabledTabTitles();
-}

package/dist/types/components/calcite-tab-title/calcite-tab-title.d.ts

@@ -1,92 +0,0 @@
-import { EventEmitter, VNode } from "../../stencil-public-runtime";
-import { TabChangeEventDetail } from "../calcite-tab/interfaces";
-import { TabID, TabLayout, TabPosition } from "../calcite-tabs/interfaces";
-import { FlipContext, Scale } from "../interfaces";
-/**
- * @slot - A slot for adding text.
- */
-export declare class CalciteTabTitle {
-  el: HTMLCalciteTabTitleElement;
-  /** Show this tab title as selected */
-  active: boolean;
-  /** Disable this tab title  */
-  disabled: boolean;
-  /** optionally pass an icon to display at the end of a tab title - accepts calcite ui icon names  */
-  iconEnd?: string;
-  /** flip the icon(s) in rtl */
-  iconFlipRtl?: FlipContext;
-  /** optionally pass an icon to display at the start of a tab title - accepts calcite ui icon names  */
-  iconStart?: string;
-  /** @internal Parent tabs component layout value */
-  layout: TabLayout;
-  /** @internal Parent tabs component or parent tab-nav component's position */
-  position: TabPosition;
-  /** @internal Parent tabs component or parent tab-nav component's scale */
-  scale: Scale;
-  /** @internal Parent tabs component bordered value */
-  bordered: boolean;
-  /**
-   * Optionally include a unique name for the tab title,
-   * be sure to also set this name on the associated tab.
-   */
-  tab?: string;
-  activeTabChanged(): void;
-  connectedCallback(): void;
-  disconnectedCallback(): void;
-  componentWillLoad(): void;
-  componentWillRender(): void;
-  render(): VNode;
-  componentDidLoad(): Promise<void>;
-  tabChangeHandler(event: CustomEvent<TabChangeEventDetail>): void;
-  onClick(): void;
-  keyDownHandler(e: KeyboardEvent): void;
-  /**
-   * Fires when a specific tab is activated (`event.details`)
-   * @see [TabChangeEventDetail](https://github.com/Esri/calcite-components/blob/master/src/components/calcite-tab/interfaces.ts#L1)
-   */
-  calciteTabsActivate: EventEmitter<TabChangeEventDetail>;
-  /**
-   * @internal
-   */
-  calciteTabsFocusNext: EventEmitter;
-  /**
-   * @internal
-   */
-  calciteTabsFocusPrevious: EventEmitter;
-  /**
-   * @internal
-   */
-  calciteTabTitleRegister: EventEmitter<TabID>;
-  /**
-   * Return the index of this title within the nav
-   */
-  getTabIndex(): Promise<number>;
-  /**
-   * @internal
-   */
-  getTabIdentifier(): Promise<TabID>;
-  /**
-   * @internal
-   */
-  updateAriaInfo(tabIds?: string[], titleIds?: string[]): Promise<void>;
-  /** watches for changing text content **/
-  private mutationObserver;
-  private controls;
-  /** determine if there is slotted text for styling purposes */
-  private hasText;
-  /**
-   * @internal
-   */
-  private parentTabNavEl;
-  /**
-   * @internal
-   */
-  private parentTabsEl;
-  private updateHasText;
-  private setupTextContentObserver;
-  private emitActiveTab;
-  /**
-   * @internal
-   */
-  private guid;
-}

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

@@ -1,65 +0,0 @@
-import { VNode } from "../../stencil-public-runtime";
-import { TabLayout, TabPosition } from "./interfaces";
-import { Scale } from "../interfaces";
-/**
- * @slot - A slot for adding `calcite-tab`s.
- * @slot tab-nav - A slot for adding a tab navigation component.
- */
-export declare class CalciteTabs {
-  el: HTMLCalciteTabsElement;
-  /**
-   * Align tab titles to the edge or fully justify them across the tab nav ("center")
-   */
-  layout: TabLayout;
-  /**
-   * Display the tabs above (default) or below the tab content
-   */
-  position: TabPosition;
-  /**
-   * Specify the scale of the tabs component, defaults to m
-   */
-  scale: Scale;
-  /**
-   * Optionally enable tabs to appear like a folder-style menu when its layout is "inline"
-   */
-  bordered: boolean;
-  connectedCallback(): void;
-  render(): VNode;
-  /**
-   * @internal
-   */
-  calciteTabTitleRegister(e: CustomEvent): void;
-  /**
-   * @internal
-   */
-  calciteTabTitleUnregister(e: CustomEvent): void;
-  /**
-   * @internal
-   */
-  calciteTabRegister(e: CustomEvent): void;
-  /**
-   * @internal
-   */
-  calciteTabUnregister(e: CustomEvent): void;
-  /**
-   * @internal
-   *
-   * Stores an array of ids of `<calcite-tab-titles>`s to match up ARIA
-   * attributes.
-   */
-  titles: HTMLCalciteTabTitleElement[];
-  /**
-   * @internal
-   *
-   * Stores an array of ids of `<calcite-tab>`s to match up ARIA attributes.
-   */
-  tabs: HTMLCalciteTabElement[];
-  /**
-   * @internal
-   *
-   * Matches up elements from the internal `tabs` and `titles` to automatically
-   * update the ARIA attributes and link `<calcite-tab>` and
-   * `<calcite-tab-title>` components.
-   */
-  private registryHandler;
-}

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

@@ -1,33 +0,0 @@
-import { VNode } from "../../stencil-public-runtime";
-/**
- * @slot content-start - A slot for adding non-actionable elements before the tile content.
- * @slot content-end - A slot for adding non-actionable elements after the tile content.
- */
-export declare class CalciteTile {
-  el: HTMLCalciteTileElement;
-  /** The active state of the tile. */
-  active: boolean;
-  /** The description text that appears beneath the heading of the tile. */
-  description?: string;
-  /**
-   * When true, prevents interaction.
-   */
-  disabled: boolean;
-  /** The embed mode of the tile.  When true, renders without a border and padding for use by other components. */
-  embed: boolean;
-  /**
-   * The focused state of the tile.
-   * @internal
-   */
-  focused: boolean;
-  /** The heading text that appears between the icon and description of the tile. */
-  heading?: string;
-  /** The hidden state of the tile. */
-  hidden: boolean;
-  /** The (optional) url for the tile. (Only applies when embed is set to false) */
-  href?: string;
-  /** The icon that appears at the top of the tile. */
-  icon?: string;
-  renderTile(): VNode;
-  render(): VNode;
-}

package/dist/types/components/calcite-tile-select/calcite-tile-select.d.ts

@@ -1,57 +0,0 @@
-import { EventEmitter, VNode } from "../../stencil-public-runtime";
-import { Alignment, Width } from "../interfaces";
-import { TileSelectType } from "./interfaces";
-/**
- * @slot - A slot for adding custom content.
- */
-export declare class CalciteTileSelect {
-  el: HTMLCalciteTileSelectElement;
-  /** The checked state of the tile select. */
-  checked: boolean;
-  checkedChanged(newChecked: boolean): void;
-  /** The description text that appears beneath the heading of the tile. */
-  description?: string;
-  /** The disabled state of the tile select. */
-  disabled: boolean;
-  /** The heading text that appears between the icon and description of the tile. */
-  heading?: string;
-  /** The hidden state of the tile select. */
-  hidden: boolean;
-  /** The icon that appears at the top of the tile. */
-  icon?: string;
-  /** The name of the tile select.  This name will appear in form submissions as either a radio or checkbox identifier based on the `type` property. */
-  name: string;
-  nameChanged(newName: string): void;
-  /** Display an interactive radio or checkbox. */
-  inputEnabled: boolean;
-  /** The side of the tile that the radio or checkbox appears on when inputEnabled is true. */
-  inputAlignment: Extract<"end" | "start", Alignment>;
-  /** The selection mode of the tile select: radio (single) or checkbox (multiple). */
-  type: TileSelectType;
-  /** The value of the tile select.  This value will appear in form submissions when this tile select is checked. */
-  value?: any;
-  /** specify the width of the tile, defaults to auto */
-  width: Extract<"auto" | "full", Width>;
-  private input;
-  guid: string;
-  /** The focused state of the tile-select. */
-  focused: boolean;
-  /**
-   * Emits a custom change event.  For checkboxes, it emits when the checkbox is checked or unchecked.  For radios it only emits when it is checked.
-   */
-  calciteTileSelectChange: EventEmitter;
-  /** Sets focus on the component. */
-  setFocus(): Promise<void>;
-  checkboxChangeHandler(event: CustomEvent): void;
-  checkboxFocusHandler(event: CustomEvent): void;
-  radioButtonChangeHandler(event: CustomEvent): void;
-  radioButtonCheckedChangeHandler(event: CustomEvent): void;
-  radioButtonFocusHandler(event: CustomEvent): void;
-  click(event: MouseEvent): void;
-  mouseenter(): void;
-  mouseleave(): void;
-  connectedCallback(): void;
-  disconnectedCallback(): void;
-  private renderInput;
-  render(): VNode;
-}

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

@@ -1,123 +0,0 @@
-import { VNode, EventEmitter } from "../../stencil-public-runtime";
-import { Scale } from "../interfaces";
-import { Meridiem, Time, TimeFocusId, HourDisplayFormat } from "../../utils/time";
-export declare class CalciteTimePicker {
-  el: HTMLCalciteTimePickerElement;
-  /** 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"
-   */
-  intlHour: string;
-  /** aria-label for the hour down button
-   * @default "Decrease hour"
-   */
-  intlHourDown: string;
-  /** aria-label for the hour up button
-   * @default "Increase hour"
-   */
-  intlHourUp: string;
-  /** aria-label for the meridiem (am/pm) input
-   * @default "AM/PM"
-   */
-  intlMeridiem: string;
-  /** aria-label for the meridiem (am/pm) down button
-   * @default "Decrease AM/PM"
-   */
-  intlMeridiemDown: string;
-  /** aria-label for the meridiem (am/pm) up button
-   * @default "Increase AM/PM"
-   */
-  intlMeridiemUp: string;
-  /** aria-label for the minute input
-   * @default "Minute"
-   */
-  intlMinute: string;
-  /** aria-label for the minute down button
-   * @default "Decrease minute"
-   */
-  intlMinuteDown: string;
-  /** aria-label for the minute up button
-   * @default "Increase minute"
-   */
-  intlMinuteUp: string;
-  /** aria-label for the second input
-   * @default "Second"
-   */
-  intlSecond: string;
-  /** aria-label for the second down button
-   * @default "Decrease second"
-   */
-  intlSecondDown: string;
-  /** aria-label for the second up button
-   * @default "Increase second"
-   */
-  intlSecondUp: string;
-  /** The minute value */
-  minute?: string;
-  /** The second value */
-  second?: string;
-  /** The scale (size) of the time picker */
-  scale: Scale;
-  /** number that specifies the granularity that the value must adhere to */
-  step: number;
-  hourChanged(newHour: string): void;
-  timeChangeHandler(): void;
-  private activeEl;
-  private meridiemEl;
-  private hourEl;
-  private minuteEl;
-  private secondEl;
-  private timeChanged;
-  /** The am/pm value */
-  meridiem: Meridiem;
-  displayHour: string;
-  /**
-   * @internal
-   */
-  calciteTimePickerBlur: EventEmitter<Time>;
-  /**
-   * @internal
-   */
-  calciteTimePickerChange: EventEmitter<Time>;
-  /**
-   * @internal
-   */
-  calciteTimePickerFocus: EventEmitter<Time>;
-  hostBlurHandler(): void;
-  hostFocusHandler(): void;
-  keyDownHandler(event: KeyboardEvent): void;
-  /** Sets focus on the component. */
-  setFocus(target: TimeFocusId): Promise<void>;
-  private decrementHour;
-  private decrementMeridiem;
-  private decrementMinuteOrSecond;
-  private decrementMinute;
-  private decrementSecond;
-  private buttonActivated;
-  private focusHandler;
-  private getDisplayHour;
-  private getTime;
-  private hourDownButtonKeyDownHandler;
-  private hourKeyDownHandler;
-  private hourUpButtonKeyDownHandler;
-  private incrementMeridiem;
-  private incrementHour;
-  private incrementMinuteOrSecond;
-  private incrementMinute;
-  private incrementSecond;
-  private meridiemDownButtonKeyDownHandler;
-  private meridiemKeyDownHandler;
-  private meridiemUpButtonKeyDownHandler;
-  private minuteDownButtonKeyDownHandler;
-  private minuteKeyDownHandler;
-  private minuteUpButtonKeyDownHandler;
-  private secondDownButtonKeyDownHandler;
-  private secondKeyDownHandler;
-  private secondUpButtonKeyDownHandler;
-  private setTime;
-  connectedCallback(): void;
-  render(): VNode;
-}