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

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

@@ -1,218 +1,236 @@
-import { EventEmitter, VNode } from "../../stencil-public-runtime";
-import { ColorStop, DataSeries } from "../graph/interfaces";
-import { Scale } from "../interfaces";
-import { LabelableComponent } from "../../utils/label";
-import { FormComponent } from "../../utils/form";
-import { InteractiveComponent } from "../../utils/interactive";
-export declare class Slider implements LabelableComponent, FormComponent, InteractiveComponent {
-  el: HTMLCalciteSliderElement;
-  /** When true, interaction is prevented and the component is displayed with lower opacity. */
-  disabled: boolean;
-  /** When true, indicates a histogram is present. */
-  hasHistogram: boolean;
-  /**
-   * A list of the histogram's x,y coordinates within the component's "min" and "max". Displays above the component's track.
-   *
-   * @see [DataSeries](https://github.com/Esri/calcite-components/blob/master/src/components/graph/interfaces.ts#L5)
-   */
-  histogram?: DataSeries;
-  histogramWatcher(newHistogram: DataSeries): void;
-  /**
-   * A set of single color stops for a histogram, sorted by offset ascending.
-   */
-  histogramStops: ColorStop[];
-  /** When true, displays label handles with their numeric value. */
-  labelHandles: boolean;
-  /** When true and "ticks" is specified, displays label tick marks with their numeric value. */
-  labelTicks: boolean;
-  /** The component's maximum selectable value. */
-  max: number;
-  /** For multiple selections, the accessible name for the second handle, such as "Temperature, upper bound". */
-  maxLabel?: string;
-  /** For multiple selections, the component's upper value. */
-  maxValue?: number;
-  /** The component's minimum selectable value. */
-  min: number;
-  /** Accessible name for first (or only) handle, such as "Temperature, lower bound". */
-  minLabel: string;
-  /** For multiple selections, the component's lower value. */
-  minValue?: number;
-  /**
-   * When true, the slider will display values from high to low.
-   *
-   * Note that this value will be ignored if the slider has an associated histogram.
-   */
-  mirrored: boolean;
-  /** Specifies the name of the component on form submission. */
-  name: string;
-  /** Specifies the interval to move with the page up, or page down keys. */
-  pageStep?: number;
-  /** When true, sets a finer point for handles. */
-  precise: boolean;
-  /**
-   * When true, the component must have a value on form submission.
-   */
-  required: boolean;
-  /** When true, enables snap selection in coordination with "step" via a mouse. */
-  snap: boolean;
-  /** Specifies the interval to move with the up, or down keys. */
-  step?: number;
-  /** Displays tick marks on the number line at a specified interval. */
-  ticks?: number;
-  /** The component's value. */
-  value: null | number | number[];
-  valueHandler(): void;
-  minMaxValueHandler(): void;
-  /**
-   *  Specifies the size of the component.
-   */
-  scale: Scale;
-  connectedCallback(): void;
-  disconnectedCallback(): void;
-  componentWillLoad(): void;
-  componentDidRender(): void;
-  render(): VNode;
-  private renderGraph;
-  private renderTickLabel;
-  keyDownHandler(event: KeyboardEvent): void;
-  pointerDownHandler(event: PointerEvent): void;
-  handleTouchStart(event: TouchEvent): void;
-  /**
-   * Fires on all updates to the component.
-   *
-   * **Note:** Will be fired frequently during drag. If you are performing any
-   * expensive operations consider using a debounce or throttle to avoid
-   * locking up the main thread.
-   */
-  calciteSliderInput: EventEmitter<void>;
-  /**
-   * Fires when the thumb is released on the component.
-   *
-   * **Note:** If you need to constantly listen to the drag event,
-   * use "calciteSliderInput" instead.
-   */
-  calciteSliderChange: EventEmitter<void>;
-  /**
-   * Fires on all updates to the component.
-   *
-   * **Note:** Will be fired frequently during drag. If you are performing any
-   * expensive operations consider using a debounce or throttle to avoid
-   * locking up the main thread.
-   *
-   * @deprecated use "calciteSliderInput" instead.
-   */
-  calciteSliderUpdate: EventEmitter<void>;
-  /** Sets focus on the component. */
-  setFocus(): Promise<void>;
-  labelEl: HTMLCalciteLabelElement;
-  formEl: HTMLFormElement;
-  defaultValue: Slider["value"];
-  private guid;
-  private dragProp;
-  private lastDragProp;
-  private lastDragPropValue;
-  private minHandle;
-  private maxHandle;
-  private trackEl;
-  private activeProp;
-  private minMaxValueRange;
-  private minValueDragRange;
-  private maxValueDragRange;
-  private tickValues;
-  setValueFromMinMax(): void;
-  setMinMaxFromValue(): void;
-  onLabelClick(): void;
-  private shouldMirror;
-  private shouldUseMinValue;
-  private generateTickValues;
-  private dragStart;
-  private focusActiveHandle;
-  private dragUpdate;
-  private emitInput;
-  private emitChange;
-  private dragEnd;
-  private removeDragListeners;
-  /**
-   * Set the prop value if changed at the component level
-   *
-   * @param valueProp
-   * @param value
-   */
-  private setValue;
-  /**
-   * Set the reference of the track Element
-   *
-   * @internal
-   * @param node
-   */
-  private storeTrackRef;
-  /**
-   * If number is outside range, constrain to min or max
-   *
-   * @param value
-   * @param prop
-   * @internal
-   */
-  private clamp;
-  /**
-   * Translate a pixel position to value along the range
-   *
-   * @param x
-   * @internal
-   */
-  private translate;
-  /**
-   * Get closest allowed value along stepped values
-   *
-   * @param num
-   * @internal
-   */
-  private getClosestStep;
-  private getClosestHandle;
-  private getDistanceX;
-  private getFontSizeForElement;
-  /**
-   * Get position of value along range as fractional value
-   *
-   * @param num
-   * @return {number} number in the unit interval [0,1]
-   * @internal
-   */
-  private getUnitInterval;
-  private adjustHostObscuredHandleLabel;
-  private hyphenateCollidingRangeHandleLabels;
-  /**
-   * Hides bounding tick labels that are obscured by either handle.
-   */
-  private hideObscuredBoundingTickLabels;
-  /**
-   * Returns an integer representing the number of pixels to offset on the left or right side based on desired position behavior.
-   *
-   * @param leftBounds
-   * @param rightBounds
-   * @internal
-   */
-  private getHostOffset;
-  /**
-   * Returns an integer representing the number of pixels that the two given span elements are overlapping, taking into account
-   * a space in between the two spans equal to the font-size set on them to account for the space needed to render a hyphen.
-   *
-   * @param leftLabel
-   * @param rightLabel
-   */
-  private getRangeLabelOverlap;
-  /**
-   * Returns a boolean value representing if the minLabel span element is obscured (being overlapped) by the given handle div element.
-   *
-   * @param minLabel
-   * @param handle
-   */
-  private isMinTickLabelObscured;
-  /**
-   * Returns a boolean value representing if the maxLabel span element is obscured (being overlapped) by the given handle div element.
-   *
-   * @param maxLabel
-   * @param handle
-   */
-  private isMaxTickLabelObscured;
-}
+import { EventEmitter, VNode } from "../../stencil-public-runtime";
+import { ColorStop, DataSeries } from "../graph/interfaces";
+import { Scale } from "../interfaces";
+import { LabelableComponent } from "../../utils/label";
+import { FormComponent } from "../../utils/form";
+import { InteractiveComponent } from "../../utils/interactive";
+import { GlobalAttrComponent } from "../../utils/globalAttributes";
+export declare class Slider implements LabelableComponent, FormComponent, InteractiveComponent, GlobalAttrComponent {
+  el: HTMLCalciteSliderElement;
+  /** When true, interaction is prevented and the component is displayed with lower opacity. */
+  disabled: boolean;
+  /**
+   * When true, number values are displayed with a group separator corresponding to the language and country format.
+   */
+  groupSeparator: boolean;
+  /** When true, indicates a histogram is present. */
+  hasHistogram: boolean;
+  /**
+   * A list of the histogram's x,y coordinates within the component's "min" and "max". Displays above the component's track.
+   *
+   * @see [DataSeries](https://github.com/Esri/calcite-components/blob/master/src/components/graph/interfaces.ts#L5)
+   */
+  histogram?: DataSeries;
+  histogramWatcher(newHistogram: DataSeries): void;
+  /**
+   * A set of single color stops for a histogram, sorted by offset ascending.
+   */
+  histogramStops: ColorStop[];
+  /** When true, displays label handles with their numeric value. */
+  labelHandles: boolean;
+  /** When true and "ticks" is specified, displays label tick marks with their numeric value. */
+  labelTicks: boolean;
+  /** The component's maximum selectable value. */
+  max: number;
+  /** For multiple selections, the accessible name for the second handle, such as "Temperature, upper bound". */
+  maxLabel?: string;
+  /** For multiple selections, the component's upper value. */
+  maxValue?: number;
+  /** The component's minimum selectable value. */
+  min: number;
+  /** Accessible name for first (or only) handle, such as "Temperature, lower bound". */
+  minLabel: string;
+  /** For multiple selections, the component's lower value. */
+  minValue?: number;
+  /**
+   * When true, the slider will display values from high to low.
+   *
+   * Note that this value will be ignored if the slider has an associated histogram.
+   */
+  mirrored: boolean;
+  /** Specifies the name of the component on form submission. */
+  name: string;
+  /**
+   * Specifies the Unicode numeral system used by the component for localization.
+   *
+   * @mdn [numberingSystem](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/Locale/numberingSystem)
+   */
+  numberingSystem?: string;
+  /** Specifies the interval to move with the page up, or page down keys. */
+  pageStep?: number;
+  /** When true, sets a finer point for handles. */
+  precise: boolean;
+  /**
+   * When true, the component must have a value on form submission.
+   */
+  required: boolean;
+  /** When true, enables snap selection in coordination with "step" via a mouse. */
+  snap: boolean;
+  /** Specifies the interval to move with the up, or down keys. */
+  step?: number;
+  /** Displays tick marks on the number line at a specified interval. */
+  ticks?: number;
+  /** The component's value. */
+  value: null | number | number[];
+  valueHandler(): void;
+  minMaxValueHandler(): void;
+  /**
+   *  Specifies the size of the component.
+   */
+  scale: Scale;
+  connectedCallback(): void;
+  disconnectedCallback(): void;
+  componentWillLoad(): void;
+  componentDidRender(): void;
+  render(): VNode;
+  private renderGraph;
+  private renderTickLabel;
+  keyDownHandler(event: KeyboardEvent): void;
+  pointerDownHandler(event: PointerEvent): void;
+  handleTouchStart(event: TouchEvent): void;
+  /**
+   * Fires on all updates to the component.
+   *
+   * **Note:** Will be fired frequently during drag. If you are performing any
+   * expensive operations consider using a debounce or throttle to avoid
+   * locking up the main thread.
+   */
+  calciteSliderInput: EventEmitter<void>;
+  /**
+   * Fires when the thumb is released on the component.
+   *
+   * **Note:** If you need to constantly listen to the drag event,
+   * use "calciteSliderInput" instead.
+   */
+  calciteSliderChange: EventEmitter<void>;
+  /**
+   * Fires on all updates to the component.
+   *
+   * **Note:** Will be fired frequently during drag. If you are performing any
+   * expensive operations consider using a debounce or throttle to avoid
+   * locking up the main thread.
+   *
+   * @deprecated use "calciteSliderInput" instead.
+   */
+  calciteSliderUpdate: EventEmitter<void>;
+  /** Sets focus on the component. */
+  setFocus(): Promise<void>;
+  labelEl: HTMLCalciteLabelElement;
+  formEl: HTMLFormElement;
+  defaultValue: Slider["value"];
+  private guid;
+  private dragProp;
+  private lastDragProp;
+  private lastDragPropValue;
+  private minHandle;
+  private maxHandle;
+  private trackEl;
+  private activeProp;
+  private minMaxValueRange;
+  private minValueDragRange;
+  private maxValueDragRange;
+  private tickValues;
+  globalAttributes: {};
+  setValueFromMinMax(): void;
+  setMinMaxFromValue(): void;
+  onLabelClick(): void;
+  private shouldMirror;
+  private shouldUseMinValue;
+  private generateTickValues;
+  private dragStart;
+  private focusActiveHandle;
+  private dragUpdate;
+  private emitInput;
+  private emitChange;
+  private dragEnd;
+  private removeDragListeners;
+  /**
+   * Set the prop value if changed at the component level
+   *
+   * @param valueProp
+   * @param value
+   */
+  private setValue;
+  /**
+   * Set the reference of the track Element
+   *
+   * @internal
+   * @param node
+   */
+  private storeTrackRef;
+  /**
+   * If number is outside range, constrain to min or max
+   *
+   * @param value
+   * @param prop
+   * @internal
+   */
+  private clamp;
+  /**
+   * Translate a pixel position to value along the range
+   *
+   * @param x
+   * @internal
+   */
+  private translate;
+  /**
+   * Get closest allowed value along stepped values
+   *
+   * @param num
+   * @internal
+   */
+  private getClosestStep;
+  private getClosestHandle;
+  private getDistanceX;
+  private getFontSizeForElement;
+  /**
+   * Get position of value along range as fractional value
+   *
+   * @param num
+   * @return {number} number in the unit interval [0,1]
+   * @internal
+   */
+  private getUnitInterval;
+  private adjustHostObscuredHandleLabel;
+  private hyphenateCollidingRangeHandleLabels;
+  /**
+   * Hides bounding tick labels that are obscured by either handle.
+   */
+  private hideObscuredBoundingTickLabels;
+  /**
+   * Returns an integer representing the number of pixels to offset on the left or right side based on desired position behavior.
+   *
+   * @param leftBounds
+   * @param rightBounds
+   * @internal
+   */
+  private getHostOffset;
+  /**
+   * Returns an integer representing the number of pixels that the two given span elements are overlapping, taking into account
+   * a space in between the two spans equal to the font-size set on them to account for the space needed to render a hyphen.
+   *
+   * @param leftLabel
+   * @param rightLabel
+   */
+  private getRangeLabelOverlap;
+  /**
+   * Returns a boolean value representing if the minLabel span element is obscured (being overlapped) by the given handle div element.
+   *
+   * @param minLabel
+   * @param handle
+   */
+  private isMinTickLabelObscured;
+  /**
+   * Returns a boolean value representing if the maxLabel span element is obscured (being overlapped) by the given handle div element.
+   *
+   * @param maxLabel
+   * @param handle
+   */
+  private isMaxTickLabelObscured;
+  /**
+   * Returns a string representing the localized label value based on groupSeparator prop being on or off.
+   *
+   * @param value
+   */
+  private determineGroupSeparator;
+}

package/dist/types/components/sortable-list/resources.d.ts

@@ -1,6 +1,6 @@
-export declare const CSS: {
-  sortItem: string;
-  container: string;
-  containerHorizontal: string;
-  containerVertical: string;
-};
+export declare const CSS: {
+  sortItem: string;
+  container: string;
+  containerHorizontal: string;
+  containerVertical: string;
+};

package/dist/types/components/sortable-list/sortable-list.d.ts

@@ -1,52 +1,52 @@
-import Sortable from "sortablejs";
-import { EventEmitter, VNode } from "../../stencil-public-runtime";
-import { Layout } from "../interfaces";
-import { InteractiveComponent } from "../../utils/interactive";
-/**
- * @slot - A slot for adding sortable items.
- */
-export declare class SortableList implements InteractiveComponent {
-  /**
-   * Specifies which items inside the element should be draggable.
-   */
-  dragSelector?: string;
-  /**
-   * The list's group identifier.
-   *
-   * To drag elements from one list into another, both lists must have the same group value.
-   */
-  group?: string;
-  /**
-   * The selector for the handle elements.
-   */
-  handleSelector: string;
-  /**
-   * Indicates the horizontal or vertical orientation of the component.
-   */
-  layout: Layout;
-  /**
-   * When true, disabled prevents interaction. This state shows items with lower opacity/grayed.
-   */
-  disabled: boolean;
-  /**
-   * When true, content is waiting to be loaded. This state shows a busy indicator.
-   */
-  loading: boolean;
-  el: HTMLCalciteSortableListElement;
-  handleActivated: boolean;
-  items: Element[];
-  mutationObserver: MutationObserver;
-  sortable: Sortable;
-  connectedCallback(): void;
-  disconnectedCallback(): void;
-  componentDidRender(): void;
-  /**
-   * Emitted when the order of the list has changed.
-   */
-  calciteListOrderChange: EventEmitter<void>;
-  calciteHandleNudgeHandler(event: CustomEvent): void;
-  setUpDragAndDrop(): void;
-  cleanUpDragAndDrop(): void;
-  beginObserving(): void;
-  render(): VNode;
-}
+import Sortable from "sortablejs";
+import { EventEmitter, VNode } from "../../stencil-public-runtime";
+import { Layout } from "../interfaces";
+import { InteractiveComponent } from "../../utils/interactive";
+/**
+ * @slot - A slot for adding sortable items.
+ */
+export declare class SortableList implements InteractiveComponent {
+  /**
+   * Specifies which items inside the element should be draggable.
+   */
+  dragSelector?: string;
+  /**
+   * The list's group identifier.
+   *
+   * To drag elements from one list into another, both lists must have the same group value.
+   */
+  group?: string;
+  /**
+   * The selector for the handle elements.
+   */
+  handleSelector: string;
+  /**
+   * Indicates the horizontal or vertical orientation of the component.
+   */
+  layout: Layout;
+  /**
+   * When true, disabled prevents interaction. This state shows items with lower opacity/grayed.
+   */
+  disabled: boolean;
+  /**
+   * When true, content is waiting to be loaded. This state shows a busy indicator.
+   */
+  loading: boolean;
+  el: HTMLCalciteSortableListElement;
+  handleActivated: boolean;
+  items: Element[];
+  mutationObserver: MutationObserver;
+  sortable: Sortable;
+  connectedCallback(): void;
+  disconnectedCallback(): void;
+  componentDidRender(): void;
+  /**
+   * Emitted when the order of the list has changed.
+   */
+  calciteListOrderChange: EventEmitter<void>;
+  calciteHandleNudgeHandler(event: CustomEvent): void;
+  setUpDragAndDrop(): void;
+  cleanUpDragAndDrop(): void;
+  beginObserving(): void;
+  render(): VNode;
+}

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

@@ -1,8 +1,8 @@
-export declare const CSS: {
-  container: string;
-  dividerContainer: string;
-  divider: string;
-  widthAuto: string;
-  widthHalf: string;
-  widthFull: string;
-};
+export declare const CSS: {
+  container: string;
+  dividerContainer: string;
+  divider: string;
+  widthAuto: string;
+  widthHalf: string;
+  widthFull: string;
+};