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

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

@@ -1,44 +1,44 @@
-import { EventEmitter, VNode } from "../../stencil-public-runtime";
-import { BlockSectionToggleDisplay } from "./interfaces";
-import { Status } from "../interfaces";
-/**
- * @slot - A slot for adding content to the block section.
- */
-export declare class BlockSection {
-  /**
-   * Tooltip used for the toggle when expanded.
-   */
-  intlCollapse?: string;
-  /**
-   * Tooltip used for the toggle when collapsed.
-   */
-  intlExpand?: string;
-  /**
-   * When true, the block's section content will be displayed.
-   */
-  open: boolean;
-  /**
-   * BlockSection status. Adds indicator to show valid or invalid status.
-   */
-  status?: Status;
-  /**
-   * Text displayed in the button.
-   */
-  text: string;
-  /**
-   * This property determines the look of the section toggle.
-   * If the value is "switch", a toggle-switch will be displayed.
-   * If the value is "button", a clickable header is displayed.
-   */
-  toggleDisplay: BlockSectionToggleDisplay;
-  el: HTMLCalciteBlockSectionElement;
-  private guid;
-  /**
-   * Emitted when the header has been clicked.
-   */
-  calciteBlockSectionToggle: EventEmitter<void>;
-  handleHeaderKeyDown: (event: KeyboardEvent) => void;
-  toggleSection: () => void;
-  renderStatusIcon(): VNode[];
-  render(): VNode;
-}
+import { EventEmitter, VNode } from "../../stencil-public-runtime";
+import { BlockSectionToggleDisplay } from "./interfaces";
+import { Status } from "../interfaces";
+/**
+ * @slot - A slot for adding content to the block section.
+ */
+export declare class BlockSection {
+  /**
+   * Tooltip used for the toggle when expanded.
+   */
+  intlCollapse?: string;
+  /**
+   * Tooltip used for the toggle when collapsed.
+   */
+  intlExpand?: string;
+  /**
+   * When true, the block's section content will be displayed.
+   */
+  open: boolean;
+  /**
+   * BlockSection status. Adds indicator to show valid or invalid status.
+   */
+  status?: Status;
+  /**
+   * Text displayed in the button.
+   */
+  text: string;
+  /**
+   * This property determines the look of the section toggle.
+   * If the value is "switch", a toggle-switch will be displayed.
+   * If the value is "button", a clickable header is displayed.
+   */
+  toggleDisplay: BlockSectionToggleDisplay;
+  el: HTMLCalciteBlockSectionElement;
+  private guid;
+  /**
+   * Emitted when the header has been clicked.
+   */
+  calciteBlockSectionToggle: EventEmitter<void>;
+  handleHeaderKeyDown: (event: KeyboardEvent) => void;
+  toggleSection: () => void;
+  renderStatusIcon(): VNode[];
+  render(): VNode;
+}

package/dist/types/components/block-section/interfaces.d.ts

@@ -1 +1 @@
-export declare type BlockSectionToggleDisplay = "button" | "switch";
+export declare type BlockSectionToggleDisplay = "button" | "switch";

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

@@ -1,23 +1,23 @@
-export declare const CSS: {
-  content: string;
-  invalid: string;
-  toggle: string;
-  toggleSwitch: string;
-  toggleSwitchContent: string;
-  toggleSwitchText: string;
-  sectionHeader: string;
-  sectionHeaderText: string;
-  statusIcon: string;
-  valid: string;
-};
-export declare const TEXT: {
-  collapse: string;
-  expand: string;
-};
-export declare const ICONS: {
-  menuOpen: string;
-  menuClosedLeft: string;
-  menuClosedRight: string;
-  valid: string;
-  invalid: string;
-};
+export declare const CSS: {
+  content: string;
+  invalid: string;
+  toggle: string;
+  toggleSwitch: string;
+  toggleSwitchContent: string;
+  toggleSwitchText: string;
+  sectionHeader: string;
+  sectionHeaderText: string;
+  statusIcon: string;
+  valid: string;
+};
+export declare const TEXT: {
+  collapse: string;
+  expand: string;
+};
+export declare const ICONS: {
+  menuOpen: string;
+  menuClosedLeft: string;
+  menuClosedRight: string;
+  valid: string;
+  invalid: string;
+};

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

@@ -1,83 +1,83 @@
-import "form-request-submit-polyfill/form-request-submit-polyfill";
-import { VNode } from "../../stencil-public-runtime";
-import { ButtonAlignment, ButtonAppearance, ButtonColor } from "./interfaces";
-import { FlipContext, Scale, Width } from "../interfaces";
-import { LabelableComponent } from "../../utils/label";
-import { InteractiveComponent } from "../../utils/interactive";
-import { FormOwner } from "../../utils/form";
-/** Passing a 'href' will render an anchor link, instead of a button. Role will be set to link, or button, depending on this. */
-/** It is the consumers responsibility to add aria information, rel, target, for links, and any button attributes for form submission */
-/** @slot - A slot for adding text. */
-export declare class Button implements LabelableComponent, InteractiveComponent, FormOwner {
-  el: HTMLCalciteButtonElement;
-  /** optionally specify alignment of button elements. */
-  alignment?: ButtonAlignment;
-  /** specify the appearance style of the button, defaults to solid. */
-  appearance: ButtonAppearance;
-  /** Applies to the aria-label attribute on the button or hyperlink */
-  label?: string;
-  /** specify the color of the button, defaults to blue */
-  color: ButtonColor;
-  /** is the button disabled  */
-  disabled: boolean;
-  /** optionally pass a href - used to determine if the component should render as a button or an anchor */
-  href?: string;
-  /** optionally pass an icon to display at the end of a button - 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 button - accepts calcite ui icon names  */
-  iconStart?: string;
-  /**
-   * string to override English loading text
-   *
-   * @default "Loading"
-   */
-  intlLoading?: string;
-  /** optionally add a calcite-loader component to the button, disabling interaction.  */
-  loading: boolean;
-  /** The name attribute to apply to the button */
-  name?: string;
-  /** The rel attribute to apply to the hyperlink */
-  rel?: string;
-  /**
-   * The form ID to associate with the component
-   *
-   * @deprecated – this property is no longer needed if placed inside a form.
-   */
-  form?: string;
-  /** optionally add a round style to the button  */
-  round: boolean;
-  /** specify the scale of the button, defaults to m */
-  scale: Scale;
-  /** is the button a child of a calcite-split-button */
-  splitChild?: "primary" | "secondary" | false;
-  /** The target attribute to apply to the hyperlink */
-  target?: string;
-  /** The type attribute to apply to the button */
-  type: string;
-  /** specify the width of the button, defaults to auto */
-  width: Width;
-  loadingChanged(newValue: boolean, oldValue: boolean): void;
-  connectedCallback(): void;
-  disconnectedCallback(): void;
-  componentWillLoad(): void;
-  componentDidRender(): void;
-  render(): VNode;
-  /** Sets focus on the component. */
-  setFocus(): Promise<void>;
-  formEl: HTMLFormElement;
-  labelEl: HTMLCalciteLabelElement;
-  /** watches for changing text content */
-  private mutationObserver;
-  /** the rendered child element */
-  private childEl?;
-  /** determine if there is slotted content for styling purposes */
-  private hasContent;
-  /** determine if loader present for styling purposes */
-  private hasLoader;
-  private updateHasContent;
-  private setupTextContentObserver;
-  onLabelClick(): void;
-  private handleClick;
-}
+import "form-request-submit-polyfill/form-request-submit-polyfill";
+import { VNode } from "../../stencil-public-runtime";
+import { ButtonAlignment, ButtonAppearance, ButtonColor } from "./interfaces";
+import { FlipContext, Scale, Width } from "../interfaces";
+import { LabelableComponent } from "../../utils/label";
+import { InteractiveComponent } from "../../utils/interactive";
+import { FormOwner } from "../../utils/form";
+/** Passing a 'href' will render an anchor link, instead of a button. Role will be set to link, or button, depending on this. */
+/** It is the consumers responsibility to add aria information, rel, target, for links, and any button attributes for form submission */
+/** @slot - A slot for adding text. */
+export declare class Button implements LabelableComponent, InteractiveComponent, FormOwner {
+  el: HTMLCalciteButtonElement;
+  /** optionally specify alignment of button elements. */
+  alignment?: ButtonAlignment;
+  /** specify the appearance style of the button, defaults to solid. */
+  appearance: ButtonAppearance;
+  /** Applies to the aria-label attribute on the button or hyperlink */
+  label?: string;
+  /** specify the color of the button, defaults to blue */
+  color: ButtonColor;
+  /** is the button disabled  */
+  disabled: boolean;
+  /** optionally pass a href - used to determine if the component should render as a button or an anchor */
+  href?: string;
+  /** optionally pass an icon to display at the end of a button - 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 button - accepts calcite ui icon names  */
+  iconStart?: string;
+  /**
+   * string to override English loading text
+   *
+   * @default "Loading"
+   */
+  intlLoading?: string;
+  /** optionally add a calcite-loader component to the button, disabling interaction.  */
+  loading: boolean;
+  /** The name attribute to apply to the button */
+  name?: string;
+  /** The rel attribute to apply to the hyperlink */
+  rel?: string;
+  /**
+   * The form ID to associate with the component
+   *
+   * @deprecated – this property is no longer needed if placed inside a form.
+   */
+  form?: string;
+  /** optionally add a round style to the button  */
+  round: boolean;
+  /** specify the scale of the button, defaults to m */
+  scale: Scale;
+  /** is the button a child of a calcite-split-button */
+  splitChild?: "primary" | "secondary" | false;
+  /** The target attribute to apply to the hyperlink */
+  target?: string;
+  /** The type attribute to apply to the button */
+  type: string;
+  /** specify the width of the button, defaults to auto */
+  width: Width;
+  loadingChanged(newValue: boolean, oldValue: boolean): void;
+  connectedCallback(): void;
+  disconnectedCallback(): void;
+  componentWillLoad(): void;
+  componentDidRender(): void;
+  render(): VNode;
+  /** Sets focus on the component. */
+  setFocus(): Promise<void>;
+  formEl: HTMLFormElement;
+  labelEl: HTMLCalciteLabelElement;
+  /** watches for changing text content */
+  private mutationObserver;
+  /** the rendered child element */
+  private childEl?;
+  /** determine if there is slotted content for styling purposes */
+  private hasContent;
+  /** determine if loader present for styling purposes */
+  private hasLoader;
+  private updateHasContent;
+  private setupTextContentObserver;
+  onLabelClick(): void;
+  private handleClick;
+}

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

@@ -1,4 +1,4 @@
-export declare type ButtonColor = "blue" | "inverse" | "neutral" | "red";
-export declare type ButtonAppearance = "solid" | "outline" | "clear" | "transparent";
-export declare type ButtonAlignment = "start" | "end" | "center" | "space-between" | "icon-start-space-between" | "icon-end-space-between";
-export declare type DropdownIconType = "chevron" | "caret" | "ellipsis" | "overflow";
+export declare type ButtonColor = "blue" | "inverse" | "neutral" | "red";
+export declare type ButtonAppearance = "solid" | "outline" | "clear" | "transparent" | "minimal";
+export declare type ButtonAlignment = "start" | "end" | "center" | "space-between" | "icon-start-space-between" | "icon-end-space-between";
+export declare type DropdownIconType = "chevron" | "caret" | "ellipsis" | "overflow";

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

@@ -1,15 +1,15 @@
-export declare const CSS: {
-  buttonLoader: string;
-  content: string;
-  contentSlotted: string;
-  icon: string;
-  iconStart: string;
-  iconEnd: string;
-  loadingIn: string;
-  loadingOut: string;
-  iconStartEmpty: string;
-  iconEndEmpty: string;
-};
-export declare const TEXT: {
-  loading: string;
-};
+export declare const CSS: {
+  buttonLoader: string;
+  content: string;
+  contentSlotted: string;
+  icon: string;
+  iconStart: string;
+  iconEnd: string;
+  loadingIn: string;
+  loadingOut: string;
+  iconStartEmpty: string;
+  iconEndEmpty: string;
+};
+export declare const TEXT: {
+  loading: string;
+};

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

@@ -1,55 +1,55 @@
-import { EventEmitter, VNode } from "../../stencil-public-runtime";
-import { LogicalFlowPosition } from "../interfaces";
-import { ConditionalSlotComponent } from "../../utils/conditionalSlot";
-/**
- * Cards do not include a grid or bounding container
- * - cards will expand to fit the width of their container
- */
-/**
- * @slot - A slot for adding subheader/description content.
- * @slot thumbnail - A slot for adding a thumbnail to the card.
- * @slot title - A slot for adding a card title.
- * @slot subtitle - A slot for adding a card subtitle or short summary.
- * @slot footer-leading - A slot for adding a leading footer.
- * @slot footer-trailing - A slot for adding a trailing footer.
- */
-export declare class Card implements ConditionalSlotComponent {
-  el: HTMLCalciteCardElement;
-  /**  When true, the cards content is waiting to be loaded. This state shows a busy indicator.*/
-  loading: boolean;
-  /** Indicates whether the card is selected. */
-  selected: boolean;
-  /** Indicates whether the card is selectable. */
-  selectable: boolean;
-  /**
-   * string to override English loading text
-   *
-   * @default "Loading"
-   */
-  intlLoading?: string;
-  /**
-   * string to override English select text for checkbox when selectable is true
-   *
-   * @default "Select"
-   */
-  intlSelect: string;
-  /**
-   * string to override English deselect text for checkbox when selectable is true
-   *
-   * @default "Deselect"
-   */
-  intlDeselect: string;
-  thumbnailPosition: LogicalFlowPosition;
-  /** Fired when a selectable card is selected */
-  calciteCardSelect: EventEmitter<void>;
-  connectedCallback(): void;
-  disonnectedCallback(): void;
-  render(): VNode;
-  private cardSelectClick;
-  private cardSelectKeyDown;
-  private selectCard;
-  private renderThumbnail;
-  private renderCheckbox;
-  private renderHeader;
-  private renderFooter;
-}
+import { EventEmitter, VNode } from "../../stencil-public-runtime";
+import { LogicalFlowPosition } from "../interfaces";
+import { ConditionalSlotComponent } from "../../utils/conditionalSlot";
+/**
+ * Cards do not include a grid or bounding container
+ * - cards will expand to fit the width of their container
+ */
+/**
+ * @slot - A slot for adding subheader/description content.
+ * @slot thumbnail - A slot for adding a thumbnail to the card.
+ * @slot title - A slot for adding a card title.
+ * @slot subtitle - A slot for adding a card subtitle or short summary.
+ * @slot footer-leading - A slot for adding a leading footer.
+ * @slot footer-trailing - A slot for adding a trailing footer.
+ */
+export declare class Card implements ConditionalSlotComponent {
+  el: HTMLCalciteCardElement;
+  /**  When true, the cards content is waiting to be loaded. This state shows a busy indicator.*/
+  loading: boolean;
+  /** Indicates whether the card is selected. */
+  selected: boolean;
+  /** Indicates whether the card is selectable. */
+  selectable: boolean;
+  /**
+   * string to override English loading text
+   *
+   * @default "Loading"
+   */
+  intlLoading?: string;
+  /**
+   * string to override English select text for checkbox when selectable is true
+   *
+   * @default "Select"
+   */
+  intlSelect: string;
+  /**
+   * string to override English deselect text for checkbox when selectable is true
+   *
+   * @default "Deselect"
+   */
+  intlDeselect: string;
+  thumbnailPosition: LogicalFlowPosition;
+  /** Fired when a selectable card is selected */
+  calciteCardSelect: EventEmitter<void>;
+  connectedCallback(): void;
+  disonnectedCallback(): void;
+  render(): VNode;
+  private cardSelectClick;
+  private cardSelectKeyDown;
+  private selectCard;
+  private renderThumbnail;
+  private renderCheckbox;
+  private renderHeader;
+  private renderFooter;
+}

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

@@ -1,21 +1,21 @@
-export declare const CSS: {
-  container: string;
-  header: string;
-  footer: string;
-  title: string;
-  subtitle: string;
-  checkboxWrapper: string;
-  thumbnailWrapper: string;
-};
-export declare const SLOTS: {
-  thumbnail: string;
-  title: string;
-  subtitle: string;
-  footerLeading: string;
-  footerTrailing: string;
-};
-export declare const TEXT: {
-  select: string;
-  deselect: string;
-  loading: string;
-};
+export declare const CSS: {
+  container: string;
+  header: string;
+  footer: string;
+  title: string;
+  subtitle: string;
+  checkboxWrapper: string;
+  thumbnailWrapper: string;
+};
+export declare const SLOTS: {
+  thumbnail: string;
+  title: string;
+  subtitle: string;
+  footerLeading: string;
+  footerTrailing: string;
+};
+export declare const TEXT: {
+  select: string;
+  deselect: string;
+  loading: string;
+};

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

@@ -1,78 +1,78 @@
-import { EventEmitter, VNode } from "../../stencil-public-runtime";
-import { Scale } from "../interfaces";
-import { CheckableFormCompoment } from "../../utils/form";
-import { LabelableComponent } from "../../utils/label";
-import { InteractiveComponent } from "../../utils/interactive";
-export declare class Checkbox implements LabelableComponent, CheckableFormCompoment, InteractiveComponent {
-  el: HTMLCalciteCheckboxElement;
-  /** The checked state of the checkbox. */
-  checked: boolean;
-  /** True if the checkbox is disabled */
-  disabled: boolean;
-  /** The id attribute of the checkbox.  When omitted, a globally unique identifier is used. */
-  guid: string;
-  /**
-   * The hovered state of the checkbox.
-   *
-   * @internal
-   */
-  hovered: boolean;
-  /**
-   * True if the checkbox is initially indeterminate,
-   * which is independent from its checked state
-   * https://css-tricks.com/indeterminate-checkboxes/
-   */
-  indeterminate: boolean;
-  /**
-   * The label of the checkbox input
-   *
-   * @internal
-   */
-  label?: string;
-  /** The name of the checkbox input */
-  name: any;
-  /**
-   * When true, makes the component required for form-submission.
-   *
-   * @internal
-   */
-  required: boolean;
-  /** specify the scale of the checkbox, defaults to m */
-  scale: Scale;
-  /** The value of the checkbox input */
-  value: any;
-  readonly checkedPath = "M5.5 12L2 8.689l.637-.636L5.5 10.727l8.022-7.87.637.637z";
-  readonly indeterminatePath = "M13 8v1H3V8z";
-  labelEl: HTMLCalciteLabelElement;
-  formEl: HTMLFormElement;
-  defaultChecked: boolean;
-  defaultValue: Checkbox["checked"];
-  toggleEl: HTMLDivElement;
-  /** Sets focus on the component. */
-  setFocus(): Promise<void>;
-  getPath: () => string;
-  toggle: () => void;
-  keyDownHandler: (event: KeyboardEvent) => void;
-  clickHandler: () => void;
-  /**
-   * Emitted when the checkbox is blurred
-   *
-   * @internal
-   */
-  calciteInternalCheckboxBlur: EventEmitter<boolean>;
-  /** Emitted when the checkbox checked status changes */
-  calciteCheckboxChange: EventEmitter<void>;
-  /**
-   * Emitted when the checkbox is focused
-   *
-   * @internal
-   */
-  calciteInternalCheckboxFocus: EventEmitter<boolean>;
-  onToggleBlur: () => void;
-  onToggleFocus: () => void;
-  onLabelClick: () => void;
-  connectedCallback(): void;
-  disconnectedCallback(): void;
-  componentDidRender(): void;
-  render(): VNode;
-}
+import { EventEmitter, VNode } from "../../stencil-public-runtime";
+import { Scale } from "../interfaces";
+import { CheckableFormComponent } from "../../utils/form";
+import { LabelableComponent } from "../../utils/label";
+import { InteractiveComponent } from "../../utils/interactive";
+export declare class Checkbox implements LabelableComponent, CheckableFormComponent, InteractiveComponent {
+  el: HTMLCalciteCheckboxElement;
+  /** The checked state of the checkbox. */
+  checked: boolean;
+  /** True if the checkbox is disabled */
+  disabled: boolean;
+  /** The id attribute of the checkbox.  When omitted, a globally unique identifier is used. */
+  guid: string;
+  /**
+   * The hovered state of the checkbox.
+   *
+   * @internal
+   */
+  hovered: boolean;
+  /**
+   * True if the checkbox is initially indeterminate,
+   * which is independent from its checked state
+   * https://css-tricks.com/indeterminate-checkboxes/
+   */
+  indeterminate: boolean;
+  /**
+   * The label of the checkbox input
+   *
+   * @internal
+   */
+  label?: string;
+  /** The name of the checkbox input */
+  name: any;
+  /**
+   * When true, makes the component required for form-submission.
+   *
+   * @internal
+   */
+  required: boolean;
+  /** specify the scale of the checkbox, defaults to m */
+  scale: Scale;
+  /** The value of the checkbox input */
+  value: any;
+  readonly checkedPath = "M5.5 12L2 8.689l.637-.636L5.5 10.727l8.022-7.87.637.637z";
+  readonly indeterminatePath = "M13 8v1H3V8z";
+  labelEl: HTMLCalciteLabelElement;
+  formEl: HTMLFormElement;
+  defaultChecked: boolean;
+  defaultValue: Checkbox["checked"];
+  toggleEl: HTMLDivElement;
+  /** Sets focus on the component. */
+  setFocus(): Promise<void>;
+  getPath: () => string;
+  toggle: () => void;
+  keyDownHandler: (event: KeyboardEvent) => void;
+  clickHandler: () => void;
+  /**
+   * Emitted when the checkbox is blurred
+   *
+   * @internal
+   */
+  calciteInternalCheckboxBlur: EventEmitter<boolean>;
+  /** Emitted when the checkbox checked status changes */
+  calciteCheckboxChange: EventEmitter<void>;
+  /**
+   * Emitted when the checkbox is focused
+   *
+   * @internal
+   */
+  calciteInternalCheckboxFocus: EventEmitter<boolean>;
+  onToggleBlur: () => void;
+  onToggleFocus: () => void;
+  onLabelClick: () => void;
+  connectedCallback(): void;
+  disconnectedCallback(): void;
+  componentDidRender(): void;
+  render(): VNode;
+}