@esri/calcite-components 1.0.0-next.659 → 1.0.0-next.660

package/dist/loader/cdn.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.659
+ * v1.0.0-next.660
  */
 module.exports = require('../cjs/loader.cjs.js');
 module.exports.applyPolyfills = function() { return Promise.resolve() };

package/dist/loader/index.cjs.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.659
+ * v1.0.0-next.660
  */
 module.exports = require('../cjs/loader.cjs.js');
 module.exports.applyPolyfills = function() { return Promise.resolve() };

package/dist/loader/index.es2017.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.659
+ * v1.0.0-next.660
  */
 export * from '../esm/polyfills/index.js';
 export * from '../esm/loader.js';

package/dist/loader/index.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.659
+ * v1.0.0-next.660
  */
 (function(){if("undefined"!==typeof window&&void 0!==window.Reflect&&void 0!==window.customElements){var a=HTMLElement;window.HTMLElement=function(){return Reflect.construct(a,[],this.constructor)};HTMLElement.prototype=a.prototype;HTMLElement.prototype.constructor=HTMLElement;Object.setPrototypeOf(HTMLElement,a)}})();
 export * from '../esm/polyfills/index.js';

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

@@ -15,8 +15,8 @@ export declare class Accordion {
   /** Specifies the size of the component. */
   scale: Scale;
   /**
-   * Specifies the selection mode - "multiple" (allow any number of open items), "single" (allow one open item),
-   * or "single-persist" (allow and require one open item).
+   * Specifies the selection mode - `"multiple"` (allow any number of open items), `"single"` (allow one open item),
+   * or `"single-persist"` (allow and require one open item).
    */
   selectionMode: AccordionSelectionMode;
   /**

package/dist/types/components/accordion-item/accordion-item.d.ts

@@ -9,13 +9,13 @@ export declare class AccordionItem implements ConditionalSlotComponent {
   /** When `true`, the component is expanded. */
   expanded: boolean;
   /** Specifies heading text for the component. */
-  heading?: string;
+  heading: string;
   /** Specifies a description for the component. */
   description: string;
   /** Specifies an icon to display at the start of the component. */
-  iconStart?: string;
+  iconStart: string;
   /** Specifies an icon to display at the end of the component. */
-  iconEnd?: string;
+  iconEnd: string;
   /**
    * @internal
    */

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

@@ -13,7 +13,7 @@ export declare class Action implements InteractiveComponent, LoadableComponent {
   /**
    * Specifies the horizontal alignment of button elements with text content.
    */
-  alignment?: Alignment;
+  alignment: Alignment;
   /** Specifies the appearance of the component. */
   appearance: Extract<"solid" | "transparent", Appearance>;
   /**
@@ -25,21 +25,27 @@ export declare class Action implements InteractiveComponent, LoadableComponent {
    */
   disabled: boolean;
   /** Specifies an icon to display. */
-  icon?: string;
+  icon: string;
   /**
    * When `true`, indicates unread changes.
    */
   indicator: boolean;
+  /**
+   * Specifies the text label to display `indicator` is `true`.
+   *
+   * @default "Unread changes"
+   */
+  intlIndicator: string;
   /**
    * Specifies the text label to display while loading.
    *
    * @default "Loading"
    */
-  intlLoading?: string;
+  intlLoading: string;
   /**
    * Specifies the label of the component. If no label is provided, the label inherits what's provided for the `text` prop.
    */
-  label?: string;
+  label: string;
   /**
    * When `true`, a busy indicator is displayed.
    */
@@ -59,6 +65,9 @@ export declare class Action implements InteractiveComponent, LoadableComponent {
   el: HTMLCalciteActionElement;
   buttonEl: HTMLButtonElement;
   mutationObserver: import("../../utils/observers").ExtendedMutationObserver;
+  guid: string;
+  indicatorId: string;
+  buttonId: string;
   connectedCallback(): void;
   componentWillLoad(): void;
   componentDidLoad(): void;
@@ -67,6 +76,7 @@ export declare class Action implements InteractiveComponent, LoadableComponent {
   /** Sets focus on the component. */
   setFocus(): Promise<void>;
   renderTextContainer(): VNode;
+  renderIndicatorText(): VNode;
   renderIconContainer(): VNode;
   render(): VNode;
   handleTooltipSlotChange: (event: Event) => void;

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

@@ -2,6 +2,7 @@ export declare const CSS: {
   button: string;
   buttonTextVisible: string;
   buttonCompact: string;
+  indicatorText: string;
   iconContainer: string;
   slotContainer: string;
   slotContainerHidden: string;
@@ -10,6 +11,7 @@ export declare const CSS: {
 };
 export declare const TEXT: {
   loading: string;
+  indicator: string;
 };
 export declare const SLOTS: {
   tooltip: string;

package/dist/types/components/action-bar/action-bar.d.ts

@@ -21,11 +21,11 @@ export declare class ActionBar implements ConditionalSlotComponent, LoadableComp
   /**
    * Specifies the label of the expand icon when the component is collapsed.
    */
-  intlExpand?: string;
+  intlExpand: string;
   /**
    * Specifies the label of the collapse icon when the component is expanded.
    */
-  intlCollapse?: string;
+  intlCollapse: string;
   /**
    *  The layout direction of the actions.
    */

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

@@ -20,11 +20,11 @@ export declare class ActionGroup implements ConditionalSlotComponent {
   /**
    * Indicates number of columns.
    */
-  columns?: Columns;
+  columns: Columns;
   /**
    * Specifies a text string for the `calcite-action-menu`.
    */
-  intlMore?: string;
+  intlMore: string;
   /**
    * When `true`, the `calcite-action-menu` is open.
    */

package/dist/types/components/action-menu/action-menu.d.ts

@@ -20,7 +20,7 @@ export declare class ActionMenu implements LoadableComponent {
   /**
    * Defines the available placements that can be used when a flip occurs.
    */
-  flipPlacements?: EffectivePlacement[];
+  flipPlacements: EffectivePlacement[];
   /**
    *  Specifies the text string for the component.
    */

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

@@ -23,11 +23,11 @@ export declare class ActionPad implements ConditionalSlotComponent, LoadableComp
   /**
    * Specifies the label of the expand icon when the component is collapsed.
    */
-  intlExpand?: string;
+  intlExpand: string;
   /**
    * Specifies the label of the collapse icon when the component is expanded.
    */
-  intlCollapse?: string;
+  intlCollapse: string;
   /**
    * Arranges the component depending on the element's `dir` property.
    */

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

@@ -9,9 +9,9 @@ import { LoadableComponent } from "../../utils/loadable";
  * 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 title - A slot for 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.)
+ * @slot link - A slot for adding a `calcite-action` to take from the component 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 fewer actions.
  */
 export declare class Alert implements OpenCloseComponent, LocalizedComponent, LoadableComponent {
@@ -41,7 +41,7 @@ export declare class Alert implements OpenCloseComponent, LocalizedComponent, Lo
   /**
    * Specifies the Unicode numeral system used by the component for localization.
    */
-  numberingSystem?: NumberingSystem;
+  numberingSystem: NumberingSystem;
   /** Specifies the placement of the component */
   placement: AlertPlacement;
   /** Specifies the size of the component. */

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

@@ -35,25 +35,25 @@ export declare class Block implements ConditionalSlotComponent, InteractiveCompo
    *
    * @default "Collapse"
    */
-  intlCollapse?: string;
+  intlCollapse: string;
   /**
    * Accessible name for the component's expand button.
    *
    * @default "Expand"
    */
-  intlExpand?: string;
+  intlExpand: string;
   /**
    * Accessible name when the component is loading.
    *
    * @default "Loading"
    */
-  intlLoading?: string;
+  intlLoading: string;
   /**
    * Accessible name for the component's options button.
    *
    * @default "Options"
    */
-  intlOptions?: string;
+  intlOptions: string;
   /**
    * When `true`, a busy indicator is displayed.
    */
@@ -65,7 +65,7 @@ export declare class Block implements ConditionalSlotComponent, InteractiveCompo
   /**
    * Displays a status-related indicator icon.
    */
-  status?: Status;
+  status: Status;
   /**
    * A description for the component, which displays below the heading.
    */

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

@@ -8,11 +8,11 @@ export declare class BlockSection {
   /**
    * Accessible name for the component's collapse button.
    */
-  intlCollapse?: string;
+  intlCollapse: string;
   /**
    * Accessible name for the component's expand button.
    */
-  intlExpand?: string;
+  intlExpand: string;
   /**
    * When `true`, expands the component and its contents.
    */
@@ -20,7 +20,7 @@ export declare class BlockSection {
   /**
    * Displays a status-related indicator icon.
    */
-  status?: Status;
+  status: Status;
   /**
    * The component header text.
    */

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

@@ -12,11 +12,11 @@ import { LoadableComponent } from "../../utils/loadable";
 export declare class Button implements LabelableComponent, InteractiveComponent, FormOwner, LoadableComponent {
   el: HTMLCalciteButtonElement;
   /** Specifies the alignment of the component's elements. */
-  alignment?: ButtonAlignment;
+  alignment: ButtonAlignment;
   /** Specifies the appearance style of the component. */
   appearance: ButtonAppearance;
   /** Accessible name for the component. */
-  label?: string;
+  label: string;
   /** Specifies the color of the component. */
   color: ButtonColor;
   /**  When `true`, interaction is prevented and the component is displayed with lower opacity. */
@@ -24,19 +24,19 @@ export declare class Button implements LabelableComponent, InteractiveComponent,
   /**
    * Specifies the URL of the linked resource, which can be set as an absolute or relative path.
    */
-  href?: string;
+  href: string;
   /** Specifies an icon to display at the end of the component. */
-  iconEnd?: string;
+  iconEnd: string;
   /** When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`). */
-  iconFlipRtl?: FlipContext;
+  iconFlipRtl: FlipContext;
   /** Specifies an icon to display at the start of the component. */
-  iconStart?: string;
+  iconStart: string;
   /**
    * Accessible name when the component is loading.
    *
    * @default "Loading"
    */
-  intlLoading?: string;
+  intlLoading: string;
   /**
    * When `true`, a busy indicator is displayed and interaction is disabled.
    */
@@ -48,25 +48,25 @@ export declare class Button implements LabelableComponent, InteractiveComponent,
    *
    * @mdn [rel](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/rel)
    */
-  rel?: string;
+  rel: string;
   /**
    * The form ID to associate with the component.
    *
    * @deprecated – The property is no longer needed if the component is placed inside a form.
    */
-  form?: string;
+  form: string;
   /** When `true`, adds a round style to the component. */
   round: boolean;
   /** Specifies the size of the component. */
   scale: Scale;
   /** Specifies if the component is a child of a `calcite-split-button`. */
-  splitChild?: "primary" | "secondary" | false;
+  splitChild: "primary" | "secondary" | false;
   /**
    * Specifies where to open the linked document defined in the `href` property.
    *
    * @mdn [target](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-target)
    */
-  target?: string;
+  target: string;
   /**
    * Specifies the default behavior of the button.
    *

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

@@ -26,7 +26,7 @@ export declare class Card implements ConditionalSlotComponent {
    *
    * @default "Loading"
    */
-  intlLoading?: string;
+  intlLoading: string;
   /**
    * When `selectable` is `true`, the accessible name for the component's checkbox for selection.
    *

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

@@ -31,7 +31,7 @@ export declare class Checkbox implements LabelableComponent, CheckableFormCompon
    *
    * @internal
    */
-  label?: string;
+  label: string;
   /** Specifies the name of the component on form submission. */
   name: any;
   /**

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

@@ -19,9 +19,9 @@ export declare class Chip implements ConditionalSlotComponent, LoadableComponent
    *
    * @default "Close"
    */
-  dismissLabel?: string;
+  dismissLabel: string;
   /** Specifies an icon to display. */
-  icon?: string;
+  icon: string;
   /** When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`). */
   iconFlipRtl: boolean;
   /** Specifies the size of the component. */

package/dist/types/components/color-picker/color-picker.d.ts

@@ -166,7 +166,7 @@ export declare class ColorPicker implements InteractiveComponent, LoadableCompon
   /** Specifies the storage ID for colors. */
   storageId: string;
   /** Specifies the Unicode numeral system used by the component for localization. */
-  numberingSystem?: NumberingSystem;
+  numberingSystem: NumberingSystem;
   /**
    * The component's value, where the value can be a CSS color string, or a RGB, HSL or HSV object.
    *

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

@@ -32,9 +32,9 @@ export declare class Combobox implements LabelableComponent, FormComponent, Inte
   /** Accessible name for the component. */
   label: string;
   /** Specifies the placeholder text for the input. */
-  placeholder?: string;
+  placeholder: string;
   /** Specifies the placeholder icon for the input. */
-  placeholderIcon?: string;
+  placeholderIcon: string;
   /** Specifies the maximum number of `calcite-combobox-item`s (including nested children) to display before displaying a scrollbar. */
   maxItems: number;
   maxItemsHandler(): void;
@@ -79,7 +79,7 @@ export declare class Combobox implements LabelableComponent, FormComponent, Inte
   /**
    * Defines the available placements that can be used when a flip occurs.
    */
-  flipPlacements?: EffectivePlacement[];
+  flipPlacements: EffectivePlacement[];
   flipPlacementsHandler(): void;
   documentClickHandler(event: PointerEvent): void;
   calciteComboboxItemChangeHandler(event: CustomEvent<HTMLCalciteComboboxItemElement>): void;

package/dist/types/components/combobox-item/combobox-item.d.ts

@@ -20,7 +20,7 @@ export declare class ComboboxItem implements ConditionalSlotComponent, Interacti
   /** The `id` attribute of the component. When omitted, a globally unique identifier is used. */
   guid: string;
   /** Specifies an icon to display. */
-  icon?: string;
+  icon: string;
   selectedWatchHandler(): void;
   /** The component's text. */
   textLabel: string;

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

@@ -49,17 +49,17 @@ export declare class Input implements LabelableComponent, FormComponent, Interac
   /**
    * Accessible name for the component's clear button.
    */
-  intlClear?: string;
+  intlClear: string;
   /**
    * Accessible name when the component is loading.
    *
    * @default "Loading"
    */
-  intlLoading?: string;
+  intlLoading: string;
   /** When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`). */
   iconFlipRtl: boolean;
   /** Accessible name for the component. */
-  label?: string;
+  label: string;
   /** When `true`, a busy indicator is displayed. */
   loading: boolean;
   /**
@@ -74,7 +74,7 @@ export declare class Input implements LabelableComponent, FormComponent, Interac
    * Specifies the Unicode numeral system used by the component for localization.
    *
    */
-  numberingSystem?: NumberingSystem;
+  numberingSystem: NumberingSystem;
   /**
    * When `true`, uses locale formatting for numbers.
    *
@@ -86,7 +86,7 @@ export declare class Input implements LabelableComponent, FormComponent, Interac
    *
    * @mdn [max](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#max)
    */
-  max?: number;
+  max: number;
   /** watcher to update number-to-string for max */
   maxWatcher(): void;
   /**
@@ -94,7 +94,7 @@ export declare class Input implements LabelableComponent, FormComponent, Interac
    *
    * @mdn [min](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#min)
    */
-  min?: number;
+  min: number;
   /** watcher to update number-to-string for min */
   minWatcher(): void;
   /**
@@ -102,19 +102,19 @@ export declare class Input implements LabelableComponent, FormComponent, Interac
    *
    * @deprecated use `maxLength` instead.
    */
-  maxlength?: number;
+  maxlength: number;
   /**
    * Specifies the maximum length of text for the component's value.
    *
    * @mdn [maxlength](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#maxlength)
    */
-  maxLength?: number;
+  maxLength: number;
   /**
    * Specifies the minimum length of text for the component's value.
    *
    * @mdn [minlength](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#minlength)
    */
-  minLength?: number;
+  minLength: number;
   /**
    * Specifies the name of the component on form submission.
    *
@@ -122,7 +122,7 @@ export declare class Input implements LabelableComponent, FormComponent, Interac
    */
   name: string;
   /** Specifies the placement of the buttons for `type="number"`. */
-  numberButtonType?: InputPlacement;
+  numberButtonType: InputPlacement;
   /**
    * Specifies placeholder text for the component.
    *
@@ -130,7 +130,7 @@ export declare class Input implements LabelableComponent, FormComponent, Interac
    */
   placeholder: string;
   /** Adds text to the start of the component. */
-  prefixText?: string;
+  prefixText: string;
   /**
    * When `true`, the component's value can be read, but cannot be modified.
    *
@@ -148,7 +148,7 @@ export declare class Input implements LabelableComponent, FormComponent, Interac
    *
    * @mdn [step](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/step)
    */
-  step?: number | "any";
+  step: number | "any";
   /**
    * Specifies the type of content to autocomplete, for use in forms.
    * Read the native attribute's documentation on MDN for more info.
@@ -180,7 +180,7 @@ export declare class Input implements LabelableComponent, FormComponent, Interac
    */
   multiple: boolean;
   /** Adds text to the end of the component. */
-  suffixText?: string;
+  suffixText: string;
   /**
    * @internal
    */

package/dist/types/components/input-date-picker/input-date-picker.d.ts

@@ -28,35 +28,35 @@ export declare class InputDatePicker implements LabelableComponent, FormComponen
   /**
    * Defines the available placements that can be used when a flip occurs.
    */
-  flipPlacements?: EffectivePlacement[];
+  flipPlacements: EffectivePlacement[];
   flipPlacementsHandler(): void;
   /**
    * Specifies the number at which section headings should start.
    */
   headingLevel: HeadingLevel;
   /** The component's value as a full date object. */
-  valueAsDate?: Date | Date[];
+  valueAsDate: Date | Date[];
   /**
    * The component's start date as a full date object.
    *
    * @deprecated use `valueAsDate` instead.
    */
-  startAsDate?: Date;
+  startAsDate: Date;
   /**
    * The component's end date as a full date object.
    *
    * @deprecated use `valueAsDate` instead.
    */
-  endAsDate?: Date;
+  endAsDate: Date;
   /** Specifies the earliest allowed date as a full date object. */
-  minAsDate?: Date;
+  minAsDate: Date;
   /** Specifies the latest allowed date as a full date object. */
-  maxAsDate?: Date;
+  maxAsDate: Date;
   /** Specifies the earliest allowed date ("yyyy-mm-dd"). */
-  min?: string;
+  min: string;
   onMinChanged(min: string): void;
   /** Specifies the latest allowed date ("yyyy-mm-dd"). */
-  max?: string;
+  max: string;
   onMaxChanged(max: string): void;
   /**
    * When `true`, the component is active.
@@ -77,31 +77,31 @@ export declare class InputDatePicker implements LabelableComponent, FormComponen
    *
    * @default "Previous month"
    */
-  intlPrevMonth?: string;
+  intlPrevMonth: string;
   /**
    * Accessible name for the component's next month button.
    *
    * @default "Next month"
    */
-  intlNextMonth?: string;
+  intlNextMonth: string;
   /**
    * Accessible name for the component's year input.
    *
    * @default "Year"
    */
-  intlYear?: string;
+  intlYear: string;
   /**
    * Specifies the BCP 47 language tag for the desired language and country format.
    *
    * @deprecated set the global `lang` attribute on the element instead.
    * @mdn [lang](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/lang)
    */
-  locale?: string;
+  locale: string;
   /**
    * Specifies the Unicode numeral system used by the component for localization. This property cannot be dynamically changed.
    *
    */
-  numberingSystem?: NumberingSystem;
+  numberingSystem: NumberingSystem;
   /** Specifies the size of the component. */
   scale: "s" | "m" | "l";
   /**
@@ -123,13 +123,13 @@ export declare class InputDatePicker implements LabelableComponent, FormComponen
    *
    * @deprecated use `value` instead.
    */
-  start?: string;
+  start: string;
   /**
    * The component's end date.
    *
    * @deprecated use `value` instead.
    */
-  end?: string;
+  end: string;
   /**
    * Determines the type of positioning to use for the overlaid content.
    *