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

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

@@ -1,125 +1,125 @@
-import { EventEmitter, VNode } from "../../stencil-public-runtime";
-import { Scale } from "../interfaces";
-import { ModalBackgroundColor } from "./interfaces";
-import { ConditionalSlotComponent } from "../../utils/conditionalSlot";
-import { OpenCloseComponent } from "../../utils/openCloseComponent";
-/**
- * @slot header - A slot for adding header text.
- * @slot content - A slot for adding the component's 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 Modal implements ConditionalSlotComponent, OpenCloseComponent {
-  el: HTMLCalciteModalElement;
-  /**
-   * When true, the `calcite-modal` is active.
-   *
-   * @deprecated use open instead
-   */
-  active: boolean;
-  /** When true,`calcite-modal`  opens  */
-  open: boolean;
-  /** Passes a function to run before the `calcite-modal` closes. */
-  beforeClose?: (el: HTMLElement) => Promise<void>;
-  /** When true, disables the component's close button. */
-  disableCloseButton: boolean;
-  /** When true, disables the closing of the component when clicked outside. */
-  disableOutsideClose: boolean;
-  /** Accessible name for the component's close button. */
-  intlClose: string;
-  /** When true, prevents the component from expanding to the entire screen on mobile devices. */
-  docked: boolean;
-  /** When true, disables the default close on escape behavior. */
-  disableEscape: boolean;
-  /** Specifies the size of the component. */
-  scale: Scale;
-  /** Specifies the width of the component. Can use scale sizes or pass a number (displays in pixels). */
-  width: Scale | number;
-  /** Sets the component to always be fullscreen (overrides width). */
-  fullscreen: boolean;
-  /**
-   * Adds a color bar to the top of component for visual impact.
-   * Use color to add importance to destructive or workflow dialogs.
-   */
-  color?: "red" | "blue";
-  /** Sets the background color of the component's content. */
-  backgroundColor: ModalBackgroundColor;
-  /**
-   * When true, disables spacing to the content area slot.
-   *
-   * @deprecated  Use `--calcite-modal-padding` CSS variable instead.
-   */
-  noPadding: boolean;
-  componentWillLoad(): void;
-  connectedCallback(): void;
-  disconnectedCallback(): void;
-  render(): VNode;
-  renderFooter(): VNode;
-  renderCloseButton(): VNode;
-  renderStyle(): VNode;
-  hasFooter: boolean;
-  closeButtonEl: HTMLButtonElement;
-  contentId: string;
-  /**
-   * We use internal variable to make sure initially open modal can transition from closed state when rendered
-   *
-   * @private
-   */
-  isOpen: boolean;
-  modalContent: HTMLDivElement;
-  private mutationObserver;
-  previousActiveElement: HTMLElement;
-  titleId: string;
-  openTransitionProp: string;
-  transitionEl: HTMLDivElement;
-  handleEscape(event: KeyboardEvent): void;
-  /** Fires when the component is requested to be closed and before the closing transition begins. */
-  calciteModalBeforeClose: EventEmitter<void>;
-  /** Fires when the component is closed and animation is complete. */
-  calciteModalClose: EventEmitter<void>;
-  /** Fires when the component is added to the DOM but not rendered, and before the opening transition begins. */
-  calciteModalBeforeOpen: EventEmitter<void>;
-  /** Fires when the component is open and animation is complete. */
-  calciteModalOpen: EventEmitter<void>;
-  /**
-   * Focus the first interactive element.
-   *
-   * @param el
-   * @deprecated use `setFocus` instead.
-   */
-  focusElement(el?: HTMLElement): Promise<void>;
-  /**
-   * Sets focus on the component.
-   *
-   * By default, tries to focus on focusable content. If there is none, it will focus on the close button.
-   * To focus on the close button, use the `close-button` focus ID.
-   *
-   * @param focusId
-   */
-  setFocus(focusId?: "close-button"): Promise<void>;
-  /**
-   * Sets the scroll top of the component's content.
-   *
-   * @param top
-   * @param left
-   */
-  scrollContent(top?: number, left?: number): Promise<void>;
-  private setTransitionEl;
-  onBeforeOpen(): void;
-  onOpen(): void;
-  onBeforeClose(): void;
-  onClose(): void;
-  activeHandler(value: boolean): void;
-  toggleModal(value: boolean): Promise<void>;
-  private openEnd;
-  /** Open the modal */
-  private openModal;
-  handleOutsideClose: () => void;
-  /** Close the modal, first running the `beforeClose` method */
-  close: () => Promise<void>;
-  focusFirstElement: () => void;
-  focusLastElement: () => void;
-  private removeOverflowHiddenClass;
-  private updateFooterVisibility;
-}
+import { EventEmitter, VNode } from "../../stencil-public-runtime";
+import { Scale } from "../interfaces";
+import { ModalBackgroundColor } from "./interfaces";
+import { ConditionalSlotComponent } from "../../utils/conditionalSlot";
+import { OpenCloseComponent } from "../../utils/openCloseComponent";
+/**
+ * @slot header - A slot for adding header text.
+ * @slot content - A slot for adding the component's 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 Modal implements ConditionalSlotComponent, OpenCloseComponent {
+  el: HTMLCalciteModalElement;
+  /**
+   * When true, the `calcite-modal` is active.
+   *
+   * @deprecated use open instead
+   */
+  active: boolean;
+  /** When true,`calcite-modal`  opens  */
+  open: boolean;
+  /** Passes a function to run before the `calcite-modal` closes. */
+  beforeClose?: (el: HTMLElement) => Promise<void>;
+  /** When true, disables the component's close button. */
+  disableCloseButton: boolean;
+  /** When true, disables the closing of the component when clicked outside. */
+  disableOutsideClose: boolean;
+  /** Accessible name for the component's close button. */
+  intlClose: string;
+  /** When true, prevents the component from expanding to the entire screen on mobile devices. */
+  docked: boolean;
+  /** When true, disables the default close on escape behavior. */
+  disableEscape: boolean;
+  /** Specifies the size of the component. */
+  scale: Scale;
+  /** Specifies the width of the component. Can use scale sizes or pass a number (displays in pixels). */
+  width: Scale | number;
+  /** Sets the component to always be fullscreen (overrides width). */
+  fullscreen: boolean;
+  /**
+   * Adds a color bar to the top of component for visual impact.
+   * Use color to add importance to destructive or workflow dialogs.
+   */
+  color?: "red" | "blue";
+  /** Sets the background color of the component's content. */
+  backgroundColor: ModalBackgroundColor;
+  /**
+   * When true, disables spacing to the content area slot.
+   *
+   * @deprecated  Use `--calcite-modal-padding` CSS variable instead.
+   */
+  noPadding: boolean;
+  componentWillLoad(): void;
+  connectedCallback(): void;
+  disconnectedCallback(): void;
+  render(): VNode;
+  renderFooter(): VNode;
+  renderCloseButton(): VNode;
+  renderStyle(): VNode;
+  hasFooter: boolean;
+  closeButtonEl: HTMLButtonElement;
+  contentId: string;
+  /**
+   * We use internal variable to make sure initially open modal can transition from closed state when rendered
+   *
+   * @private
+   */
+  isOpen: boolean;
+  modalContent: HTMLDivElement;
+  private mutationObserver;
+  previousActiveElement: HTMLElement;
+  titleId: string;
+  openTransitionProp: string;
+  transitionEl: HTMLDivElement;
+  handleEscape(event: KeyboardEvent): void;
+  /** Fires when the component is requested to be closed and before the closing transition begins. */
+  calciteModalBeforeClose: EventEmitter<void>;
+  /** Fires when the component is closed and animation is complete. */
+  calciteModalClose: EventEmitter<void>;
+  /** Fires when the component is added to the DOM but not rendered, and before the opening transition begins. */
+  calciteModalBeforeOpen: EventEmitter<void>;
+  /** Fires when the component is open and animation is complete. */
+  calciteModalOpen: EventEmitter<void>;
+  /**
+   * Focus the first interactive element.
+   *
+   * @param el
+   * @deprecated use `setFocus` instead.
+   */
+  focusElement(el?: HTMLElement): Promise<void>;
+  /**
+   * Sets focus on the component.
+   *
+   * By default, tries to focus on focusable content. If there is none, it will focus on the close button.
+   * To focus on the close button, use the `close-button` focus ID.
+   *
+   * @param focusId
+   */
+  setFocus(focusId?: "close-button"): Promise<void>;
+  /**
+   * Sets the scroll top of the component's content.
+   *
+   * @param top
+   * @param left
+   */
+  scrollContent(top?: number, left?: number): Promise<void>;
+  private setTransitionEl;
+  onBeforeOpen(): void;
+  onOpen(): void;
+  onBeforeClose(): void;
+  onClose(): void;
+  activeHandler(value: boolean): void;
+  toggleModal(value: boolean): Promise<void>;
+  private openEnd;
+  /** Open the modal */
+  private openModal;
+  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/modal/resources.d.ts

@@ -1,30 +1,30 @@
-export declare const CSS: {
-  modal: string;
-  modalOpen: string;
-  title: string;
-  header: string;
-  footer: string;
-  scrim: string;
-  back: string;
-  close: string;
-  secondary: string;
-  primary: string;
-  overflowHidden: string;
-  openingIdle: string;
-  openingActive: string;
-  closingIdle: string;
-  closingActive: string;
-};
-export declare const ICONS: {
-  close: string;
-};
-export declare const SLOTS: {
-  content: string;
-  header: string;
-  back: string;
-  secondary: string;
-  primary: string;
-};
-export declare const TEXT: {
-  close: string;
-};
+export declare const CSS: {
+  modal: string;
+  modalOpen: string;
+  title: string;
+  header: string;
+  footer: string;
+  scrim: string;
+  back: string;
+  close: string;
+  secondary: string;
+  primary: string;
+  overflowHidden: string;
+  openingIdle: string;
+  openingActive: string;
+  closingIdle: string;
+  closingActive: string;
+};
+export declare const ICONS: {
+  close: string;
+};
+export declare const SLOTS: {
+  content: string;
+  header: string;
+  back: string;
+  secondary: string;
+  primary: string;
+};
+export declare const TEXT: {
+  close: string;
+};

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

@@ -1,72 +1,72 @@
-import { EventEmitter, VNode } from "../../stencil-public-runtime";
-import { Scale, Width } from "../interfaces";
-import { StatusColor } from "../alert/interfaces";
-import { ConditionalSlotComponent } from "../../utils/conditionalSlot";
-/**
- * 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 - A slot for adding the title.
- * @slot message - A slot for adding the message.
- * @slot link - A slot for adding actions to take, such as: undo, try again, link to page, etc.
- * @slot actions-end - A slot for adding actions to the end of the component. It is recommended to use two or less actions.
- */
-export declare class Notice implements ConditionalSlotComponent {
-  el: HTMLCalciteNoticeElement;
-  /**
-   * When true, the component is active.
-   *
-   * @deprecated Use open instead.
-   */
-  active: boolean;
-  activeHandler(value: boolean): void;
-  /** When true, the component is visible */
-  open: boolean;
-  openHandler(value: boolean): void;
-  /** The color for the component's top border and icon. */
-  color: StatusColor;
-  /**
-   * When true, a close button is added to the component.
-   *
-   * @deprecated use closable instead
-   */
-  dismissible?: boolean;
-  handleDismissible(value: boolean): void;
-  /** When true, displays a button user can click to dismiss the `calcite-notice` */
-  closable?: boolean;
-  handleClosable(value: boolean): void;
-  /**
-   * When present, shows a default recommended icon. You can
-   * also pass a calcite-ui-icon name to display a requested icon.
-   */
-  icon: string | boolean;
-  /**
-   * Accessible name for the close button.
-   *
-   * @default "Close"
-   */
-  intlClose: string;
-  /** Specifies the size of the component. */
-  scale: Scale;
-  /** Specifies the width of the component. */
-  width: Width;
-  updateRequestedIcon(): void;
-  connectedCallback(): void;
-  disconnectedCallback(): void;
-  componentWillLoad(): void;
-  render(): VNode;
-  /** Fired when the component is closed. */
-  calciteNoticeClose: EventEmitter<void>;
-  /** Fired when the component is opened. */
-  calciteNoticeOpen: EventEmitter<void>;
-  /** Sets focus on the component. */
-  setFocus(): Promise<void>;
-  private close;
-  /** The close button element. */
-  private closeButton?;
-  /** The computed icon to render. */
-  private requestedIcon?;
-}
+import { EventEmitter, VNode } from "../../stencil-public-runtime";
+import { Scale, Width } from "../interfaces";
+import { StatusColor } from "../alert/interfaces";
+import { ConditionalSlotComponent } from "../../utils/conditionalSlot";
+/**
+ * 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 - A slot for adding the title.
+ * @slot message - A slot for adding the message.
+ * @slot link - A slot for adding actions to take, such as: undo, try again, link to page, etc.
+ * @slot actions-end - A slot for adding actions to the end of the component. It is recommended to use two or less actions.
+ */
+export declare class Notice implements ConditionalSlotComponent {
+  el: HTMLCalciteNoticeElement;
+  /**
+   * When true, the component is active.
+   *
+   * @deprecated Use open instead.
+   */
+  active: boolean;
+  activeHandler(value: boolean): void;
+  /** When true, the component is visible */
+  open: boolean;
+  openHandler(value: boolean): void;
+  /** The color for the component's top border and icon. */
+  color: StatusColor;
+  /**
+   * When true, a close button is added to the component.
+   *
+   * @deprecated use closable instead
+   */
+  dismissible?: boolean;
+  handleDismissible(value: boolean): void;
+  /** When true, displays a button user can click to dismiss the `calcite-notice` */
+  closable?: boolean;
+  handleClosable(value: boolean): void;
+  /**
+   * When present, shows a default recommended icon. You can
+   * also pass a calcite-ui-icon name to display a requested icon.
+   */
+  icon: string | boolean;
+  /**
+   * Accessible name for the close button.
+   *
+   * @default "Close"
+   */
+  intlClose: string;
+  /** Specifies the size of the component. */
+  scale: Scale;
+  /** Specifies the width of the component. */
+  width: Width;
+  updateRequestedIcon(): void;
+  connectedCallback(): void;
+  disconnectedCallback(): void;
+  componentWillLoad(): void;
+  render(): VNode;
+  /** Fired when the component is closed. */
+  calciteNoticeClose: EventEmitter<void>;
+  /** Fired when the component is opened. */
+  calciteNoticeOpen: EventEmitter<void>;
+  /** Sets focus on the component. */
+  setFocus(): Promise<void>;
+  private close;
+  /** The close button element. */
+  private closeButton?;
+  /** The computed icon to render. */
+  private requestedIcon?;
+}

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

@@ -1,16 +1,16 @@
-export declare const TEXT: {
-  close: string;
-};
-export declare const SLOTS: {
-  title: string;
-  message: string;
-  link: string;
-  actionsEnd: string;
-};
-export declare const CSS: {
-  actionsEnd: string;
-  close: string;
-  container: string;
-  content: string;
-  icon: string;
-};
+export declare const TEXT: {
+  close: string;
+};
+export declare const SLOTS: {
+  title: string;
+  message: string;
+  link: string;
+  actionsEnd: string;
+};
+export declare const CSS: {
+  actionsEnd: string;
+  close: string;
+  container: string;
+  content: string;
+  icon: string;
+};

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

@@ -1,32 +1,32 @@
-import { VNode } from "../../stencil-public-runtime";
-export declare class Option {
-  /**
-   * When true, interaction is prevented and the component is displayed with lower opacity.
-   */
-  disabled: boolean;
-  /**
-   * Accessible name for the component.
-   */
-  label: string;
-  /**
-   * When true, the component is selected.
-   */
-  selected: boolean;
-  /**
-   * The component's value.
-   */
-  value: any;
-  protected handlePropChange(_newValue: any, _oldValue: any, propName: string): void;
-  private el;
-  private internallySetLabel;
-  private internallySetValue;
-  private mutationObserver;
-  /**
-   * @internal
-   */
-  private calciteInternalOptionChange;
-  private ensureTextContentDependentProps;
-  connectedCallback(): void;
-  disconnectedCallback(): void;
-  render(): VNode;
-}
+import { VNode } from "../../stencil-public-runtime";
+export declare class Option {
+  /**
+   * When true, interaction is prevented and the component is displayed with lower opacity.
+   */
+  disabled: boolean;
+  /**
+   * Accessible name for the component.
+   */
+  label: string;
+  /**
+   * When true, the component is selected.
+   */
+  selected: boolean;
+  /**
+   * The component's value.
+   */
+  value: any;
+  protected handlePropChange(_newValue: any, _oldValue: any, propName: string): void;
+  private el;
+  private internallySetLabel;
+  private internallySetValue;
+  private mutationObserver;
+  /**
+   * @internal
+   */
+  private calciteInternalOptionChange;
+  private ensureTextContentDependentProps;
+  connectedCallback(): void;
+  disconnectedCallback(): void;
+  render(): VNode;
+}

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

@@ -1,20 +1,20 @@
-import { VNode } from "../../stencil-public-runtime";
-/**
- * @slot - A slot for adding `calcite-option`s.
- */
-export declare class OptionGroup {
-  /**
-   * When true, interaction is prevented and the component is displayed with lower opacity.
-   */
-  disabled: boolean;
-  /**
-   * Accessible name for the component.
-   */
-  label: string;
-  protected handlePropChange(): void;
-  /**
-   * @internal
-   */
-  private calciteInternalOptionGroupChange;
-  render(): VNode;
-}
+import { VNode } from "../../stencil-public-runtime";
+/**
+ * @slot - A slot for adding `calcite-option`s.
+ */
+export declare class OptionGroup {
+  /**
+   * When true, interaction is prevented and the component is displayed with lower opacity.
+   */
+  disabled: boolean;
+  /**
+   * Accessible name for the component.
+   */
+  label: string;
+  protected handlePropChange(): void;
+  /**
+   * @internal
+   */
+  private calciteInternalOptionGroupChange;
+  render(): VNode;
+}