npm - @esri/calcite-components - Versions diffs - 1.0.0-next.606 → 1.0.0-next.607 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (665) hide show

package/dist/cjs/calcite-combobox_3.cjs.entry.js CHANGED Viewed

@@ -1,25 +1,25 @@
 /*!
  * 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.606
+ * v1.0.0-next.607
  */
 'use strict';
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-b1ba5282.js');
-const filter = require('./filter-9a46e30b.js');
-const floatingUi = require('./floating-ui-1eb7dfe6.js');
-const guid = require('./guid-ad9b119b.js');
-const dom = require('./dom-c8d2699b.js');
-const label = require('./label-415bc940.js');
-const form = require('./form-131e64b8.js');
-const observers = require('./observers-bf725ee8.js');
-const interactive = require('./interactive-baf36661.js');
-const openCloseComponent = require('./openCloseComponent-f4966a6b.js');
-const debounce = require('./debounce-7c328f60.js');
-const conditionalSlot = require('./conditionalSlot-cb35bd49.js');
-require('./resources-55a2a593.js');
+const index = require('./index-9624081e.js');
+const filter = require('./filter-da2797e5.js');
+const floatingUi = require('./floating-ui-e4e82078.js');
+const guid = require('./guid-1d60d25f.js');
+const dom = require('./dom-4d157abb.js');
+const label = require('./label-cf0a7e54.js');
+const form = require('./form-2f418822.js');
+const observers = require('./observers-53e1a6d6.js');
+const interactive = require('./interactive-f3855fe3.js');
+const openCloseComponent = require('./openCloseComponent-af87dcf3.js');
+const debounce = require('./debounce-62882659.js');
+const conditionalSlot = require('./conditionalSlot-4f4eea6a.js');
+require('./resources-020cc6d5.js');
 const ComboboxItem$1 = "CALCITE-COMBOBOX-ITEM";
 const ComboboxItemGroup$1 = "CALCITE-COMBOBOX-ITEM-GROUP";
@@ -50,7 +50,7 @@ function getDepth(element) {
   return result.snapshotLength;
 }
-const comboboxCss = "@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host{position:relative;display:block}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host([scale=s]){font-size:var(--calcite-font-size--2);--calcite-combobox-item-spacing-unit-l:0.5rem;--calcite-combobox-item-spacing-unit-s:0.25rem;--calcite-combobox-input-height:1.5rem}:host([scale=m]){font-size:var(--calcite-font-size--1);--calcite-combobox-item-spacing-unit-l:0.75rem;--calcite-combobox-item-spacing-unit-s:0.5rem;--calcite-combobox-input-height:2rem}:host([scale=l]){font-size:var(--calcite-font-size-0);--calcite-combobox-item-spacing-unit-l:1rem;--calcite-combobox-item-spacing-unit-s:0.75rem;--calcite-combobox-input-height:2.75rem}.wrapper{display:flex;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-input);background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-1);outline-color:transparent;padding-block:calc(var(--calcite-combobox-item-spacing-unit-s) / 4);padding-inline:var(--calcite-combobox-item-spacing-unit-l)}:host(:focus-within) .wrapper,.wrapper--active{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}.wrapper--single{padding-block:0;padding-inline:var(--calcite-combobox-item-spacing-unit-l);cursor:pointer;flex-wrap:nowrap}.grid-input{display:flex;flex-grow:1;flex-wrap:wrap;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0px}.input{flex-grow:1;-webkit-appearance:none;appearance:none;border-style:none;background-color:transparent;padding:0px;font-family:inherit;color:var(--calcite-ui-text-1);font-size:inherit;block-size:var(--calcite-combobox-input-height);line-height:var(--calcite-combobox-input-height);min-inline-size:120px;margin-block-end:var(--calcite-combobox-item-spacing-unit-s)}.input:focus{outline:2px solid transparent;outline-offset:2px}.input--transparent{opacity:0}.input--single{margin-block:0px;padding:0px}.wrapper--active .input-single{cursor:text}.input--hidden{pointer-events:none;inline-size:0px;min-inline-size:0px;opacity:0}.input--icon{padding-block:0;padding-inline:var(--calcite-combobox-item-spacing-unit-l)}.input-wrap{display:flex;flex-grow:1}.input-wrap--single{flex:1 1 0%;overflow:hidden}.label{pointer-events:none;display:flex;max-inline-size:100%;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0px;font-weight:var(--calcite-font-weight-normal);block-size:var(--calcite-combobox-input-height);line-height:var(--calcite-combobox-input-height)}.label--icon{padding-inline:var(--calcite-combobox-item-spacing-unit-l)}.icon-end,.icon-start{display:flex;inline-size:1rem;cursor:pointer;align-items:center}.icon-end{flex:none}.floating-ui-container{display:block;position:absolute;z-index:900;transform:scale(0);visibility:hidden;pointer-events:none;inline-size:0;block-size:0;overflow:hidden}.floating-ui-container .calcite-floating-ui-anim{position:relative;transition:var(--calcite-floating-ui-transition);visibility:hidden;transition-property:transform, visibility, opacity;opacity:0;box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);z-index:1;border-radius:0.25rem}.floating-ui-container[data-placement^=bottom] .calcite-floating-ui-anim{transform:translateY(-5px)}.floating-ui-container[data-placement^=top] .calcite-floating-ui-anim{transform:translateY(5px)}.floating-ui-container[data-placement^=left] .calcite-floating-ui-anim{transform:translateX(5px)}.floating-ui-container[data-placement^=right] .calcite-floating-ui-anim{transform:translateX(-5px)}.floating-ui-container[data-placement] .calcite-floating-ui-anim--active{opacity:1;visibility:visible;transform:translate(0)}.floating-ui-container--active{pointer-events:initial;visibility:visible;inline-size:unset;block-size:unset;overflow:unset}@media (forced-colors: active){.wrapper,.floating-ui-container--active{border:1px solid canvasText}}.screen-readers-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.list-container{max-block-size:45vh;overflow-y:auto;background-color:var(--calcite-ui-foreground-1);inline-size:var(--calcite-dropdown-width)}.list{margin:0px;display:block;padding:0px}.list--hide{block-size:0px;overflow:hidden}.chip{margin-block:calc(var(--calcite-combobox-item-spacing-unit-s) / 4);margin-inline:0 var(--calcite-combobox-item-spacing-unit-s);max-inline-size:100%}.chip--active{background-color:var(--calcite-ui-foreground-3)}.item{display:block}::slotted(input[slot=hidden-form-input]){margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;inset:0 !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}";
+const comboboxCss = "@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host{position:relative;display:block}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host([scale=s]){font-size:var(--calcite-font-size--2);--calcite-combobox-item-spacing-unit-l:0.5rem;--calcite-combobox-item-spacing-unit-s:0.25rem;--calcite-combobox-input-height:1.5rem}:host([scale=m]){font-size:var(--calcite-font-size--1);--calcite-combobox-item-spacing-unit-l:0.75rem;--calcite-combobox-item-spacing-unit-s:0.5rem;--calcite-combobox-input-height:2rem}:host([scale=l]){font-size:var(--calcite-font-size-0);--calcite-combobox-item-spacing-unit-l:1rem;--calcite-combobox-item-spacing-unit-s:0.75rem;--calcite-combobox-input-height:2.75rem}.wrapper{display:flex;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-input);background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-1);outline-color:transparent;padding-block:calc(var(--calcite-combobox-item-spacing-unit-s) / 4);padding-inline:var(--calcite-combobox-item-spacing-unit-l)}:host(:focus-within) .wrapper,.wrapper--active{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}.wrapper--single{padding-block:0;padding-inline:var(--calcite-combobox-item-spacing-unit-l);cursor:pointer;flex-wrap:nowrap}.grid-input{display:flex;flex-grow:1;flex-wrap:wrap;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0px}.input{flex-grow:1;-webkit-appearance:none;appearance:none;border-style:none;background-color:transparent;padding:0px;font-family:inherit;color:var(--calcite-ui-text-1);font-size:inherit;block-size:var(--calcite-combobox-input-height);line-height:var(--calcite-combobox-input-height);min-inline-size:120px;margin-block-end:var(--calcite-combobox-item-spacing-unit-s)}.input:focus{outline:2px solid transparent;outline-offset:2px}.input--transparent{opacity:0}.input--single{margin-block:0px;padding:0px}.wrapper--active .input-single{cursor:text}.input--hidden{pointer-events:none;inline-size:0px;min-inline-size:0px;opacity:0}.input--icon{padding-block:0;padding-inline:var(--calcite-combobox-item-spacing-unit-l)}.input-wrap{display:flex;flex-grow:1}.input-wrap--single{flex:1 1 0%;overflow:hidden}.label{pointer-events:none;display:flex;max-inline-size:100%;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0px;font-weight:var(--calcite-font-weight-normal);block-size:var(--calcite-combobox-input-height);line-height:var(--calcite-combobox-input-height)}.label--icon{padding-inline:var(--calcite-combobox-item-spacing-unit-l)}.icon-end,.icon-start{display:flex;inline-size:1rem;cursor:pointer;align-items:center}.icon-end{flex:none}.floating-ui-container{display:block;position:absolute;z-index:900;visibility:hidden;pointer-events:none;inline-size:0;block-size:0;overflow:hidden}.floating-ui-container .calcite-floating-ui-anim{position:relative;transition:var(--calcite-floating-ui-transition);visibility:hidden;transition-property:transform, visibility, opacity;opacity:0;box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);z-index:1;border-radius:0.25rem}.floating-ui-container[data-placement^=bottom] .calcite-floating-ui-anim{transform:translateY(-5px)}.floating-ui-container[data-placement^=top] .calcite-floating-ui-anim{transform:translateY(5px)}.floating-ui-container[data-placement^=left] .calcite-floating-ui-anim{transform:translateX(5px)}.floating-ui-container[data-placement^=right] .calcite-floating-ui-anim{transform:translateX(-5px)}.floating-ui-container[data-placement] .calcite-floating-ui-anim--active{opacity:1;visibility:visible;transform:translate(0)}.floating-ui-container--active{pointer-events:initial;visibility:visible;inline-size:unset;block-size:unset;overflow:unset}@media (forced-colors: active){.wrapper,.floating-ui-container--active{border:1px solid canvasText}}.screen-readers-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.list-container{max-block-size:45vh;overflow-y:auto;background-color:var(--calcite-ui-foreground-1);inline-size:var(--calcite-dropdown-width)}.list{margin:0px;display:block;padding:0px}.list--hide{block-size:0px;overflow:hidden}.chip{margin-block:calc(var(--calcite-combobox-item-spacing-unit-s) / 4);margin-inline:0 var(--calcite-combobox-item-spacing-unit-s);max-inline-size:100%}.chip--active{background-color:var(--calcite-ui-foreground-3)}.item{display:block}::slotted(input[slot=hidden-form-input]){margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;inset:0 !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}";
 const isGroup = (el) => el.tagName === ComboboxItemGroup$1;
 const itemUidPrefix = "combobox-item-";
@@ -145,7 +145,6 @@ const Combobox = class {
     //  Private Methods
     //
     // --------------------------------------------------------------------------
-    this.debouncedReposition = debounce.debounce(() => this.reposition(), floatingUi.repositionDebounceTimeout);
     this.setFilteredPlacements = () => {
       const { el, flipPlacements } = this;
       this.filteredFlipPlacements = flipPlacements
@@ -277,11 +276,11 @@ const Combobox = class {
       if (!listContainerEl || !open) {
         return;
       }
-      await this.debouncedReposition();
+      await this.reposition(true);
       const maxScrollerHeight = this.getMaxScrollerHeight();
       listContainerEl.style.maxHeight = maxScrollerHeight > 0 ? `${maxScrollerHeight}px` : "";
       listContainerEl.style.minWidth = `${referenceEl.clientWidth}px`;
-      await this.debouncedReposition();
+      await this.reposition(true);
     };
     this.calciteChipDismissHandler = (event, comboboxItem) => {
       this.open = false;
@@ -416,6 +415,9 @@ const Combobox = class {
     this.open = value;
   }
   openHandler(value) {
+    if (!value) {
+      floatingUi.updateAfterClose(this.floatingEl);
+    }
     if (this.disabled) {
       this.active = false;
       this.open = false;
@@ -434,7 +436,7 @@ const Combobox = class {
     this.setMaxScrollerHeight();
   }
   overlayPositioningHandler() {
-    this.debouncedReposition();
+    this.reposition(true);
   }
   valueHandler(value) {
     if (!this.internalValueChangeFlag) {
@@ -453,7 +455,7 @@ const Combobox = class {
   }
   flipPlacementsHandler() {
     this.setFilteredPlacements();
-    this.debouncedReposition();
+    this.reposition(true);
   }
   //--------------------------------------------------------------------------
   //
@@ -480,17 +482,21 @@ const Combobox = class {
   //  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 floatingUi.positionFloatingUI({
+    return floatingUi.reposition(this, {
       floatingEl,
       referenceEl,
       overlayPositioning,
       placement,
       flipPlacements: filteredFlipPlacements,
       type: "menu"
-    });
+    }, delayed);
   }
   /** Sets focus on the component. */
   async setFocus() {
@@ -514,7 +520,7 @@ const Combobox = class {
     form.connectForm(this);
     openCloseComponent.connectOpenCloseComponent(this);
     this.setFilteredPlacements();
-    this.debouncedReposition();
+    this.reposition(true);
     if (this.active) {
       this.activeHandler(this.active);
     }
@@ -527,11 +533,11 @@ const Combobox = class {
   }
   componentDidLoad() {
     form.afterConnectDefaultValueSet(this, this.getValue());
-    this.debouncedReposition();
+    this.reposition(true);
   }
   componentDidRender() {
     if (this.el.offsetHeight !== this.inputHeight) {
-      this.debouncedReposition();
+      this.reposition(true);
       this.inputHeight = this.el.offsetHeight;
     }
     interactive.updateHostInteraction(this);

package/dist/cjs/calcite-date-picker_4.cjs.entry.js CHANGED Viewed

@@ -1,22 +1,22 @@
 /*!
  * 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.606
+ * v1.0.0-next.607
  */
 'use strict';
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-b1ba5282.js');
-const resources = require('./resources-0da64a64.js');
-const locale = require('./locale-02d3d5ef.js');
-const dom = require('./dom-c8d2699b.js');
-const resources$1 = require('./resources-55a2a593.js');
-const interactive = require('./interactive-baf36661.js');
-const key = require('./key-59a119b9.js');
-const Heading = require('./Heading-3af0e212.js');
-require('./observers-bf725ee8.js');
-require('./guid-ad9b119b.js');
+const index = require('./index-9624081e.js');
+const resources = require('./resources-d07d3444.js');
+const locale = require('./locale-9261eb8c.js');
+const dom = require('./dom-4d157abb.js');
+const resources$1 = require('./resources-020cc6d5.js');
+const interactive = require('./interactive-f3855fe3.js');
+const key = require('./key-dbb23e1d.js');
+const Heading = require('./Heading-c23ab3be.js');
+require('./observers-53e1a6d6.js');
+require('./guid-1d60d25f.js');
 const datePickerCss = "@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{position:relative;display:inline-block;inline-size:100%;overflow:visible;border-radius:0px;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-2);background-color:var(--calcite-ui-foreground-1);vertical-align:top}:host([scale=s]){max-inline-size:216px}:host([scale=m]){max-inline-size:286px}:host([scale=l]){max-inline-size:398px}";

package/dist/cjs/calcite-dropdown_3.cjs.entry.js CHANGED Viewed

@@ -1,28 +1,28 @@
 /*!
  * 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.606
+ * v1.0.0-next.607
  */
 'use strict';
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-b1ba5282.js');
-const dom = require('./dom-c8d2699b.js');
-const floatingUi = require('./floating-ui-1eb7dfe6.js');
-const observers = require('./observers-bf725ee8.js');
-const interactive = require('./interactive-baf36661.js');
-const openCloseComponent = require('./openCloseComponent-f4966a6b.js');
-const guid = require('./guid-ad9b119b.js');
-const key = require('./key-59a119b9.js');
-const debounce = require('./debounce-7c328f60.js');
-require('./resources-55a2a593.js');
+const index = require('./index-9624081e.js');
+const dom = require('./dom-4d157abb.js');
+const floatingUi = require('./floating-ui-e4e82078.js');
+const observers = require('./observers-53e1a6d6.js');
+const interactive = require('./interactive-f3855fe3.js');
+const openCloseComponent = require('./openCloseComponent-af87dcf3.js');
+const guid = require('./guid-1d60d25f.js');
+const key = require('./key-dbb23e1d.js');
+require('./resources-020cc6d5.js');
+require('./debounce-62882659.js');
 const SLOTS = {
   dropdownTrigger: "dropdown-trigger"
 };
-const dropdownCss = "@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host{display:inline-flex;flex:0 1 auto}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host .calcite-dropdown-wrapper{display:block;position:absolute;z-index:900;transform:scale(0);visibility:hidden;pointer-events:none;inline-size:0;block-size:0;overflow:hidden}.calcite-dropdown-wrapper .calcite-floating-ui-anim{position:relative;transition:var(--calcite-floating-ui-transition);visibility:hidden;transition-property:transform, visibility, opacity;opacity:0;box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);z-index:1;border-radius:0.25rem}.calcite-dropdown-wrapper[data-placement^=bottom] .calcite-floating-ui-anim{transform:translateY(-5px)}.calcite-dropdown-wrapper[data-placement^=top] .calcite-floating-ui-anim{transform:translateY(5px)}.calcite-dropdown-wrapper[data-placement^=left] .calcite-floating-ui-anim{transform:translateX(5px)}.calcite-dropdown-wrapper[data-placement^=right] .calcite-floating-ui-anim{transform:translateX(-5px)}.calcite-dropdown-wrapper[data-placement] .calcite-floating-ui-anim--active{opacity:1;visibility:visible;transform:translate(0)}:host([open]) .calcite-dropdown-wrapper{pointer-events:initial;visibility:visible;inline-size:unset;block-size:unset;overflow:unset}:host .calcite-dropdown-content{max-block-size:45vh;inline-size:auto;overflow-y:auto;overflow-x:hidden;background-color:var(--calcite-ui-foreground-1);inline-size:var(--calcite-dropdown-width)}.calcite-dropdown-trigger-container{position:relative;display:flex;flex:1 1 auto}@media (forced-colors: active){:host([open]) .calcite-dropdown-wrapper{border:1px solid canvasText}}:host([width=s]){--calcite-dropdown-width:12rem}:host([width=m]){--calcite-dropdown-width:14rem}:host([width=l]){--calcite-dropdown-width:16rem}";
+const dropdownCss = "@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host{display:inline-flex;flex:0 1 auto}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host .calcite-dropdown-wrapper{display:block;position:absolute;z-index:900;visibility:hidden;pointer-events:none;inline-size:0;block-size:0;overflow:hidden}.calcite-dropdown-wrapper .calcite-floating-ui-anim{position:relative;transition:var(--calcite-floating-ui-transition);visibility:hidden;transition-property:transform, visibility, opacity;opacity:0;box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);z-index:1;border-radius:0.25rem}.calcite-dropdown-wrapper[data-placement^=bottom] .calcite-floating-ui-anim{transform:translateY(-5px)}.calcite-dropdown-wrapper[data-placement^=top] .calcite-floating-ui-anim{transform:translateY(5px)}.calcite-dropdown-wrapper[data-placement^=left] .calcite-floating-ui-anim{transform:translateX(5px)}.calcite-dropdown-wrapper[data-placement^=right] .calcite-floating-ui-anim{transform:translateX(-5px)}.calcite-dropdown-wrapper[data-placement] .calcite-floating-ui-anim--active{opacity:1;visibility:visible;transform:translate(0)}:host([open]) .calcite-dropdown-wrapper{pointer-events:initial;visibility:visible;inline-size:unset;block-size:unset;overflow:unset}:host .calcite-dropdown-content{max-block-size:45vh;inline-size:auto;overflow-y:auto;overflow-x:hidden;background-color:var(--calcite-ui-foreground-1);inline-size:var(--calcite-dropdown-width)}.calcite-dropdown-trigger-container{position:relative;display:flex;flex:1 1 auto}@media (forced-colors: active){:host([open]) .calcite-dropdown-wrapper{border:1px solid canvasText}}:host([width=s]){--calcite-dropdown-width:12rem}:host([width=m]){--calcite-dropdown-width:14rem}:host([width=l]){--calcite-dropdown-width:16rem}";
 const Dropdown = class {
   constructor(hostRef) {
@@ -94,7 +94,6 @@ const Dropdown = class {
     //  Private Methods
     //
     //--------------------------------------------------------------------------
-    this.debouncedReposition = debounce.debounce(() => this.reposition(), floatingUi.repositionDebounceTimeout);
     this.slotChangeHandler = (event) => {
       this.defaultAssignedElements = event.target.assignedElements({
         flatten: true
@@ -111,14 +110,14 @@ const Dropdown = class {
       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
@@ -151,10 +150,10 @@ const Dropdown = class {
       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);
@@ -220,10 +219,18 @@ const Dropdown = class {
   }
   openHandler(value) {
     if (!this.disabled) {
-      this.debouncedReposition();
+      if (value) {
+        this.reposition(true);
+      }
+      else {
+        floatingUi.updateAfterClose(this.floatingEl);
+      }
       this.active = value;
       return;
     }
+    if (!value) {
+      floatingUi.updateAfterClose(this.floatingEl);
+    }
     this.open = false;
   }
   handleDisabledChange(value) {
@@ -233,16 +240,16 @@ const Dropdown = class {
   }
   flipPlacementsHandler() {
     this.setFilteredPlacements();
-    this.debouncedReposition();
+    this.reposition(true);
   }
   maxItemsHandler() {
     this.setMaxScrollerHeight();
   }
   overlayPositioningHandler() {
-    this.debouncedReposition();
+    this.reposition(true);
   }
   placementHandler() {
-    this.debouncedReposition();
+    this.reposition(true);
   }
   //--------------------------------------------------------------------------
   //
@@ -253,7 +260,7 @@ const Dropdown = class {
     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);
     }
@@ -263,7 +270,7 @@ const Dropdown = class {
     openCloseComponent.connectOpenCloseComponent(this);
   }
   componentDidLoad() {
-    this.debouncedReposition();
+    this.reposition(true);
   }
   componentDidRender() {
     interactive.updateHostInteraction(this);
@@ -288,17 +295,21 @@ const Dropdown = class {
   //  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 floatingUi.positionFloatingUI({
+    return floatingUi.reposition(this, {
       floatingEl,
       referenceEl,
       overlayPositioning,
       placement,
       flipPlacements: filteredFlipPlacements,
       type: "menu"
-    });
+    }, delayed);
   }
   closeCalciteDropdownOnClick(event) {
     if (!dom.isPrimaryPointerButton(event) || !this.open || event.composedPath().includes(this.el)) {

package/dist/cjs/calcite-fab.cjs.entry.js CHANGED Viewed

@@ -1,17 +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.606
+ * v1.0.0-next.607
  */
 'use strict';
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-b1ba5282.js');
-const dom = require('./dom-c8d2699b.js');
-const interactive = require('./interactive-baf36661.js');
-require('./resources-55a2a593.js');
-require('./guid-ad9b119b.js');
+const index = require('./index-9624081e.js');
+const dom = require('./dom-4d157abb.js');
+const interactive = require('./interactive-f3855fe3.js');
+require('./resources-020cc6d5.js');
+require('./guid-1d60d25f.js');
 const CSS = {
   button: "button"

package/dist/cjs/calcite-filter.cjs.entry.js CHANGED Viewed

@@ -1,19 +1,19 @@
 /*!
  * 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.606
+ * v1.0.0-next.607
  */
 'use strict';
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-b1ba5282.js');
-const dom = require('./dom-c8d2699b.js');
-const interactive = require('./interactive-baf36661.js');
-const filter = require('./filter-9a46e30b.js');
-const debounce = require('./debounce-7c328f60.js');
-require('./resources-55a2a593.js');
-require('./guid-ad9b119b.js');
+const index = require('./index-9624081e.js');
+const dom = require('./dom-4d157abb.js');
+const interactive = require('./interactive-f3855fe3.js');
+const filter = require('./filter-da2797e5.js');
+const debounce = require('./debounce-62882659.js');
+require('./resources-020cc6d5.js');
+require('./guid-1d60d25f.js');
 const CSS = {
   container: "container",

package/dist/cjs/calcite-flow-item.cjs.entry.js CHANGED Viewed

@@ -1,18 +1,18 @@
 /*!
  * 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.606
+ * v1.0.0-next.607
  */
 'use strict';
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-b1ba5282.js');
-const dom = require('./dom-c8d2699b.js');
-const resources = require('./resources-f51e581d.js');
-const interactive = require('./interactive-baf36661.js');
-require('./resources-55a2a593.js');
-require('./guid-ad9b119b.js');
+const index = require('./index-9624081e.js');
+const dom = require('./dom-4d157abb.js');
+const resources = require('./resources-8477fc7e.js');
+const interactive = require('./interactive-f3855fe3.js');
+require('./resources-020cc6d5.js');
+require('./guid-1d60d25f.js');
 const CSS = {
   backButton: "back-button"

package/dist/cjs/calcite-flow.cjs.entry.js CHANGED Viewed

@@ -1,14 +1,14 @@
 /*!
  * 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.606
+ * v1.0.0-next.607
  */
 'use strict';
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-b1ba5282.js');
-const observers = require('./observers-bf725ee8.js');
+const index = require('./index-9624081e.js');
+const observers = require('./observers-53e1a6d6.js');
 const CSS = {
   frame: "frame",

package/dist/cjs/calcite-graph_2.cjs.entry.js CHANGED Viewed

@@ -1,23 +1,23 @@
 /*!
  * 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.606
+ * v1.0.0-next.607
  */
 'use strict';
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-b1ba5282.js');
-const guid = require('./guid-ad9b119b.js');
-const observers = require('./observers-bf725ee8.js');
-const dom = require('./dom-c8d2699b.js');
-const math = require('./math-45a2d4c0.js');
-const label = require('./label-415bc940.js');
-const form = require('./form-131e64b8.js');
-const interactive = require('./interactive-baf36661.js');
-const key = require('./key-59a119b9.js');
-const locale = require('./locale-02d3d5ef.js');
-require('./resources-55a2a593.js');
+const index = require('./index-9624081e.js');
+const guid = require('./guid-1d60d25f.js');
+const observers = require('./observers-53e1a6d6.js');
+const dom = require('./dom-4d157abb.js');
+const math = require('./math-70844c29.js');
+const label = require('./label-cf0a7e54.js');
+const form = require('./form-2f418822.js');
+const interactive = require('./interactive-f3855fe3.js');
+const key = require('./key-dbb23e1d.js');
+const locale = require('./locale-9261eb8c.js');
+require('./resources-020cc6d5.js');
 /**
  * Calculate slope of the tangents

package/dist/cjs/calcite-handle.cjs.entry.js CHANGED Viewed

@@ -1,16 +1,16 @@
 /*!
  * 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.606
+ * v1.0.0-next.607
  */
 'use strict';
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-b1ba5282.js');
-const dom = require('./dom-c8d2699b.js');
-require('./resources-55a2a593.js');
-require('./guid-ad9b119b.js');
+const index = require('./index-9624081e.js');
+const dom = require('./dom-4d157abb.js');
+require('./resources-020cc6d5.js');
+require('./guid-1d60d25f.js');
 const CSS = {
   handle: "handle",

package/dist/cjs/calcite-icon.cjs.entry.js CHANGED Viewed

@@ -1,17 +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.606
+ * v1.0.0-next.607
  */
 'use strict';
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-b1ba5282.js');
-const dom = require('./dom-c8d2699b.js');
-const observers = require('./observers-bf725ee8.js');
-require('./resources-55a2a593.js');
-require('./guid-ad9b119b.js');
+const index = require('./index-9624081e.js');
+const dom = require('./dom-4d157abb.js');
+const observers = require('./observers-53e1a6d6.js');
+require('./resources-020cc6d5.js');
+require('./guid-1d60d25f.js');
 const CSS = {
   icon: "icon",

package/dist/cjs/calcite-inline-editable.cjs.entry.js CHANGED Viewed

@@ -1,19 +1,19 @@
 /*!
  * 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.606
+ * v1.0.0-next.607
  */
 'use strict';
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-b1ba5282.js');
-const dom = require('./dom-c8d2699b.js');
-const label = require('./label-415bc940.js');
-const observers = require('./observers-bf725ee8.js');
-const interactive = require('./interactive-baf36661.js');
-require('./resources-55a2a593.js');
-require('./guid-ad9b119b.js');
+const index = require('./index-9624081e.js');
+const dom = require('./dom-4d157abb.js');
+const label = require('./label-cf0a7e54.js');
+const observers = require('./observers-53e1a6d6.js');
+const interactive = require('./interactive-f3855fe3.js');
+require('./resources-020cc6d5.js');
+require('./guid-1d60d25f.js');
 const CSS = {
   wrapper: "wrapper",