@esri/calcite-components 1.0.0-next.676 → 1.0.0-next.678

package/dist/extras/docs-json.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2022-12-14T17:00:18",
+  "timestamp": "2022-12-14T20:19:08",
   "compiler": {
     "name": "@stencil/core",
     "version": "2.20.0",
@@ -1744,10 +1744,10 @@
       },
       "props": [
         {
-          "name": "autoDismiss",
+          "name": "autoClose",
           "type": "boolean",
           "mutable": false,
-          "attr": "auto-dismiss",
+          "attr": "auto-close",
           "reflectToAttr": true,
           "docs": "When `true`, the component closes automatically (recommended for passive, non-blocking alerts).",
           "docsTags": [],
@@ -1761,14 +1761,14 @@
           "required": false
         },
         {
-          "name": "autoDismissDuration",
+          "name": "autoCloseDuration",
           "type": "\"fast\" | \"medium\" | \"slow\"",
           "mutable": false,
-          "attr": "auto-dismiss-duration",
+          "attr": "auto-close-duration",
           "reflectToAttr": true,
-          "docs": "Specifies the duration before the component automatically closes (only use with `autoDismiss`).",
+          "docs": "Specifies the duration before the component automatically closes (only use with `autoClose`).",
           "docsTags": [],
-          "default": "this.autoDismiss ? \"medium\" : null",
+          "default": "this.autoClose ? \"medium\" : null",
           "values": [
             {
               "value": "fast",
@@ -3981,12 +3981,12 @@
       ],
       "events": [
         {
-          "event": "calciteChipDismiss",
+          "event": "calciteChipClose",
           "detail": "any",
           "bubbles": true,
           "cancelable": false,
           "composed": true,
-          "docs": "Fires when the dismiss button is clicked.\n\n**Note:**: The `el` event payload props is deprecated, please use the event's `target`/`currentTarget` instead.",
+          "docs": "Fires when the close button is clicked.\n\n**Note:**: The `el` event payload props is deprecated, please use the event's `target`/`currentTarget` instead.",
           "docsTags": []
         }
       ],
@@ -5332,6 +5332,26 @@
           "optional": false,
           "required": false
         },
+        {
+          "name": "filteredItems",
+          "type": "HTMLCalciteComboboxItemElement[]",
+          "mutable": true,
+          "reflectToAttr": false,
+          "docs": "Specifies the component's filtered items.",
+          "docsTags": [
+            {
+              "name": "readonly"
+            }
+          ],
+          "default": "[]",
+          "values": [
+            {
+              "type": "HTMLCalciteComboboxItemElement[]"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
         {
           "name": "flipPlacements",
           "type": "Placement[]",
@@ -5515,6 +5535,26 @@
           "optional": false,
           "required": false
         },
+        {
+          "name": "selectedItems",
+          "type": "HTMLCalciteComboboxItemElement[]",
+          "mutable": true,
+          "reflectToAttr": false,
+          "docs": "Specifies the component's selected items.",
+          "docsTags": [
+            {
+              "name": "readonly"
+            }
+          ],
+          "default": "[]",
+          "values": [
+            {
+              "type": "HTMLCalciteComboboxItemElement[]"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
         {
           "name": "selectionMode",
           "type": "\"ancestors\" | \"multi\" | \"multiple\" | \"single\"",
@@ -5616,7 +5656,7 @@
         },
         {
           "event": "calciteComboboxChange",
-          "detail": "{ selectedItems: HTMLCalciteComboboxItemElement[]; }",
+          "detail": "void",
           "bubbles": true,
           "cancelable": false,
           "composed": true,
@@ -5624,12 +5664,12 @@
           "docsTags": []
         },
         {
-          "event": "calciteComboboxChipDismiss",
+          "event": "calciteComboboxChipClose",
           "detail": "void",
           "bubbles": true,
           "cancelable": false,
           "composed": true,
-          "docs": "Fires when a selected item in the component is dismissed via its `calcite-chip`.",
+          "docs": "Fires when a selected item in the component is closed via its `calcite-chip`.",
           "docsTags": []
         },
         {
@@ -5643,7 +5683,7 @@
         },
         {
           "event": "calciteComboboxFilterChange",
-          "detail": "{ visibleItems: HTMLCalciteComboboxItemElement[]; text: string; }",
+          "detail": "void",
           "bubbles": true,
           "cancelable": false,
           "composed": true,
@@ -5982,7 +6022,7 @@
       "docsTags": [],
       "usage": {
         "Basic": "You can set a min and max range, as well as an initial value with ISO 8601 formatted strings:\n\n```html\n<calcite-date-picker value=\"2020-03-27\" min=\"2020-02-01\" max=\"2021-01-01\"></calcite-date-picker>\n```\n",
-        "Range": "You can also add range property to activate date range mode. In this mode, you can specify start and end instead of the single value property.\n\n```html\n<calcite-date-picker range start=\"2020-03-15\" end=\"2020-03-27\" min=\"2020-02-01\" max=\"2021-01-01\" />\n```\n"
+        "Range": "You can also add range property to activate date range mode. In this mode, you will have to set the value property directly on the component's instance to an array of date strings.\n\n```html\n<calcite-date-picker range min=\"2020-02-01\" max=\"2021-01-01\" />\n```\n"
       },
       "props": [
         {
@@ -6021,28 +6061,6 @@
           "optional": false,
           "required": false
         },
-        {
-          "name": "end",
-          "type": "string",
-          "mutable": true,
-          "attr": "end",
-          "reflectToAttr": true,
-          "docs": "Specifies the selected end date.",
-          "docsTags": [
-            {
-              "name": "deprecated",
-              "text": "use `value` instead."
-            }
-          ],
-          "deprecation": "use `value` instead.",
-          "values": [
-            {
-              "type": "string"
-            }
-          ],
-          "optional": false,
-          "required": false
-        },
         {
           "name": "endAsDate",
           "type": "Date",
@@ -6390,28 +6408,6 @@
           "optional": false,
           "required": false
         },
-        {
-          "name": "start",
-          "type": "string",
-          "mutable": true,
-          "attr": "start",
-          "reflectToAttr": true,
-          "docs": "Specifies the selected start date.",
-          "docsTags": [
-            {
-              "name": "deprecated",
-              "text": "use `value` instead."
-            }
-          ],
-          "deprecation": "use `value` instead.",
-          "values": [
-            {
-              "type": "string"
-            }
-          ],
-          "optional": false,
-          "required": false
-        },
         {
           "name": "startAsDate",
           "type": "Date",
@@ -6475,7 +6471,7 @@
       "events": [
         {
           "event": "calciteDatePickerChange",
-          "detail": "Date",
+          "detail": "void",
           "bubbles": true,
           "cancelable": false,
           "composed": true,
@@ -6484,7 +6480,7 @@
         },
         {
           "event": "calciteDatePickerRangeChange",
-          "detail": "DateRangeChange",
+          "detail": "void",
           "bubbles": true,
           "cancelable": false,
           "composed": true,
@@ -22601,9 +22597,26 @@
         }
       ],
       "usage": {
-        "Basic": "Renders a non-dismissible tip with a heading, thumbnail, info and a link.\n\n```html\n<calcite-tip non-dismissible heading=\"Celestial Bodies!\">\n  <img slot=\"thumbnail\" src=\"https://placeimg.com/1000/600\" alt=\"This is an image of nature.\" />\n  <p>Normal tip with a landscape or square image and a small amount of text in the \"info\" slot.</p>\n  <a href=\"http://www.esri.com\">Put a link hurr!</a>\n</calcite-tip>\n```\n"
+        "Basic": "Renders a close-disabled tip with a heading, thumbnail, info and a link.\n\n```html\n<calcite-tip close-disabled heading=\"Celestial Bodies!\">\n  <img slot=\"thumbnail\" src=\"https://placeimg.com/1000/600\" alt=\"This is an image of nature.\" />\n  <p>Normal tip with a landscape or square image and a small amount of text in the \"info\" slot.</p>\n  <a href=\"http://www.esri.com\">Put a link hurr!</a>\n</calcite-tip>\n```\n"
       },
       "props": [
+        {
+          "name": "closeDisabled",
+          "type": "boolean",
+          "mutable": false,
+          "attr": "close-disabled",
+          "reflectToAttr": true,
+          "docs": "When `true`, the close button is not present on the component.",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
         {
           "name": "dismissed",
           "type": "boolean",
@@ -22690,23 +22703,6 @@
           "optional": false,
           "required": false
         },
-        {
-          "name": "nonDismissible",
-          "type": "boolean",
-          "mutable": false,
-          "attr": "non-dismissible",
-          "reflectToAttr": true,
-          "docs": "When `true`, the close button is not present on the component.",
-          "docsTags": [],
-          "default": "false",
-          "values": [
-            {
-              "type": "boolean"
-            }
-          ],
-          "optional": false,
-          "required": false
-        },
         {
           "name": "selected",
           "type": "boolean",

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.676
+ * v1.0.0-next.678
  */
 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.676
+ * v1.0.0-next.678
  */
 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.676
+ * v1.0.0-next.678
  */
 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.676
+ * v1.0.0-next.678
  */
 (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/alert/alert.d.ts

@@ -20,9 +20,9 @@ export declare class Alert implements OpenCloseComponent, LocalizedComponent, Lo
   open: boolean;
   openHandler(): 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;
+  autoClose: boolean;
+  /** Specifies the duration before the component automatically closes (only use with `autoClose`). */
+  autoCloseDuration: AlertDuration;
   /** Specifies the color for the component (will apply to top border and icon). */
   color: StatusColor;
   /**
@@ -87,7 +87,7 @@ export declare class Alert implements OpenCloseComponent, LocalizedComponent, Lo
   queued: boolean;
   /** the close button element */
   private closeButton?;
-  private autoDismissTimeoutId;
+  private autoCloseTimeoutId;
   private queueTimeout;
   private trackTimer;
   private remainingPausedTimeout;

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

@@ -38,11 +38,11 @@ export declare class Chip implements ConditionalSlotComponent, LoadableComponent
   /** Sets focus on the component. */
   setFocus(): Promise<void>;
   /**
-   * Fires when the dismiss button is clicked.
+   * Fires when the close button is clicked.
    *
    * **Note:**: The `el` event payload props is deprecated, please use the event's `target`/`currentTarget` instead.
    */
-  calciteChipDismiss: EventEmitter<DeprecatedEventPayload>;
+  calciteChipClose: EventEmitter<DeprecatedEventPayload>;
   closeClickHandler: (event: MouseEvent) => void;
   private closeButton;
   private guid;

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

@@ -74,6 +74,19 @@ export declare class Combobox implements LabelableComponent, FormComponent, Inte
    */
   flipPlacements: EffectivePlacement[];
   flipPlacementsHandler(): void;
+  /**
+   * Specifies the component's selected items.
+   *
+   * @readonly
+   */
+  selectedItems: HTMLCalciteComboboxItemElement[];
+  selectedItemsHandler(): void;
+  /**
+   * Specifies the component's filtered items.
+   *
+   * @readonly
+   */
+  filteredItems: HTMLCalciteComboboxItemElement[];
   documentClickHandler(event: PointerEvent): void;
   calciteComboboxItemChangeHandler(event: CustomEvent<HTMLCalciteComboboxItemElement>): void;
   /**
@@ -87,18 +100,13 @@ export declare class Combobox implements LabelableComponent, FormComponent, Inte
   /**
    * Fires when the selected item(s) changes.
    */
-  calciteComboboxChange: EventEmitter<{
-    selectedItems: HTMLCalciteComboboxItemElement[];
-  }>;
+  calciteComboboxChange: EventEmitter<void>;
   /** Fires when text is added to filter the options list. */
-  calciteComboboxFilterChange: EventEmitter<{
-    visibleItems: HTMLCalciteComboboxItemElement[];
-    text: string;
-  }>;
+  calciteComboboxFilterChange: EventEmitter<void>;
   /**
-   * Fires when a selected item in the component is dismissed via its `calcite-chip`.
+   * Fires when a selected item in the component is closed via its `calcite-chip`.
    */
-  calciteComboboxChipDismiss: EventEmitter<void>;
+  calciteComboboxChipClose: EventEmitter<void>;
   /** Fires when the component is requested to be closed, and before the closing transition begins. */
   calciteComboboxBeforeClose: EventEmitter<void>;
   /** Fires when the component is closed and animation is complete. */
@@ -120,9 +128,6 @@ export declare class Combobox implements LabelableComponent, FormComponent, Inte
   defaultValue: Combobox["value"];
   items: HTMLCalciteComboboxItemElement[];
   groupItems: HTMLCalciteComboboxItemGroupElement[];
-  selectedItems: HTMLCalciteComboboxItemElement[];
-  selectedItemsHandler(): void;
-  visibleItems: HTMLCalciteComboboxItemElement[];
   needsIcon: boolean;
   activeItemIndex: number;
   activeChipIndex: number;
@@ -154,7 +159,7 @@ export declare class Combobox implements LabelableComponent, FormComponent, Inte
   onBeforeClose(): void;
   onClose(): void;
   setMaxScrollerHeight: () => Promise<void>;
-  calciteChipDismissHandler: (comboboxItem: HTMLCalciteComboboxItemElement) => void;
+  calciteChipCloseHandler: (comboboxItem: HTMLCalciteComboboxItemElement) => void;
   clickHandler: (event: MouseEvent) => void;
   setInactiveIfNotContained: (event: Event) => void;
   setFloatingEl: (el: HTMLDivElement) => void;
@@ -169,7 +174,7 @@ export declare class Combobox implements LabelableComponent, FormComponent, Inte
   private emitComboboxChange;
   toggleSelection(item: HTMLCalciteComboboxItemElement, value?: boolean): void;
   updateAncestors(item: HTMLCalciteComboboxItemElement): void;
-  getVisibleItems(): HTMLCalciteComboboxItemElement[];
+  getfilteredItems(): HTMLCalciteComboboxItemElement[];
   getSelectedItems(): HTMLCalciteComboboxItemElement[];
   updateItems: () => void;
   getData(): ItemData[];

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

@@ -1,6 +1,5 @@
 import { EventEmitter, VNode } from "../../stencil-public-runtime";
 import { HeadingLevel } from "../functional/Heading";
-import { DateRangeChange } from "./interfaces";
 import { LocalizedComponent, NumberingSystem } from "../../utils/locale";
 export declare class DatePicker implements LocalizedComponent {
   el: HTMLCalciteDatePickerElement;
@@ -72,30 +71,18 @@ export declare class DatePicker implements LocalizedComponent {
   scale: "s" | "m" | "l";
   /** When `true`, activates the component's range mode to allow a start and end date. */
   range: boolean;
-  /**
-   * Specifies the selected start date.
-   *
-   * @deprecated use `value` instead.
-   */
-  start: string;
-  /**
-   * Specifies the selected end date.
-   *
-   * @deprecated use `value` instead.
-   */
-  end: string;
   /** When `true`, disables the default behavior on the third click of narrowing or extending the range and instead starts a new range. */
   proximitySelectionDisabled: boolean;
   /**
    * Emits when a user changes the component's date. For `range` events, use `calciteDatePickerRangeChange`.
    */
-  calciteDatePickerChange: EventEmitter<Date>;
+  calciteDatePickerChange: EventEmitter<void>;
   /**
    * Emits when a user changes the component's date `range`. For components without `range` use `calciteDatePickerChange`.
    *
    * @see [DateRangeChange](https://github.com/Esri/calcite-components/blob/master/src/components/date-picker/interfaces.ts#L1)
    */
-  calciteDatePickerRangeChange: EventEmitter<DateRangeChange>;
+  calciteDatePickerRangeChange: EventEmitter<void>;
   /**
    * Active start date.
    */
@@ -115,8 +102,6 @@ export declare class DatePicker implements LocalizedComponent {
   private mostRecentRangeValue?;
   keyDownHandler: (event: KeyboardEvent) => void;
   valueHandler(value: string | string[]): void;
-  startWatcher(start: string): void;
-  endWatcher(end: string): void;
   private loadLocaleData;
   monthHeaderSelectChange: (event: CustomEvent<Date>) => void;
   monthActiveDateChange: (event: CustomEvent<Date>) => void;

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

@@ -1,3 +1,4 @@
+// @deprecated remove this file before 1.0
 export interface DateRangeChange {
   startDate: Date;
   endDate: Date;

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

@@ -220,7 +220,7 @@ export declare class InputDatePicker implements LabelableComponent, FormComponen
    *
    * @param event CalciteDatePicker custom change event
    */
-  handleDateChange: (event: CustomEvent<Date>) => void;
+  handleDateChange: (event: CustomEvent<void>) => void;
   private shouldFocusRangeStart;
   private shouldFocusRangeEnd;
   private handleDateRangeChange;

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

@@ -13,7 +13,7 @@ export declare class Tip implements ConditionalSlotComponent {
   /**
    * When `true`, the close button is not present on the component.
    */
-  nonDismissible: boolean;
+  closeDisabled: boolean;
   /**
    * The component header text.
    */