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

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

@@ -1,18 +0,0 @@
-import { VNode } from "../../stencil-public-runtime";
-import { HeadingLevel } from "../functional/CalciteHeading";
-/**
- * @slot - A slot for adding `calcite-list-item` and `calcite-list-item-group` elements.
- */
-export declare class CalciteListItemGroup {
-  /**
-   * The title used for all nested `calcite-list-item` rows.
-   *
-   */
-  heading: string;
-  /**
-   * Number at which section headings should start for this component.
-   */
-  headingLevel: HeadingLevel;
-  el: HTMLCalciteListItemGroupElement;
-  render(): VNode;
-}

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

@@ -1,27 +0,0 @@
-import { VNode } from "../../stencil-public-runtime";
-import { Scale } from "../interfaces";
-export declare class CalciteLoader {
-  el: HTMLCalciteLoaderElement;
-  /** Show the loader */
-  active: boolean;
-  /** Inline loaders are smaller and will appear to the left of the text */
-  inline: boolean;
-  /** Accessible name for the component */
-  label: string;
-  /** Speficy the scale of the loader. Defaults to "m" */
-  scale: Scale;
-  /** Use indeterminate if finding actual progress value is impossible */
-  type: "indeterminate" | "determinate";
-  /** Percent complete of 100, only valid for determinate indicators */
-  value: number;
-  /** Text which should appear under the loading indicator (optional) */
-  text: string;
-  /** Turn off spacing around the loader */
-  noPadding: boolean;
-  render(): VNode;
-  /**
-   * Return the proper sizes based on the scale property
-   */
-  private getSize;
-  private getInlineSize;
-}

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

@@ -1,88 +0,0 @@
-import { EventEmitter, VNode } from "../../stencil-public-runtime";
-import { Scale } from "../interfaces";
-import { ModalBackgroundColor } from "./interfaces";
-/**
- * @slot header - a slot for adding a modal header
- * @slot content - a slot for adding modal content
- * @slot primary - a slot for adding a primary button
- * @slot secondary - a slot for adding a secondary button
- * @slot back - a slot for adding a back button
- */
-export declare class CalciteModal {
-  el: HTMLCalciteModalElement;
-  /** Add the active attribute to open the modal */
-  active: boolean;
-  /** Optionally pass a function to run before close */
-  beforeClose: (el: HTMLElement) => Promise<void>;
-  /** Disables the display a close button within the Modal */
-  disableCloseButton: boolean;
-  /** Disables the closing of the Modal when clicked outside. */
-  disableOutsideClose: boolean;
-  /** Aria label for the close button */
-  intlClose: string;
-  /** Prevent the modal from taking up the entire screen on mobile */
-  docked: boolean;
-  /** Specify an element to focus when the modal is first opened */
-  firstFocus?: HTMLElement;
-  /** Flag to disable the default close on escape behavior */
-  disableEscape: boolean;
-  /** specify the scale of modal, defaults to m */
-  scale: Scale;
-  /** Set the width of the modal. Can use stock sizes or pass a number (in pixels) */
-  width: Scale | number;
-  /** Set the modal to always be fullscreen (overrides width) */
-  fullscreen: boolean;
-  /** Adds a color bar at the top for visual impact,
-   * Use color to add importance to destructive/workflow dialogs. */
-  color?: "red" | "blue";
-  /** Background color of modal content */
-  backgroundColor: ModalBackgroundColor;
-  /** Turn off spacing around the content area slot */
-  noPadding: boolean;
-  componentWillLoad(): void;
-  connectedCallback(): void;
-  disconnectedCallback(): void;
-  render(): VNode;
-  renderFooter(): VNode;
-  renderCloseButton(): VNode;
-  renderStyle(): VNode;
-  hasFooter: boolean;
-  closeButtonEl: HTMLButtonElement;
-  contentId: string;
-  modalContent: HTMLDivElement;
-  private mutationObserver;
-  previousActiveElement: HTMLElement;
-  titleId: string;
-  private activeTransitionProp;
-  handleEscape(e: KeyboardEvent): void;
-  /** Fired when the modal finishes the open animation */
-  calciteModalOpen: EventEmitter;
-  /** Fired when the modal finishes the close animation */
-  calciteModalClose: EventEmitter;
-  /**
-   * Focus first interactive element
-   * @deprecated use `setFocus` instead.
-   */
-  focusElement(el?: HTMLElement): Promise<void>;
-  /**
-   * Sets focus on the component.
-   *
-   * By default, will try to focus on any focusable content. If there is none, it will focus on the close button.
-   * If you want to focus on the close button, you can use the `close-button` focus ID.
-   */
-  setFocus(focusId?: "close-button"): Promise<void>;
-  /** Set the scroll top of the modal content */
-  scrollContent(top?: number, left?: number): Promise<void>;
-  transitionEnd: (event: TransitionEvent) => void;
-  toggleModal(value: boolean, oldValue: boolean): Promise<void>;
-  private openEnd;
-  /** Open the modal */
-  private open;
-  handleOutsideClose: () => void;
-  /** Close the modal, first running the `beforeClose` method */
-  close: () => Promise<void>;
-  focusFirstElement: () => void;
-  focusLastElement: () => void;
-  private removeOverflowHiddenClass;
-  private updateFooterVisibility;
-}

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

@@ -1,51 +0,0 @@
-import { EventEmitter, VNode } from "../../stencil-public-runtime";
-import { Scale, Width } from "../interfaces";
-import { StatusColor } from "../calcite-alert/interfaces";
-/** 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
- * to display a notice on page load and set the "active" attribute as needed to contextually provide inline messaging to users.
- */
-/**
- * @slot title - Title of the notice (optional)
- * @slot message - Main text of the notice
- * @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 {
-  el: HTMLCalciteNoticeElement;
-  /** Is the notice currently active or not */
-  active: boolean;
-  /** Color for the notice (will apply to top border and icon) */
-  color: StatusColor;
-  /** Optionally show a button the user can click to dismiss the notice */
-  dismissible: boolean;
-  /** when used as a boolean set to true, show a default recommended icon. You can
-   * also pass a calcite-ui-icon name to this prop to display a requested icon */
-  icon: string | boolean;
-  /** String for the close button.
-   * @default "Close"
-   */
-  intlClose: string;
-  /** specify the scale of the notice, defaults to m */
-  scale: Scale;
-  /** specify the width of the notice, defaults to auto */
-  width: Width;
-  updateRequestedIcon(): void;
-  componentWillLoad(): void;
-  componentDidLoad(): void;
-  render(): VNode;
-  /** Fired when an notice is closed */
-  calciteNoticeClose: EventEmitter;
-  /** Fired when an Notice is opened */
-  calciteNoticeOpen: EventEmitter;
-  /** Sets focus on the component. */
-  setFocus(): Promise<void>;
-  private close;
-  /** the close button element */
-  private closeButton?;
-  /** the notice link child element  */
-  private noticeLinkEl?;
-  /** the computed icon to render */
-  private requestedIcon?;
-}

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

@@ -1,51 +0,0 @@
-import { EventEmitter, VNode } from "../../stencil-public-runtime";
-import { Scale } from "../interfaces";
-export interface CalcitePaginationDetail {
-  start: number;
-  total: number;
-  num: number;
-}
-export declare class CalcitePagination {
-  /** number of items per page */
-  num: number;
-  /** index of item that should begin the page */
-  start: number;
-  /** total number of items */
-  total: number;
-  /** Used as an accessible label (aria-label) for the next button
-   * @default "Next"
-   */
-  textLabelNext: string;
-  /** Used as an accessible label (aria-label) of the previous button
-   * @default "Previous"
-   */
-  textLabelPrevious: string;
-  /** The scale of the pagination */
-  scale: Scale;
-  el: HTMLCalcitePaginationElement;
-  /**
-   * Emitted whenever the selected page changes.
-   * @deprecated use calcitePaginationChange instead
-   */
-  calcitePaginationUpdate: EventEmitter<CalcitePaginationDetail>;
-  /**
-   * Emitted whenever the selected page changes.
-   * @see [CalcitePaginationDetail](https://github.com/Esri/calcite-components/blob/master/src/components/calcite-pagination/calcite-pagination.tsx#L18)
-   */
-  calcitePaginationChange: EventEmitter<CalcitePaginationDetail>;
-  /** Go to the next page of results */
-  nextPage(): Promise<void>;
-  /** Go to the previous page of results */
-  previousPage(): Promise<void>;
-  private getLastStart;
-  private previousClicked;
-  private nextClicked;
-  private showLeftEllipsis;
-  private showRightEllipsis;
-  private emitUpdate;
-  renderPages(): VNode[];
-  renderPage(start: number): VNode;
-  renderLeftEllipsis(): VNode;
-  renderRightEllipsis(): VNode;
-  render(): VNode;
-}

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

@@ -1,119 +0,0 @@
-import { EventEmitter, VNode } from "../../stencil-public-runtime";
-import { Scale } from "../interfaces";
-import { HeadingLevel } from "../functional/CalciteHeading";
-/**
- * @slot - A slot for adding custom content.
- * @slot header-actions-start - A slot for adding actions or content to the start side of the panel header.
- * @slot header-actions-end - A slot for adding actions or content to the end side of the panel header.
- * @slot header-content - A slot for adding custom content to the header.
- * @slot header-menu-actions - A slot for adding an overflow menu with actions inside a dropdown.
- * @slot fab - A slot for adding a `calcite-fab` (floating action button) to perform an action.
- * @slot footer-actions - A slot for adding buttons to the footer.
- * @slot footer - A slot for adding custom content to the footer.
- */
-export declare class CalcitePanel {
-  /**
-   * Hides the panel.
-   */
-  dismissed: boolean;
-  dismissedHandler(): void;
-  /**
-   * When provided, this method will be called before it is removed from the parent flow.
-   */
-  beforeBack?: () => Promise<void>;
-  /**
-   * When true, disabled prevents interaction. This state shows items with lower opacity/grayed.
-   */
-  disabled: boolean;
-  /**
-   * Displays a close button in the trailing side of the header.
-   */
-  dismissible: boolean;
-  /**
-   * Number at which section headings should start for this component.
-   */
-  headingLevel: HeadingLevel;
-  /**
-   * Shows a back button in the header.
-   */
-  showBackButton: boolean;
-  /**
-   * 'Back' text string.
-   */
-  intlBack?: string;
-  /**
-   * Specifies the maxiumum height of the panel.
-   */
-  heightScale: Scale;
-  /**
-   * This sets width of the panel.
-   */
-  widthScale?: Scale;
-  /**
-   * When true, content is waiting to be loaded. This state shows a busy indicator.
-   */
-  loading: boolean;
-  /**
-   * 'Close' text string for the close button. The close button will only be shown when 'dismissible' is true.
-   */
-  intlClose?: string;
-  /**
-   * 'Options' text string for the actions menu.
-   */
-  intlOptions?: string;
-  /**
-   * Heading text.
-   */
-  heading?: string;
-  /**
-   * Summary text. A description displayed underneath the heading.
-   */
-  summary?: string;
-  /**
-   * Opens the action menu.
-   */
-  menuOpen: boolean;
-  el: HTMLCalcitePanelElement;
-  backButtonEl: HTMLCalciteActionElement;
-  dismissButtonEl: HTMLCalciteActionElement;
-  containerEl: HTMLElement;
-  /**
-   * Emitted when the close button has been clicked.
-   */
-  calcitePanelDismissedChange: EventEmitter;
-  /**
-   * Emitted when the content has been scrolled.
-   */
-  calcitePanelScroll: EventEmitter;
-  /**
-   * Emitted when the back button has been clicked.
-   */
-  calcitePanelBackClick: EventEmitter;
-  setContainerRef: (node: HTMLElement) => void;
-  setDismissRef: (node: HTMLCalciteActionElement) => void;
-  setBackRef: (node: HTMLCalciteActionElement) => void;
-  panelKeyUpHandler: (event: KeyboardEvent) => void;
-  dismiss: () => void;
-  panelScrollHandler: () => void;
-  backButtonClick: () => void;
-  /** Sets focus on the component. */
-  setFocus(focusId?: "dismiss-button" | "back-button"): Promise<void>;
-  renderBackButton(): VNode;
-  renderHeaderContent(): VNode;
-  /**
-   * Allows user to override the entire header-content node.
-   */
-  renderHeaderSlottedContent(): VNode;
-  renderHeaderStartActions(): VNode;
-  renderHeaderActionsEnd(): VNode;
-  renderMenu(): VNode;
-  renderHeaderNode(): VNode;
-  /**
-   * Allows user to override the entire footer node.
-   */
-  renderFooterSlottedContent(): VNode;
-  renderFooterActions(): VNode;
-  renderContent(): VNode;
-  renderFab(): VNode;
-  render(): VNode;
-}

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

@@ -1,74 +0,0 @@
-import { EventEmitter, VNode } from "../../stencil-public-runtime";
-import { ICON_TYPES } from "./resources";
-import { ListFocusId, ItemData } from "./shared-list-logic";
-import { HeadingLevel } from "../functional/CalciteHeading";
-/**
- * @slot - A slot for adding `calcite-pick-list-item` elements or `calcite-pick-list-group` elements. Items are displayed as a vertical list.
- * @slot menu-actions - A slot for adding a button + menu combo for performing actions like sorting.
- */
-export declare class CalcitePickList<ItemElement extends HTMLCalcitePickListItemElement = HTMLCalcitePickListItemElement> {
-  /**
-   * When true, disabled prevents interaction. This state shows items with lower opacity/grayed.
-   */
-  disabled: boolean;
-  /**
-   * When true, an input appears at the top of the list that can be used by end users to filter items in the list.
-   */
-  filterEnabled: boolean;
-  /**
-   * Placeholder text for the filter input field.
-   */
-  filterPlaceholder: string;
-  /**
-   * Number at which section headings should start for this component.
-   */
-  headingLevel: HeadingLevel;
-  /**
-   * When true, content is waiting to be loaded. This state shows a busy indicator.
-   */
-  loading: boolean;
-  /**
-   * Multiple works similar to standard radio buttons and checkboxes.
-   * When true, a user can select multiple items at a time.
-   * When false, only a single item can be selected at a time
-   * and selecting a new item will deselect any other selected items.
-   */
-  multiple: boolean;
-  /**
-   * When true and single-selection is enabled, the selection will change when navigating items via the keyboard.
-   */
-  selectionFollowsFocus: boolean;
-  selectedValues: Map<string, ItemElement>;
-  dataForFilter: ItemData;
-  items: ItemElement[];
-  lastSelectedItem: ItemElement;
-  mutationObserver: MutationObserver;
-  el: HTMLCalcitePickListElement;
-  emitCalciteListChange: () => void;
-  filterEl: HTMLCalciteFilterElement;
-  connectedCallback(): void;
-  disconnectedCallback(): void;
-  /**
-   * Emitted when any of the item selections have changed.
-   */
-  calciteListChange: EventEmitter;
-  calciteListItemRemoveHandler(event: CustomEvent<void>): void;
-  calciteListItemChangeHandler(event: CustomEvent): void;
-  calciteListItemPropsChangeHandler(event: CustomEvent): void;
-  calciteListItemValueChangeHandler(event: CustomEvent): void;
-  calciteListFocusOutHandler(event: FocusEvent): void;
-  setUpItems(): void;
-  setUpFilter(): void;
-  setFilterEl: (el: HTMLCalciteFilterElement) => void;
-  deselectSiblingItems: any;
-  selectSiblings: any;
-  handleFilter: any;
-  getItemData: any;
-  keyDownHandler: any;
-  /** Returns the currently selected items */
-  getSelectedItems(): Promise<Map<string, HTMLCalcitePickListItemElement>>;
-  /** Sets focus on the component. */
-  setFocus(focusId?: ListFocusId): Promise<void>;
-  getIconType(): ICON_TYPES;
-  render(): VNode;
-}

package/dist/types/components/calcite-pick-list/shared-list-logic.d.ts

@@ -1,30 +0,0 @@
-import { CalcitePickList } from "./calcite-pick-list";
-import { CalciteValueList } from "../calcite-value-list/calcite-value-list";
-declare type Lists = CalcitePickList | CalciteValueList;
-declare type ListItemElement<T> = T extends CalcitePickList ? HTMLCalcitePickListItemElement : HTMLCalciteValueListItemElement;
-declare type List<T> = T extends CalcitePickList ? CalcitePickList : CalciteValueList;
-export declare type ListFocusId = "filter";
-export declare function mutationObserverCallback<T extends Lists>(this: List<T>): void;
-export declare function initialize<T extends Lists>(this: List<T>): void;
-export declare function initializeObserver<T extends Lists>(this: List<T>): void;
-export declare function cleanUpObserver<T extends Lists>(this: List<T>): void;
-export declare function calciteListItemChangeHandler<T extends Lists>(this: List<T>, event: CustomEvent): void;
-export declare function calciteListItemValueChangeHandler<T extends Lists>(this: List<T>, event: CustomEvent): void;
-export declare function calciteListFocusOutHandler<T extends Lists>(this: List<T>, event: FocusEvent): void;
-export declare function keyDownHandler<T extends Lists>(this: List<T>, event: KeyboardEvent): void;
-export declare function internalCalciteListChangeEvent<T extends Lists>(this: List<T>): void;
-export declare function removeItem<T extends Lists, U extends ListItemElement<T>>(this: List<T>, event: CustomEvent): void;
-export declare function setFocus<T extends Lists>(this: List<T>, focusId: ListFocusId): Promise<void>;
-export declare function setUpItems<T extends Lists>(this: List<T>, tagName: T extends CalcitePickList ? "calcite-pick-list-item" : "calcite-value-list-item"): void;
-export declare function setUpFilter<T extends Lists>(this: List<T>): void;
-export declare function deselectSiblingItems<T extends Lists>(this: List<T>, item: ListItemElement<T>): void;
-export declare function selectSiblings<T extends Lists>(this: List<T>, item: ListItemElement<T>, deselect?: boolean): void;
-export declare function handleFilter<T extends Lists>(this: List<T>, event: CustomEvent): void;
-export declare type ItemData = {
-  label: string;
-  description: string;
-  metadata: Record<string, unknown>;
-  value: string;
-}[];
-export declare function getItemData<T extends Lists>(this: List<T>): ItemData;
-export {};

package/dist/types/components/calcite-pick-list/shared-list-render.d.ts

@@ -1,18 +0,0 @@
-import { FunctionalComponent } from "../../stencil-public-runtime";
-import { JSXBase } from "../../stencil-public-runtime";
-import { handleFilter } from "./shared-list-logic";
-import DOMAttributes = JSXBase.DOMAttributes;
-interface ListProps extends DOMAttributes {
-  disabled: boolean;
-  loading: boolean;
-  filterEnabled: boolean;
-  dataForFilter: any;
-  handleFilter: typeof handleFilter;
-  filterPlaceholder: string;
-  el: HTMLCalcitePickListElement | HTMLCalciteValueListElement;
-  setFilterEl: (el: HTMLCalciteFilterElement) => void;
-}
-export declare const List: FunctionalComponent<{
-  props: ListProps;
-} & DOMAttributes>;
-export default List;

package/dist/types/components/calcite-pick-list-group/calcite-pick-list-group.d.ts

@@ -1,18 +0,0 @@
-import { VNode } from "../../stencil-public-runtime";
-import { HeadingLevel } from "../functional/CalciteHeading";
-/**
- * @slot - A slot for adding `calcite-pick-list-item` elements.
- */
-export declare class CalcitePickListGroup {
-  /**
-   * The title used for all nested `calcite-pick-list` rows.
-   *
-   */
-  groupTitle: string;
-  /**
-   * Number at which section headings should start for this component.
-   */
-  headingLevel: HeadingLevel;
-  el: HTMLCalcitePickListGroupElement;
-  render(): VNode;
-}

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

@@ -1,103 +0,0 @@
-import { EventEmitter, VNode } from "../../stencil-public-runtime";
-import { ICON_TYPES } from "../calcite-pick-list/resources";
-/**
- * @slot actions-end - a slot for adding actions or content to the end side of the item.
- * @slot actions-start - a slot for adding actions or content to the start side of the item.
- */
-export declare class CalcitePickListItem {
-  /**
-   * An optional description for this item.  This will appear below the label text.
-   */
-  description?: string;
-  descriptionWatchHandler(): void;
-  /**
-   * When true, the item cannot be clicked and is visually muted.
-   */
-  disabled?: boolean;
-  /**
-   * When false, the item cannot be deselected by user interaction.
-   */
-  disableDeselect: boolean;
-  /**
-   * @internal When true, the item cannot be selected by user interaction.
-   */
-  nonInteractive: boolean;
-  /**
-   * Determines the icon SVG symbol that will be shown. Options are circle, square, grip or null.
-   * @see [ICON_TYPES](https://github.com/Esri/calcite-components/blob/master/src/components/calcite-pick-list/resources.ts#L5)
-   */
-  icon?: ICON_TYPES | null;
-  /**
-   * The main label for this item. This will appear next to the icon.
-   */
-  label: string;
-  labelWatchHandler(): void;
-  /**
-   * Used to provide additional metadata to an item, primarily used when the parent list has a filter.
-   */
-  metadata?: Record<string, unknown>;
-  metadataWatchHandler(): void;
-  /**
-   * Set this to true to display a remove action that removes the item from the list.
-   */
-  removable?: boolean;
-  /**
-   * Set this to true to pre-select an item. Toggles when an item is checked/unchecked.
-   */
-  selected: boolean;
-  selectedWatchHandler(): void;
-  /**
-   * Used as an accessible label (aria-label) for the "remove item" action. Only applicable if removable is true.
-   * @default "Remove"
-   */
-  intlRemove: string;
-  /**
-   * The item's associated value.
-   */
-  value: any;
-  valueWatchHandler(newValue: any, oldValue: any): void;
-  el: HTMLCalcitePickListItemElement;
-  private focusEl;
-  shiftPressed: boolean;
-  /**
-   * Emitted whenever the item is selected or unselected.
-   */
-  calciteListItemChange: EventEmitter<{
-    item: HTMLCalcitePickListItemElement;
-    value: any;
-    selected: boolean;
-    shiftPressed: boolean;
-  }>;
-  /**
-   * Emitted whenever the remove button is pressed.
-   */
-  calciteListItemRemove: EventEmitter<void>;
-  /**
-   * Emitted whenever the the item's label, description, value or metadata properties are modified.
-   * @internal
-   */
-  calciteListItemPropsChange: EventEmitter<void>;
-  /**
-   * Emitted whenever the the item's value property is modified.
-   * @internal
-   */
-  calciteListItemValueChange: EventEmitter<{
-    oldValue: any;
-    newValue: any;
-  }>;
-  /**
-   * Used to toggle the selection state. By default this won't trigger an event.
-   * The first argument allows the value to be coerced, rather than swapping values.
-   */
-  toggleSelected(coerce?: boolean): Promise<void>;
-  /** Sets focus on the component. */
-  setFocus(): Promise<void>;
-  pickListClickHandler: (event: MouseEvent) => void;
-  pickListKeyDownHandler: (event: KeyboardEvent) => void;
-  removeClickHandler: () => void;
-  renderIcon(): VNode;
-  renderRemoveAction(): VNode;
-  renderActionsStart(): VNode;
-  renderActionsEnd(): VNode;
-  render(): VNode;
-}