@esri/calcite-components 1.0.0-next.605 → 1.0.0-next.607

package/dist/collection/components/combobox-item/combobox-item.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.605
+ * v1.0.0-next.607
  */
 import { Host, h } from "@stencil/core";
 import { getElementProp, getSlotted } from "../../utils/dom";
@@ -20,13 +20,15 @@ export class ComboboxItem {
     //  Properties
     //
     // --------------------------------------------------------------------------
-    /** When true, the item cannot be clicked and is visually muted. */
+    /** When `true`, interaction is prevented and the component is displayed with lower opacity. */
     this.disabled = false;
-    /** Set this to true to pre-select an item. Toggles when an item is checked/unchecked. */
+    /**
+     * When `true`, the component is selected.
+     */
     this.selected = false;
-    /** True when item is highlighted either from keyboard or mouse hover */
+    /** When `true`, the component is active. */
     this.active = false;
-    /** Unique identifier, used for accessibility */
+    /** The `id` attribute of the component. When omitted, a globally unique identifier is used. */
     this.guid = guid();
     this.scale = "m";
     // --------------------------------------------------------------------------
@@ -143,7 +145,7 @@ export class ComboboxItem {
         "optional": false,
         "docs": {
           "tags": [],
-          "text": "When true, the item cannot be clicked and is visually muted."
+          "text": "When `true`, interaction is prevented and the component is displayed with lower opacity."
         },
         "attribute": "disabled",
         "reflect": true,
@@ -161,7 +163,7 @@ export class ComboboxItem {
         "optional": false,
         "docs": {
           "tags": [],
-          "text": "Set this to true to pre-select an item. Toggles when an item is checked/unchecked."
+          "text": "When `true`, the component is selected."
         },
         "attribute": "selected",
         "reflect": true,
@@ -179,7 +181,7 @@ export class ComboboxItem {
         "optional": false,
         "docs": {
           "tags": [],
-          "text": "True when item is highlighted either from keyboard or mouse hover"
+          "text": "When `true`, the component is active."
         },
         "attribute": "active",
         "reflect": true,
@@ -202,7 +204,7 @@ export class ComboboxItem {
         "optional": false,
         "docs": {
           "tags": [],
-          "text": "Parent and grandparent combobox items, this is set internally for use from combobox"
+          "text": "Specifies the parent and grandparent items, which are set on `calcite-combobox`."
         }
       },
       "guid": {
@@ -217,7 +219,7 @@ export class ComboboxItem {
         "optional": false,
         "docs": {
           "tags": [],
-          "text": "Unique identifier, used for accessibility"
+          "text": "The `id` attribute of the component. When omitted, a globally unique identifier is used."
         },
         "attribute": "guid",
         "reflect": true,
@@ -235,7 +237,7 @@ export class ComboboxItem {
         "optional": true,
         "docs": {
           "tags": [],
-          "text": "Custom icon to display both in combobox chips and next to combobox item text"
+          "text": "Specifies an icon to display."
         },
         "attribute": "icon",
         "reflect": true
@@ -252,7 +254,7 @@ export class ComboboxItem {
         "optional": false,
         "docs": {
           "tags": [],
-          "text": "The main label for this item."
+          "text": "The component's text."
         },
         "attribute": "text-label",
         "reflect": true
@@ -269,7 +271,7 @@ export class ComboboxItem {
         "optional": false,
         "docs": {
           "tags": [],
-          "text": "The item's associated value"
+          "text": "The component's value."
         },
         "attribute": "value",
         "reflect": false
@@ -287,9 +289,9 @@ export class ComboboxItem {
         "docs": {
           "tags": [{
               "name": "deprecated",
-              "text": "use filterDisabled instead"
+              "text": "use `filterDisabled` instead."
             }],
-          "text": "Don't filter this item based on the search text"
+          "text": "When `true`, omits the component from the `calcite-combobox` filtered search results."
         },
         "attribute": "constant",
         "reflect": true
@@ -306,7 +308,7 @@ export class ComboboxItem {
         "optional": false,
         "docs": {
           "tags": [],
-          "text": "Do not filter this item based on the search text"
+          "text": "When `true`, omits the component from the `calcite-combobox` filtered search results."
         },
         "attribute": "filter-disabled",
         "reflect": true
@@ -322,7 +324,7 @@ export class ComboboxItem {
         "composed": true,
         "docs": {
           "tags": [],
-          "text": "Emitted whenever the item is selected or unselected.\n\n**Note:**: The event's payload is deprecated, please use the event's `target`/`currentTarget` instead"
+          "text": "Emits whenever the component is selected or unselected.\n\n**Note:**: The event's payload is deprecated, please use the event's `target`/`currentTarget` instead"
         },
         "complexType": {
           "original": "DeprecatedEventPayload",

package/dist/collection/components/combobox-item/resources.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.605
+ * v1.0.0-next.607
  */
 export const CSS = {
   icon: "icon",

package/dist/collection/components/combobox-item-group/combobox-item-group.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.605
+ * v1.0.0-next.607
  */
 import { h } from "@stencil/core";
 import { CSS } from "./resources";
@@ -66,7 +66,7 @@ export class ComboboxItemGroup {
         "optional": false,
         "docs": {
           "tags": [],
-          "text": "Parent and grandparent combobox items, this is set internally for use from combobox"
+          "text": "Specifies the parent and grandparent `calcite-combobox-item`s, which are set on `calcite-combobox`."
         }
       },
       "label": {
@@ -81,7 +81,7 @@ export class ComboboxItemGroup {
         "optional": false,
         "docs": {
           "tags": [],
-          "text": "Title of the group"
+          "text": "Specifies the title of the component."
         },
         "attribute": "label",
         "reflect": false

package/dist/collection/components/combobox-item-group/resources.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.605
+ * v1.0.0-next.607
  */
 export const CSS = {
   list: "list",

package/dist/collection/components/date-picker/date-picker.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.605
+ * v1.0.0-next.607
  */
 import { h, Host, Build } from "@stencil/core";
 import { getLocaleData, getValueAsDateRange } from "./utils";

package/dist/collection/components/date-picker/resources.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.605
+ * v1.0.0-next.607
  */
 export const HEADING_LEVEL = 2;
 export const TEXT = {

package/dist/collection/components/date-picker/utils.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.605
+ * v1.0.0-next.607
  */
 import { getAssetPath } from "@stencil/core";
 import { getSupportedLocale } from "../../utils/locale";

package/dist/collection/components/date-picker-day/date-picker-day.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.605
+ * v1.0.0-next.607
  */
 import { Host, h } from "@stencil/core";
 import { getElementDir } from "../../utils/dom";

package/dist/collection/components/date-picker-month/date-picker-month.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.605
+ * v1.0.0-next.607
  */
 import { Host, h } from "@stencil/core";
 import { inRange, sameDate, dateFromRange } from "../../utils/date";

package/dist/collection/components/date-picker-month-header/date-picker-month-header.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.605
+ * v1.0.0-next.607
  */
 import { h, Fragment } from "@stencil/core";
 import { dateFromRange, nextMonth, prevMonth, getOrder } from "../../utils/date";

package/dist/collection/components/date-picker-month-header/resources.js

@@ -1,6 +1,6 @@
 /*!
  * 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.605
+ * v1.0.0-next.607
  */
 export const BUDDHIST_CALENDAR_YEAR_OFFSET = 543;

package/dist/collection/components/dropdown/dropdown.css

@@ -113,7 +113,6 @@
   display: block;
   position: absolute;
   z-index: 900;
-  transform: scale(0);
   visibility: hidden;
   pointer-events: none;
   inline-size: 0;

package/dist/collection/components/dropdown/dropdown.js

@@ -1,18 +1,17 @@
 /*!
  * 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.605
+ * v1.0.0-next.607
  */
 import { h, Host } from "@stencil/core";
 import { focusElement, isPrimaryPointerButton, toAriaBoolean } from "../../utils/dom";
-import { positionFloatingUI, FloatingCSS, connectFloatingUI, disconnectFloatingUI, defaultMenuPlacement, filterComputedPlacements, repositionDebounceTimeout } from "../../utils/floating-ui";
+import { FloatingCSS, connectFloatingUI, disconnectFloatingUI, defaultMenuPlacement, filterComputedPlacements, reposition, updateAfterClose } from "../../utils/floating-ui";
 import { SLOTS } from "./resources";
 import { createObserver } from "../../utils/observers";
 import { updateHostInteraction } from "../../utils/interactive";
 import { connectOpenCloseComponent, disconnectOpenCloseComponent } from "../../utils/openCloseComponent";
 import { guid } from "../../utils/guid";
 import { isActivationKey } from "../../utils/key";
-import { debounce } from "lodash-es";
 /**
  * @slot - A slot for adding `calcite-dropdown-group` components. Every `calcite-dropdown-item` must have a parent `calcite-dropdown-group`, even if the `groupTitle` property is not set.
  * @slot dropdown-trigger - A slot for the element that triggers the `calcite-dropdown`.
@@ -81,7 +80,6 @@ export class Dropdown {
     //  Private Methods
     //
     //--------------------------------------------------------------------------
-    this.debouncedReposition = debounce(() => this.reposition(), repositionDebounceTimeout);
     this.slotChangeHandler = (event) => {
       this.defaultAssignedElements = event.target.assignedElements({
         flatten: true
@@ -98,14 +96,14 @@ export class Dropdown {
       this.triggers = event.target.assignedElements({
         flatten: true
       });
-      this.debouncedReposition();
+      this.reposition(true);
     };
     this.updateItems = () => {
       this.items = this.groups
         .map((group) => Array.from(group === null || group === void 0 ? void 0 : group.querySelectorAll("calcite-dropdown-item")))
         .reduce((previousValue, currentValue) => [...previousValue, ...currentValue], []);
       this.updateSelectedItems();
-      this.debouncedReposition();
+      this.reposition(true);
     };
     this.updateGroups = (event) => {
       const groups = event.target
@@ -138,10 +136,10 @@ export class Dropdown {
       if (!scrollerEl) {
         return;
       }
-      this.debouncedReposition();
+      this.reposition(true);
       const maxScrollerHeight = this.getMaxScrollerHeight();
       scrollerEl.style.maxHeight = maxScrollerHeight > 0 ? `${maxScrollerHeight}px` : "";
-      this.debouncedReposition();
+      this.reposition(true);
     };
     this.setScrollerAndTransitionEl = (el) => {
       this.resizeObserver.observe(el);
@@ -207,10 +205,18 @@ export class Dropdown {
   }
   openHandler(value) {
     if (!this.disabled) {
-      this.debouncedReposition();
+      if (value) {
+        this.reposition(true);
+      }
+      else {
+        updateAfterClose(this.floatingEl);
+      }
       this.active = value;
       return;
     }
+    if (!value) {
+      updateAfterClose(this.floatingEl);
+    }
     this.open = false;
   }
   handleDisabledChange(value) {
@@ -220,16 +226,16 @@ export class Dropdown {
   }
   flipPlacementsHandler() {
     this.setFilteredPlacements();
-    this.debouncedReposition();
+    this.reposition(true);
   }
   maxItemsHandler() {
     this.setMaxScrollerHeight();
   }
   overlayPositioningHandler() {
-    this.debouncedReposition();
+    this.reposition(true);
   }
   placementHandler() {
-    this.debouncedReposition();
+    this.reposition(true);
   }
   //--------------------------------------------------------------------------
   //
@@ -240,7 +246,7 @@ export class Dropdown {
     var _a;
     (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.observe(this.el, { childList: true, subtree: true });
     this.setFilteredPlacements();
-    this.debouncedReposition();
+    this.reposition(true);
     if (this.open) {
       this.openHandler(this.open);
     }
@@ -250,7 +256,7 @@ export class Dropdown {
     connectOpenCloseComponent(this);
   }
   componentDidLoad() {
-    this.debouncedReposition();
+    this.reposition(true);
   }
   componentDidRender() {
     updateHostInteraction(this);
@@ -275,17 +281,21 @@ export class Dropdown {
   //  Public Methods
   //
   //--------------------------------------------------------------------------
-  /** Updates the position of the component. */
-  async reposition() {
+  /**
+   * Updates the position of the component.
+   *
+   * @param delayed
+   */
+  async reposition(delayed = false) {
     const { floatingEl, referenceEl, placement, overlayPositioning, filteredFlipPlacements } = this;
-    return positionFloatingUI({
+    return reposition(this, {
       floatingEl,
       referenceEl,
       overlayPositioning,
       placement,
       flipPlacements: filteredFlipPlacements,
       type: "menu"
-    });
+    }, delayed);
   }
   closeCalciteDropdownOnClick(event) {
     if (!isPrimaryPointerButton(event) || !this.open || event.composedPath().includes(this.el)) {
@@ -787,8 +797,14 @@ export class Dropdown {
     return {
       "reposition": {
         "complexType": {
-          "signature": "() => Promise<void>",
-          "parameters": [],
+          "signature": "(delayed?: boolean) => Promise<void>",
+          "parameters": [{
+              "tags": [{
+                  "name": "param",
+                  "text": "delayed"
+                }],
+              "text": ""
+            }],
           "references": {
             "Promise": {
               "location": "global"
@@ -798,7 +814,10 @@ export class Dropdown {
         },
         "docs": {
           "text": "Updates the position of the component.",
-          "tags": []
+          "tags": [{
+              "name": "param",
+              "text": "delayed"
+            }]
         }
       }
     };

package/dist/collection/components/dropdown/resources.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.605
+ * v1.0.0-next.607
  */
 export const SLOTS = {
   dropdownTrigger: "dropdown-trigger"

package/dist/collection/components/dropdown-group/dropdown-group.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.605
+ * v1.0.0-next.607
  */
 import { h, Host } from "@stencil/core";
 import { getElementProp } from "../../utils/dom";

package/dist/collection/components/dropdown-group/resources.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.605
+ * v1.0.0-next.607
  */
 export const CSS = {
   containerSmall: "container--s",

package/dist/collection/components/dropdown-item/dropdown-item.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.605
+ * v1.0.0-next.607
  */
 import { h, Host } from "@stencil/core";
 import { getElementProp, toAriaBoolean } from "../../utils/dom";

package/dist/collection/components/dropdown-item/resources.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.605
+ * v1.0.0-next.607
  */
 export const CSS = {
   containerLink: "container--link",

package/dist/collection/components/fab/fab.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.605
+ * v1.0.0-next.607
  */
 import { h } from "@stencil/core";
 import { CSS, ICONS } from "./resources";

package/dist/collection/components/fab/resources.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.605
+ * v1.0.0-next.607
  */
 export const CSS = {
   button: "button"

package/dist/collection/components/filter/filter.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.605
+ * v1.0.0-next.607
  */
 import { Fragment, h } from "@stencil/core";
 import { debounce } from "lodash-es";

package/dist/collection/components/filter/resources.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.605
+ * v1.0.0-next.607
  */
 export const CSS = {
   container: "container",

package/dist/collection/components/flow/flow.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.605
+ * v1.0.0-next.607
  */
 import { h } from "@stencil/core";
 import { CSS } from "./resources";

package/dist/collection/components/flow/resources.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.605
+ * v1.0.0-next.607
  */
 export const CSS = {
   frame: "frame",

package/dist/collection/components/flow-item/flow-item.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.605
+ * v1.0.0-next.607
  */
 import { h, Host } from "@stencil/core";
 import { getElementDir } from "../../utils/dom";

package/dist/collection/components/flow-item/resources.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.605
+ * v1.0.0-next.607
  */
 export const CSS = {
   backButton: "back-button"

package/dist/collection/components/functional/ExpandToggle.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.605
+ * v1.0.0-next.607
  */
 import { h } from "@stencil/core";
 import { getElementDir } from "../../utils/dom";

package/dist/collection/components/functional/Heading.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.605
+ * v1.0.0-next.607
  */
 import { h } from "@stencil/core";
 export function constrainHeadingLevel(level) {

package/dist/collection/components/graph/graph.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.605
+ * v1.0.0-next.607
  */
 import { h, forceUpdate } from "@stencil/core";
 import { guid } from "../../utils/guid";

package/dist/collection/components/graph/util.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.605
+ * v1.0.0-next.607
  */
 /**
  * Calculate slope of the tangents

package/dist/collection/components/handle/handle.css

@@ -96,7 +96,7 @@
   border-style: none;
   background-color: transparent;
   outline-color: transparent;
-  color: var(--calcite-ui-border-3);
+  color: var(--calcite-ui-border-input);
   padding-block: 0.75rem;
   padding-inline: 0.25rem;
   line-height: 0;

package/dist/collection/components/handle/handle.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.605
+ * v1.0.0-next.607
  */
 import { h } from "@stencil/core";
 import { toAriaBoolean } from "../../utils/dom";

package/dist/collection/components/handle/resources.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.605
+ * v1.0.0-next.607
  */
 export const CSS = {
   handle: "handle",

package/dist/collection/components/icon/icon.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.605
+ * v1.0.0-next.607
  */
 import { Build, h, Host } from "@stencil/core";
 import { CSS } from "./resources";

package/dist/collection/components/icon/resources.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.605
+ * v1.0.0-next.607
  */
 export const CSS = {
   icon: "icon",