@esri/calcite-components 1.0.0-beta.90 → 1.0.0-beta.93

package/dist/types/components/action-pad/resources.d.ts

@@ -1,11 +1,11 @@
-export declare const CSS: {
-  actionGroupBottom: string;
-  container: string;
-};
-export declare const TEXT: {
-  expand: string;
-  collapse: string;
-};
-export declare const SLOTS: {
-  expandTooltip: string;
-};
+export declare const CSS: {
+  actionGroupBottom: string;
+  container: string;
+};
+export declare const TEXT: {
+  expand: string;
+  collapse: string;
+};
+export declare const SLOTS: {
+  expandTooltip: string;
+};

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

@@ -1,100 +1,105 @@
-import { EventEmitter, VNode } from "../../stencil-public-runtime";
-import { Scale } from "../interfaces";
-import { AlertDuration, AlertPlacement, StatusColor, Sync } from "./interfaces";
-import { OpenCloseComponent } from "../../utils/openCloseComponent";
-/**
- * Alerts are meant to provide a way to communicate urgent or important information to users, frequently as a result of an action they took in your app. Alerts are positioned
- * at the bottom of the page. Multiple opened alerts will be added to a queue, allowing users to dismiss them in the order they are provided.
- */
-/**
- * @slot title - A slot for optionally adding a title to the component.
- * @slot message - A slot for adding main text to the component.
- * @slot link - A slot for optionally adding an action to take from the alert (undo, try again, link to page, etc.)
- */
-export declare class Alert implements OpenCloseComponent {
-  el: HTMLCalciteAlertElement;
-  /** When true, the component is active. */
-  active: boolean;
-  watchActive(): void;
-  /** When true, the component closes automatically (recommended for passive, non-blocking alerts). */
-  autoDismiss: boolean;
-  /** Specifies the duration before the component automatically closes (only use with `autoDismiss`). */
-  autoDismissDuration: AlertDuration;
-  /** Specifies the color for the component (will apply to top border and icon). */
-  color: StatusColor;
-  /**
-   * When true, shows a default recommended icon. Alternatively,
-   * pass a Calcite UI Icon name to display a specific icon.
-   */
-  icon: string | boolean;
-  /**
-   * Specifies the text label for the close button.
-   *
-   * @default "Close"
-   */
-  intlClose: string;
-  /** Specifies an accessible name for the component. */
-  label: string;
-  /** Specifies the placement of the component */
-  placement: AlertPlacement;
-  /** Specifies the size of the component. */
-  scale: Scale;
-  updateRequestedIcon(): void;
-  updateDuration(): void;
-  connectedCallback(): void;
-  componentWillLoad(): void;
-  disconnectedCallback(): void;
-  render(): VNode;
-  /** Fires when the component is requested to be closed and before the closing transition begins. */
-  calciteAlertBeforeClose: EventEmitter<void>;
-  /** Fires when the component is closed and animation is complete. */
-  calciteAlertClose: EventEmitter<void>;
-  /** Fires when the component is added to the DOM but not rendered, and before the opening transition begins. */
-  calciteAlertBeforeOpen: EventEmitter<void>;
-  /** Fires when the component is open and animation is complete. */
-  calciteAlertOpen: EventEmitter<void>;
-  /**
-   * Fires to sync queue when opened or closed.
-   *
-   * @internal
-   */
-  calciteInternalAlertSync: EventEmitter<Sync>;
-  /**
-   * Fires when the component is added to DOM - used to receive initial queue.
-   *
-   * @internal
-   */
-  calciteInternalAlertRegister: EventEmitter<void>;
-  alertSync(event: CustomEvent): void;
-  alertRegister(): void;
-  /** Sets focus on the component. */
-  setFocus(): Promise<void>;
-  /** the list of queued alerts */
-  queue: HTMLCalciteAlertElement[];
-  /** the count of queued alerts */
-  queueLength: number;
-  /** is the alert queued */
-  queued: boolean;
-  private containerEl;
-  private setContainerEl;
-  /** the close button element */
-  private closeButton?;
-  private autoDismissTimeoutId;
-  private queueTimeout;
-  private trackTimer;
-  /** the computed icon to render */
-  requestedIcon?: string;
-  private activeTransitionProp;
-  /** determine which alert is active */
-  private determineActiveAlert;
-  /** close and emit calciteInternalAlertSync event with the updated queue payload */
-  private closeAlert;
-  onBeforeOpen(): void;
-  onOpen(): void;
-  onBeforeClose(): void;
-  onClose(): void;
-  transitionStartHandler: (event: TransitionEvent) => void;
-  transitionEnd: (event: TransitionEvent) => void;
-  /** remove queued class after animation completes */
-  private openAlert;
-}
+import { EventEmitter, VNode } from "../../stencil-public-runtime";
+import { Scale } from "../interfaces";
+import { AlertDuration, AlertPlacement, StatusColor, Sync } from "./interfaces";
+import { OpenCloseComponent } from "../../utils/openCloseComponent";
+/**
+ * Alerts are meant to provide a way to communicate urgent or important information to users, frequently as a result of an action they took in your app. Alerts are positioned
+ * at the bottom of the page. Multiple opened alerts will be added to a queue, allowing users to dismiss them in the order they are provided.
+ */
+/**
+ * @slot title - A slot for optionally adding a title to the component.
+ * @slot message - A slot for adding main text to the component.
+ * @slot link - A slot for optionally adding an action to take from the alert (undo, try again, link to page, etc.)
+ */
+export declare class Alert implements OpenCloseComponent {
+  el: HTMLCalciteAlertElement;
+  /**
+   * When true, opens the combobox
+   *
+   * @deprecated use open instead
+   */
+  active: boolean;
+  /** When true, opens the dropdown */
+  open: boolean;
+  activeHandler(value: boolean): void;
+  openHandler(value: boolean): void;
+  /** When true, the component closes automatically (recommended for passive, non-blocking alerts). */
+  autoDismiss: boolean;
+  /** Specifies the duration before the component automatically closes (only use with `autoDismiss`). */
+  autoDismissDuration: AlertDuration;
+  /** Specifies the color for the component (will apply to top border and icon). */
+  color: StatusColor;
+  /**
+   * When true, shows a default recommended icon. Alternatively,
+   * pass a Calcite UI Icon name to display a specific icon.
+   */
+  icon: string | boolean;
+  /**
+   * Specifies the text label for the close button.
+   *
+   * @default "Close"
+   */
+  intlClose: string;
+  /** Specifies an accessible name for the component. */
+  label: string;
+  /** Specifies the placement of the component */
+  placement: AlertPlacement;
+  /** Specifies the size of the component. */
+  scale: Scale;
+  updateRequestedIcon(): void;
+  updateDuration(): void;
+  connectedCallback(): void;
+  componentWillLoad(): void;
+  disconnectedCallback(): void;
+  render(): VNode;
+  /** Fires when the component is requested to be closed and before the closing transition begins. */
+  calciteAlertBeforeClose: EventEmitter<void>;
+  /** Fires when the component is closed and animation is complete. */
+  calciteAlertClose: EventEmitter<void>;
+  /** Fires when the component is added to the DOM but not rendered, and before the opening transition begins. */
+  calciteAlertBeforeOpen: EventEmitter<void>;
+  /** Fires when the component is open and animation is complete. */
+  calciteAlertOpen: EventEmitter<void>;
+  /**
+   * Fires to sync queue when opened or closed.
+   *
+   * @internal
+   */
+  calciteInternalAlertSync: EventEmitter<Sync>;
+  /**
+   * Fires when the component is added to DOM - used to receive initial queue.
+   *
+   * @internal
+   */
+  calciteInternalAlertRegister: EventEmitter<void>;
+  alertSync(event: CustomEvent): void;
+  alertRegister(): void;
+  /** Sets focus on the component. */
+  setFocus(): Promise<void>;
+  /** the list of queued alerts */
+  queue: HTMLCalciteAlertElement[];
+  /** the count of queued alerts */
+  queueLength: number;
+  /** is the alert queued */
+  queued: boolean;
+  /** the close button element */
+  private closeButton?;
+  private autoDismissTimeoutId;
+  private queueTimeout;
+  private trackTimer;
+  /** the computed icon to render */
+  requestedIcon?: string;
+  openTransitionProp: string;
+  transitionEl: HTMLDivElement;
+  private setTransitionEl;
+  /** determine which alert is active */
+  private determineActiveAlert;
+  /** close and emit calciteInternalAlertSync event with the updated queue payload */
+  private closeAlert;
+  onBeforeOpen(): void;
+  onOpen(): void;
+  onBeforeClose(): void;
+  onClose(): void;
+  /** remove queued class after animation completes */
+  private openAlert;
+}

package/dist/types/components/alert/interfaces.d.ts

@@ -1,12 +1,12 @@
-export declare type StatusColor = "blue" | "green" | "red" | "yellow";
-export declare type AlertDuration = "fast" | "medium" | "slow";
-export declare type AlertPlacement = "bottom" | "bottom-end" | "bottom-start" | "top" | "top-end" | "top-start";
-export declare enum StatusIcons {
-  green = "checkCircle",
-  yellow = "exclamationMarkTriangle",
-  red = "exclamationMarkTriangle",
-  blue = "lightbulb"
-}
-export interface Sync {
-  queue: HTMLCalciteAlertElement[];
-}
+export declare type StatusColor = "blue" | "green" | "red" | "yellow";
+export declare type AlertDuration = "fast" | "medium" | "slow";
+export declare type AlertPlacement = "bottom" | "bottom-end" | "bottom-start" | "top" | "top-end" | "top-start";
+export declare enum StatusIcons {
+  green = "checkCircle",
+  yellow = "exclamationMarkTriangle",
+  red = "exclamationMarkTriangle",
+  blue = "lightbulb"
+}
+export interface Sync {
+  queue: HTMLCalciteAlertElement[];
+}

package/dist/types/components/alert/resources.d.ts

@@ -1,16 +1,16 @@
-export declare const TEXT: {
-  intlClose: string;
-};
-export declare const DURATIONS: {
-  slow: number;
-  medium: number;
-  fast: number;
-};
-export declare const SLOTS: {
-  title: string;
-  message: string;
-  link: string;
-};
-export declare const CSS: {
-  container: string;
-};
+export declare const TEXT: {
+  intlClose: string;
+};
+export declare const DURATIONS: {
+  slow: number;
+  medium: number;
+  fast: number;
+};
+export declare const SLOTS: {
+  title: string;
+  message: string;
+  link: string;
+};
+export declare const CSS: {
+  container: string;
+};

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

@@ -1,26 +1,26 @@
-import { Scale } from "../interfaces";
-export declare class Avatar {
-  el: HTMLCalciteAvatarElement;
-  /** Specifies the size of the component. */
-  scale: Scale;
-  /** Specifies the `src` to an image (remember to add a token if the user is private). */
-  thumbnail: string;
-  /** Specifies the full name of the user. */
-  fullName: string;
-  /** Specifies the username of the user. */
-  username: string;
-  /** Specifies the unique id of the user. */
-  userId: string;
-  render(): any;
-  /** True if thumnail fails to load */
-  error: boolean;
-  private determineContent;
-  /**
-   * Generate a valid background color that is consistent and unique to this user
-   */
-  private generateFillColor;
-  /**
-   * Use fullname or username to generate initials
-   */
-  private generateInitials;
-}
+import { Scale } from "../interfaces";
+export declare class Avatar {
+  el: HTMLCalciteAvatarElement;
+  /** Specifies the size of the component. */
+  scale: Scale;
+  /** Specifies the `src` to an image (remember to add a token if the user is private). */
+  thumbnail: string;
+  /** Specifies the full name of the user. */
+  fullName: string;
+  /** Specifies the username of the user. */
+  username: string;
+  /** Specifies the unique id of the user. */
+  userId: string;
+  render(): any;
+  /** True if thumnail fails to load */
+  error: boolean;
+  private determineContent;
+  /**
+   * Generate a valid background color that is consistent and unique to this user
+   */
+  private generateFillColor;
+  /**
+   * Use fullname or username to generate initials
+   */
+  private generateInitials;
+}

package/dist/types/components/avatar/utils.d.ts

@@ -1,20 +1,20 @@
-import { RGB } from "../color-picker/interfaces";
-/**
- * Convert a string to a valid hex by hashing its contents
- * and using the hash as a seed for three distinct color values
- *
- * @param str
- */
-export declare function stringToHex(str: string): string;
-/**
- * Find the hue of a color given the separate RGB color channels
- *
- * @param rgb
- */
-export declare function rgbToHue(rgb: RGB): number;
-/**
- * For a hex color, find the hue
- *
- * @param hex {string} - form of "#------"
- */
-export declare function hexToHue(hex: string): number;
+import { RGB } from "../color-picker/interfaces";
+/**
+ * Convert a string to a valid hex by hashing its contents
+ * and using the hash as a seed for three distinct color values
+ *
+ * @param str
+ */
+export declare function stringToHex(str: string): string;
+/**
+ * Find the hue of a color given the separate RGB color channels
+ *
+ * @param rgb
+ */
+export declare function rgbToHue(rgb: RGB): number;
+/**
+ * For a hex color, find the hue
+ *
+ * @param hex {string} - form of "#------"
+ */
+export declare function hexToHue(hex: string): number;

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

@@ -1,97 +1,97 @@
-import { EventEmitter, VNode } from "../../stencil-public-runtime";
-import { HeadingLevel } from "../functional/Heading";
-import { Status } from "../interfaces";
-import { ConditionalSlotComponent } from "../../utils/conditionalSlot";
-import { InteractiveComponent } from "../../utils/interactive";
-/**
- * @slot - A slot for adding content to the block.
- * @slot icon - A slot for adding a leading header icon.
- * @slot control - A slot for adding a single HTML input element in a header.
- * @slot header-menu-actions - a slot for adding an overflow menu with actions inside a dropdown.
- */
-export declare class Block implements ConditionalSlotComponent, InteractiveComponent {
-  /**
-   * When true, this block will be collapsible.
-   */
-  collapsible: boolean;
-  /**
-   * When true, disabled prevents interaction. This state shows items with lower opacity/grayed.
-   */
-  disabled: boolean;
-  /**
-   * When true, displays a drag handle in the header.
-   */
-  dragHandle: boolean;
-  /**
-   * Block heading.
-   */
-  heading: string;
-  /**
-   * Number at which section headings should start for this component.
-   */
-  headingLevel: HeadingLevel;
-  /**
-   * Aria-label for collapsing the toggle and tooltip used for the toggle when expanded.
-   *
-   * @default "Collapse"
-   */
-  intlCollapse?: string;
-  /**
-   * Aria-label for expanding the toggle and tooltip used for the toggle when collapsed.
-   *
-   * @default "Expand"
-   */
-  intlExpand?: string;
-  /**
-   * string to override English loading text
-   *
-   * @default "Loading"
-   */
-  intlLoading?: string;
-  /**
-   * Text string used for the actions menu
-   *
-   * @default "Options"
-   */
-  intlOptions?: string;
-  /**
-   * When true, content is waiting to be loaded. This state shows a busy indicator.
-   */
-  loading: boolean;
-  /**
-   * When true, the block's content will be displayed.
-   */
-  open: boolean;
-  /**
-   * Block status. Updates or adds icon to show related icon and color.
-   */
-  status?: Status;
-  /**
-   * Block summary.
-   *
-   * @deprecated use description instead
-   */
-  summary: string;
-  /**Block description */
-  description: string;
-  /**
-   * When true, removes padding for the slotted content
-   *
-   * @deprecated Use `--calcite-block-padding` CSS variable instead.
-   */
-  disablePadding: boolean;
-  componentDidRender(): void;
-  el: HTMLCalciteBlockElement;
-  private guid;
-  connectedCallback(): void;
-  disconnectedCallback(): void;
-  /**
-   * Emitted when the header has been clicked.
-   */
-  calciteBlockToggle: EventEmitter<void>;
-  onHeaderClick: () => void;
-  renderScrim(): VNode[];
-  renderIcon(): VNode[];
-  renderTitle(): VNode;
-  render(): VNode;
-}
+import { EventEmitter, VNode } from "../../stencil-public-runtime";
+import { HeadingLevel } from "../functional/Heading";
+import { Status } from "../interfaces";
+import { ConditionalSlotComponent } from "../../utils/conditionalSlot";
+import { InteractiveComponent } from "../../utils/interactive";
+/**
+ * @slot - A slot for adding content to the block.
+ * @slot icon - A slot for adding a leading header icon.
+ * @slot control - A slot for adding a single HTML input element in a header.
+ * @slot header-menu-actions - a slot for adding an overflow menu with actions inside a dropdown.
+ */
+export declare class Block implements ConditionalSlotComponent, InteractiveComponent {
+  /**
+   * When true, this block will be collapsible.
+   */
+  collapsible: boolean;
+  /**
+   * When true, disabled prevents interaction. This state shows items with lower opacity/grayed.
+   */
+  disabled: boolean;
+  /**
+   * When true, displays a drag handle in the header.
+   */
+  dragHandle: boolean;
+  /**
+   * Block heading.
+   */
+  heading: string;
+  /**
+   * Number at which section headings should start for this component.
+   */
+  headingLevel: HeadingLevel;
+  /**
+   * Aria-label for collapsing the toggle and tooltip used for the toggle when expanded.
+   *
+   * @default "Collapse"
+   */
+  intlCollapse?: string;
+  /**
+   * Aria-label for expanding the toggle and tooltip used for the toggle when collapsed.
+   *
+   * @default "Expand"
+   */
+  intlExpand?: string;
+  /**
+   * string to override English loading text
+   *
+   * @default "Loading"
+   */
+  intlLoading?: string;
+  /**
+   * Text string used for the actions menu
+   *
+   * @default "Options"
+   */
+  intlOptions?: string;
+  /**
+   * When true, content is waiting to be loaded. This state shows a busy indicator.
+   */
+  loading: boolean;
+  /**
+   * When true, the block's content will be displayed.
+   */
+  open: boolean;
+  /**
+   * Block status. Updates or adds icon to show related icon and color.
+   */
+  status?: Status;
+  /**
+   * Block summary.
+   *
+   * @deprecated use description instead
+   */
+  summary: string;
+  /**Block description */
+  description: string;
+  /**
+   * When true, removes padding for the slotted content
+   *
+   * @deprecated Use `--calcite-block-padding` CSS variable instead.
+   */
+  disablePadding: boolean;
+  componentDidRender(): void;
+  el: HTMLCalciteBlockElement;
+  private guid;
+  connectedCallback(): void;
+  disconnectedCallback(): void;
+  /**
+   * Emitted when the header has been clicked.
+   */
+  calciteBlockToggle: EventEmitter<void>;
+  onHeaderClick: () => void;
+  renderScrim(): VNode[];
+  renderIcon(): VNode[];
+  renderTitle(): VNode;
+  render(): VNode;
+}

package/dist/types/components/block/resources.d.ts

@@ -1,38 +1,38 @@
-export declare const CSS: {
-  article: string;
-  content: string;
-  headerContainer: string;
-  icon: string;
-  statusIcon: string;
-  toggle: string;
-  toggleIcon: string;
-  title: string;
-  heading: string;
-  header: string;
-  button: string;
-  summary: string;
-  description: string;
-  controlContainer: string;
-  valid: string;
-  invalid: string;
-  loading: string;
-};
-export declare const TEXT: {
-  collapse: string;
-  expand: string;
-  loading: string;
-  options: string;
-};
-export declare const SLOTS: {
-  icon: string;
-  control: string;
-  headerMenuActions: string;
-};
-export declare const ICONS: {
-  opened: string;
-  closed: string;
-  valid: string;
-  invalid: string;
-  refresh: string;
-};
-export declare const HEADING_LEVEL = 4;
+export declare const CSS: {
+  article: string;
+  content: string;
+  headerContainer: string;
+  icon: string;
+  statusIcon: string;
+  toggle: string;
+  toggleIcon: string;
+  title: string;
+  heading: string;
+  header: string;
+  button: string;
+  summary: string;
+  description: string;
+  controlContainer: string;
+  valid: string;
+  invalid: string;
+  loading: string;
+};
+export declare const TEXT: {
+  collapse: string;
+  expand: string;
+  loading: string;
+  options: string;
+};
+export declare const SLOTS: {
+  icon: string;
+  control: string;
+  headerMenuActions: string;
+};
+export declare const ICONS: {
+  opened: string;
+  closed: string;
+  valid: string;
+  invalid: string;
+  refresh: string;
+};
+export declare const HEADING_LEVEL = 4;