@esri/calcite-components 1.0.0-next.673 → 1.0.0-next.674

package/dist/esm/calcite-combobox_3.entry.js

@@ -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.673
+ * v1.0.0-next.674
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-a08626e0.js';
-import { f as filter } from './filter-30b11d91.js';
-import { d as defaultMenuPlacement, f as filterComputedPlacements, c as connectFloatingUI, u as updateAfterClose, r as reposition, a as disconnectFloatingUI, F as FloatingCSS } from './floating-ui-93740eb5.js';
-import { g as guid } from './guid-4d7be14f.js';
-import { n as nodeListToArray, i as isPrimaryPointerButton, t as toAriaBoolean, h as getElementProp, g as getSlotted } from './dom-b0b48ab2.js';
-import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-012f685e.js';
-import { s as submitForm, c as connectForm, a as afterConnectDefaultValueSet, d as disconnectForm, H as HiddenFormInputSlot } from './form-d5f8ad6b.js';
-import { c as createObserver } from './observers-d81f5b44.js';
-import { u as updateHostInteraction } from './interactive-15cae482.js';
-import { c as connectOpenCloseComponent, d as disconnectOpenCloseComponent } from './openCloseComponent-1b7e339f.js';
-import { c as componentLoaded, s as setUpLoadableComponent, a as setComponentLoaded } from './loadable-e8f5bdb5.js';
-import { d as debounce } from './debounce-108e110f.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-48030014.js';
-import './resources-914caef6.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-f3ceb464.js';
+import { f as filter } from './filter-8e7c9319.js';
+import { d as defaultMenuPlacement, f as filterComputedPlacements, c as connectFloatingUI, u as updateAfterClose, r as reposition, a as disconnectFloatingUI, F as FloatingCSS } from './floating-ui-a69f2d99.js';
+import { g as guid } from './guid-f3ec568f.js';
+import { n as nodeListToArray, i as isPrimaryPointerButton, t as toAriaBoolean, h as getElementProp, g as getSlotted } from './dom-b7646102.js';
+import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-1708f467.js';
+import { s as submitForm, c as connectForm, a as afterConnectDefaultValueSet, d as disconnectForm, H as HiddenFormInputSlot } from './form-017d35a8.js';
+import { c as createObserver } from './observers-3f92da18.js';
+import { u as updateHostInteraction } from './interactive-030f1dac.js';
+import { c as connectOpenCloseComponent, d as disconnectOpenCloseComponent } from './openCloseComponent-58b44d0f.js';
+import { c as componentLoaded, s as setUpLoadableComponent, a as setComponentLoaded } from './loadable-a5cc916b.js';
+import { d as debounce } from './debounce-c587ba92.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-8462ff98.js';
+import './resources-2967450d.js';
 
 const ComboboxItem$1 = "CALCITE-COMBOBOX-ITEM";
 const ComboboxItemGroup$1 = "CALCITE-COMBOBOX-ITEM-GROUP";
@@ -56,7 +56,6 @@ const inputUidPrefix = "combobox-input-";
 const Combobox = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    this.calciteLookupChange = createEvent(this, "calciteLookupChange", 6);
     this.calciteComboboxChange = createEvent(this, "calciteComboboxChange", 6);
     this.calciteComboboxFilterChange = createEvent(this, "calciteComboboxFilterChange", 6);
     this.calciteComboboxChipDismiss = createEvent(this, "calciteComboboxChipDismiss", 6);
@@ -220,13 +219,13 @@ const Combobox = class {
       listContainerEl.style.minWidth = `${referenceEl.clientWidth}px`;
       await this.reposition(true);
     };
-    this.calciteChipDismissHandler = (event, comboboxItem) => {
+    this.calciteChipDismissHandler = (comboboxItem) => {
       this.open = false;
       const selection = this.items.find((item) => item === comboboxItem);
       if (selection) {
         this.toggleSelection(selection, false);
       }
-      this.calciteComboboxChipDismiss.emit(event.detail);
+      this.calciteComboboxChipDismiss.emit();
     };
     this.clickHandler = (event) => {
       if (event.composedPath().some((node) => node.tagName === "CALCITE-CHIP")) {
@@ -305,10 +304,6 @@ const Combobox = class {
         this.calciteComboboxFilterChange.emit({ visibleItems: [...this.visibleItems], text: text });
       }, 100);
     })();
-    this.internalCalciteLookupChangeEvent = () => {
-      this.calciteLookupChange.emit(this.selectedItems);
-    };
-    this.emitCalciteLookupChange = debounce(this.internalCalciteLookupChangeEvent, 0);
     this.internalComboboxChangeEvent = () => {
       const { selectedItems } = this;
       this.calciteComboboxChange.emit({ selectedItems });
@@ -342,7 +337,6 @@ const Combobox = class {
     this.comboboxBlurHandler = (event) => {
       this.setInactiveIfNotContained(event);
     };
-    this.active = false;
     this.open = false;
     this.disabled = false;
     this.label = undefined;
@@ -368,29 +362,18 @@ const Combobox = class {
     this.activeDescendant = "";
     this.text = "";
   }
-  activeHandler(value) {
-    if (this.disabled) {
-      this.active = false;
-      this.open = false;
-      return;
-    }
-    this.open = value;
-  }
   openHandler(value) {
     if (!value) {
       updateAfterClose(this.floatingEl);
     }
     if (this.disabled) {
-      this.active = false;
       this.open = false;
       return;
     }
-    this.active = value;
     this.setMaxScrollerHeight();
   }
   handleDisabledChange(value) {
     if (!value) {
-      this.active = false;
       this.open = false;
     }
   }
@@ -482,9 +465,6 @@ const Combobox = class {
     connectOpenCloseComponent(this);
     this.setFilteredPlacements();
     this.reposition(true);
-    if (this.active) {
-      this.activeHandler(this.active);
-    }
     if (this.open) {
       this.openHandler(this.open);
     }
@@ -581,7 +561,6 @@ const Combobox = class {
       item.selected = value;
       this.updateAncestors(item);
       this.selectedItems = this.getSelectedItems();
-      this.emitCalciteLookupChange();
       this.emitComboboxChange();
       this.resetText();
       this.filterItems("");
@@ -643,7 +622,6 @@ const Combobox = class {
   }
   getData() {
     return this.items.map((item) => ({
-      constant: item.constant,
       filterDisabled: item.filterDisabled,
       value: item.value,
       label: item.textLabel
@@ -685,7 +663,6 @@ const Combobox = class {
       }
       this.updateItems();
       this.filterItems("");
-      this.emitCalciteLookupChange();
       this.emitComboboxChange();
     }
   }
@@ -771,14 +748,14 @@ const Combobox = class {
       const ancestors = [...getItemAncestors(item)].reverse();
       const pathLabel = [...ancestors, item].map((el) => el.textLabel);
       const label = selectionMode !== "ancestors" ? item.textLabel : pathLabel.join(" / ");
-      return (h("calcite-chip", { class: chipClasses, closable: true, dismissLabel: intlRemoveTag, icon: item.icon, id: item.guid ? `${chipUidPrefix}${item.guid}` : null, key: item.textLabel, onCalciteChipDismiss: (event) => this.calciteChipDismissHandler(event, item), scale: scale, title: label, value: item.value }, label));
+      return (h("calcite-chip", { class: chipClasses, closable: true, dismissLabel: intlRemoveTag, icon: item.icon, id: item.guid ? `${chipUidPrefix}${item.guid}` : null, key: item.textLabel, onCalciteChipDismiss: () => this.calciteChipDismissHandler(item), scale: scale, title: label, value: item.value }, label));
     });
   }
   renderInput() {
-    const { guid, active, disabled, placeholder, selectionMode, selectedItems, open } = this;
+    const { guid, disabled, placeholder, selectionMode, selectedItems, open } = this;
     const single = selectionMode === "single";
     const selectedItem = selectedItems[0];
-    const showLabel = !(open || active) && single && !!selectedItem;
+    const showLabel = !open && single && !!selectedItem;
     return (h("span", { class: {
         "input-wrap": true,
         "input-wrap--single": single
@@ -797,16 +774,16 @@ const Combobox = class {
     return this.visibleItems.map((item) => (h("li", { "aria-selected": toAriaBoolean(item.selected), id: item.guid ? `${itemUidPrefix}${item.guid}` : null, role: "option", tabindex: "-1" }, item.textLabel)));
   }
   renderFloatingUIContainer() {
-    const { active, setFloatingEl, setContainerEl, open } = this;
+    const { setFloatingEl, setContainerEl, open } = this;
     const classes = {
       "list-container": true,
       [FloatingCSS.animation]: true,
-      [FloatingCSS.animationActive]: open || active
+      [FloatingCSS.animationActive]: open
     };
     return (h("div", { "aria-hidden": "true", class: {
         "floating-ui-container": true,
-        "floating-ui-container--active": open || active
-      }, ref: setFloatingEl }, h("div", { class: classes, ref: setContainerEl }, h("ul", { class: { list: true, "list--hide": !(open || active) } }, h("slot", null)))));
+        "floating-ui-container--active": open
+      }, ref: setFloatingEl }, h("div", { class: classes, ref: setContainerEl }, h("ul", { class: { list: true, "list--hide": !open } }, h("slot", null)))));
   }
   renderIconStart() {
     const { selectedItems, placeholderIcon, selectionMode } = this;
@@ -819,21 +796,20 @@ const Combobox = class {
     return (iconAtStart && (h("span", { class: "icon-start" }, h("calcite-icon", { class: "selected-icon", icon: !this.open && selectedItem ? selectedIcon : placeholderIcon, scale: "s" }))));
   }
   renderIconEnd() {
-    const { active, open } = this;
-    return (h("span", { class: "icon-end" }, h("calcite-icon", { icon: active || open ? "chevron-up" : "chevron-down", scale: "s" })));
+    const { open } = this;
+    return (h("span", { class: "icon-end" }, h("calcite-icon", { icon: open ? "chevron-up" : "chevron-down", scale: "s" })));
   }
   render() {
-    const { active, guid, label, open } = this;
+    const { guid, label, open } = this;
     const single = this.selectionMode === "single";
-    return (h(Host, { onClick: this.comboboxFocusHandler }, h("div", { "aria-autocomplete": "list", "aria-controls": `${listboxUidPrefix}${guid}`, "aria-expanded": toAriaBoolean(open || active), "aria-haspopup": "listbox", "aria-labelledby": `${labelUidPrefix}${guid}`, "aria-live": "polite", "aria-owns": `${listboxUidPrefix}${guid}`, class: {
+    return (h(Host, { onClick: this.comboboxFocusHandler }, h("div", { "aria-autocomplete": "list", "aria-controls": `${listboxUidPrefix}${guid}`, "aria-expanded": toAriaBoolean(open), "aria-haspopup": "listbox", "aria-labelledby": `${labelUidPrefix}${guid}`, "aria-live": "polite", "aria-owns": `${listboxUidPrefix}${guid}`, class: {
         wrapper: true,
         "wrapper--single": single || !this.selectedItems.length,
-        "wrapper--active": open || active
+        "wrapper--active": open
       }, onClick: this.clickHandler, onKeyDown: this.keydownHandler, ref: this.setReferenceEl, role: "combobox" }, h("div", { class: "grid-input" }, this.renderIconStart(), !single && this.renderChips(), h("label", { class: "screen-readers-only", htmlFor: `${inputUidPrefix}${guid}`, id: `${labelUidPrefix}${guid}` }, label), this.renderInput()), this.renderIconEnd()), h("ul", { "aria-labelledby": `${labelUidPrefix}${guid}`, "aria-multiselectable": "true", class: "screen-readers-only", id: `${listboxUidPrefix}${guid}`, role: "listbox", tabIndex: -1 }, this.renderListBoxOptions()), this.renderFloatingUIContainer(), h(HiddenFormInputSlot, { component: this })));
   }
   get el() { return getElement(this); }
   static get watchers() { return {
-    "active": ["activeHandler"],
     "open": ["openHandler"],
     "disabled": ["handleDisabledChange"],
     "maxItems": ["maxItemsHandler"],
@@ -883,7 +859,6 @@ const ComboboxItem = class {
     this.icon = undefined;
     this.textLabel = undefined;
     this.value = undefined;
-    this.constant = undefined;
     this.filterDisabled = undefined;
   }
   selectedWatchHandler() {

package/dist/esm/calcite-date-picker_4.entry.js

@@ -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.673
+ * v1.0.0-next.674
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement, F as Fragment } from './index-a08626e0.js';
-import { h as getDaysDiff, b as dateToISO, T as TEXT, c as dateFromISO, g as getValueAsDateRange, f as dateFromRange, e as getLocaleData, s as setEndOfDay, j as sameDate, i as inRange, k as getOrder, n as nextMonth, p as prevMonth } from './resources-0e4a7971.js';
-import { c as connectLocalized, d as disconnectLocalized, n as numberStringFormatter } from './locale-01902eaa.js';
-import { c as closestElementCrossShadowBoundary, a as getElementDir } from './dom-b0b48ab2.js';
-import { C as CSS_UTILITY } from './resources-914caef6.js';
-import { u as updateHostInteraction } from './interactive-15cae482.js';
-import { i as isActivationKey } from './key-d745be66.js';
-import { H as Heading } from './Heading-24069013.js';
-import './observers-d81f5b44.js';
-import './guid-4d7be14f.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement, F as Fragment } from './index-f3ceb464.js';
+import { h as getDaysDiff, b as dateToISO, T as TEXT, c as dateFromISO, g as getValueAsDateRange, f as dateFromRange, e as getLocaleData, s as setEndOfDay, j as sameDate, i as inRange, k as getOrder, n as nextMonth, p as prevMonth } from './resources-7e9e5fb2.js';
+import { c as connectLocalized, d as disconnectLocalized, n as numberStringFormatter } from './locale-25eb26cf.js';
+import { c as closestElementCrossShadowBoundary, a as getElementDir } from './dom-b7646102.js';
+import { C as CSS_UTILITY } from './resources-2967450d.js';
+import { u as updateHostInteraction } from './interactive-030f1dac.js';
+import { i as isActivationKey } from './key-33946066.js';
+import { H as Heading } from './Heading-5d0d1b6d.js';
+import './observers-3f92da18.js';
+import './guid-f3ec568f.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}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing);--calcite-floating-ui-z-index:600}: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/esm/calcite-dropdown_3.entry.js

@@ -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.673
+ * v1.0.0-next.674
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-a08626e0.js';
-import { t as toAriaBoolean, i as isPrimaryPointerButton, f as focusElement, h as getElementProp } from './dom-b0b48ab2.js';
-import { f as filterComputedPlacements, c as connectFloatingUI, d as defaultMenuPlacement, u as updateAfterClose, a as disconnectFloatingUI, F as FloatingCSS, r as reposition } from './floating-ui-93740eb5.js';
-import { c as createObserver } from './observers-d81f5b44.js';
-import { u as updateHostInteraction } from './interactive-15cae482.js';
-import { c as connectOpenCloseComponent, d as disconnectOpenCloseComponent } from './openCloseComponent-1b7e339f.js';
-import { g as guid } from './guid-4d7be14f.js';
-import { i as isActivationKey } from './key-d745be66.js';
-import { c as componentLoaded, s as setUpLoadableComponent, a as setComponentLoaded } from './loadable-e8f5bdb5.js';
-import './resources-914caef6.js';
-import './debounce-108e110f.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-f3ceb464.js';
+import { t as toAriaBoolean, i as isPrimaryPointerButton, f as focusElement, h as getElementProp } from './dom-b7646102.js';
+import { f as filterComputedPlacements, c as connectFloatingUI, d as defaultMenuPlacement, u as updateAfterClose, a as disconnectFloatingUI, F as FloatingCSS, r as reposition } from './floating-ui-a69f2d99.js';
+import { c as createObserver } from './observers-3f92da18.js';
+import { u as updateHostInteraction } from './interactive-030f1dac.js';
+import { c as connectOpenCloseComponent, d as disconnectOpenCloseComponent } from './openCloseComponent-58b44d0f.js';
+import { g as guid } from './guid-f3ec568f.js';
+import { i as isActivationKey } from './key-33946066.js';
+import { c as componentLoaded, s as setUpLoadableComponent, a as setComponentLoaded } from './loadable-a5cc916b.js';
+import './resources-2967450d.js';
+import './debounce-c587ba92.js';
 
 const SLOTS = {
-  dropdownTrigger: "dropdown-trigger"
+  dropdownTrigger: "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}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing);--calcite-floating-ui-z-index:600}: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{--calcite-floating-ui-z-index:600;display:block;position:absolute;z-index:var(--calcite-floating-ui-z-index);visibility:hidden}.calcite-dropdown-wrapper .calcite-floating-ui-anim{position:relative;transition:var(--calcite-floating-ui-transition);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;transform:translate(0)}:host([open]) .calcite-dropdown-wrapper{visibility:visible}: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}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing);--calcite-floating-ui-z-index:600}: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{--calcite-floating-ui-z-index:600;display:block;position:absolute;z-index:var(--calcite-floating-ui-z-index);visibility:hidden}.calcite-dropdown-wrapper .calcite-floating-ui-anim{position:relative;transition:var(--calcite-floating-ui-transition);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;transform:translate(0)}:host([open]) .calcite-dropdown-wrapper{visibility:visible}: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-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) {
@@ -233,7 +233,7 @@ const Dropdown = class {
   }
   render() {
     const { open, guid } = this;
-    return (h(Host, null, h("div", { class: "calcite-dropdown-trigger-container", id: `${guid}-menubutton`, onClick: this.openCalciteDropdown, onKeyDown: this.keyDownHandler, ref: this.setReferenceEl }, h("slot", { "aria-controls": `${guid}-menu`, "aria-expanded": toAriaBoolean(open), "aria-haspopup": "menu", name: SLOTS.dropdownTrigger, onSlotchange: this.updateTriggers })), h("div", { "aria-hidden": toAriaBoolean(!open), class: "calcite-dropdown-wrapper", ref: this.setFloatingEl }, h("div", { "aria-labelledby": `${guid}-menubutton`, class: {
+    return (h(Host, null, h("div", { class: "calcite-trigger-container", id: `${guid}-menubutton`, onClick: this.openCalciteDropdown, onKeyDown: this.keyDownHandler, ref: this.setReferenceEl }, h("slot", { "aria-controls": `${guid}-menu`, "aria-expanded": toAriaBoolean(open), "aria-haspopup": "menu", name: SLOTS.dropdownTrigger, onSlotchange: this.updateTriggers })), h("div", { "aria-hidden": toAriaBoolean(!open), class: "calcite-dropdown-wrapper", ref: this.setFloatingEl }, h("div", { "aria-labelledby": `${guid}-menubutton`, class: {
         ["calcite-dropdown-content"]: true,
         [FloatingCSS.animation]: true,
         [FloatingCSS.animationActive]: open
@@ -496,6 +496,7 @@ const dropdownItemCss = "@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes i
 const DropdownItem = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
+    this.calciteDropdownItemSelect = createEvent(this, "calciteDropdownItemSelect", 6);
     this.calciteInternalDropdownItemSelect = createEvent(this, "calciteInternalDropdownItemSelect", 6);
     this.calciteInternalDropdownItemKeyEvent = createEvent(this, "calciteInternalDropdownItemKeyEvent", 6);
     this.calciteInternalDropdownCloseRequest = createEvent(this, "calciteInternalDropdownCloseRequest", 6);
@@ -644,6 +645,7 @@ const DropdownItem = class {
     }
   }
   emitRequestedItem() {
+    this.calciteDropdownItemSelect.emit();
     this.calciteInternalDropdownItemSelect.emit({
       requestedDropdownItem: this.el,
       requestedDropdownGroup: this.parentDropdownGroupEl

package/dist/esm/calcite-fab.entry.js

@@ -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.673
+ * v1.0.0-next.674
  */
-import { r as registerInstance, h, g as getElement } from './index-a08626e0.js';
-import { f as focusElement } from './dom-b0b48ab2.js';
-import { u as updateHostInteraction } from './interactive-15cae482.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-e8f5bdb5.js';
-import './resources-914caef6.js';
-import './guid-4d7be14f.js';
+import { r as registerInstance, h, g as getElement } from './index-f3ceb464.js';
+import { f as focusElement } from './dom-b7646102.js';
+import { u as updateHostInteraction } from './interactive-030f1dac.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-a5cc916b.js';
+import './resources-2967450d.js';
+import './guid-f3ec568f.js';
 
 const CSS = {
   button: "button"

package/dist/esm/calcite-filter.entry.js

@@ -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.673
+ * v1.0.0-next.674
  */
-import { r as registerInstance, c as createEvent, h, F as Fragment, g as getElement } from './index-a08626e0.js';
-import { f as focusElement } from './dom-b0b48ab2.js';
-import { u as updateHostInteraction } from './interactive-15cae482.js';
-import { f as filter } from './filter-30b11d91.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-e8f5bdb5.js';
-import { d as debounce } from './debounce-108e110f.js';
-import './resources-914caef6.js';
-import './guid-4d7be14f.js';
+import { r as registerInstance, c as createEvent, h, F as Fragment, g as getElement } from './index-f3ceb464.js';
+import { f as focusElement } from './dom-b7646102.js';
+import { u as updateHostInteraction } from './interactive-030f1dac.js';
+import { f as filter } from './filter-8e7c9319.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-a5cc916b.js';
+import { d as debounce } from './debounce-c587ba92.js';
+import './resources-2967450d.js';
+import './guid-f3ec568f.js';
 
 const CSS = {
   container: "container",

package/dist/esm/calcite-flow-item.entry.js

@@ -1,15 +1,15 @@
 /*!
  * 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.673
+ * v1.0.0-next.674
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-a08626e0.js';
-import { a as getElementDir } from './dom-b0b48ab2.js';
-import { S as SLOTS$1 } from './resources-fea37fdd.js';
-import { u as updateHostInteraction } from './interactive-15cae482.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-e8f5bdb5.js';
-import './resources-914caef6.js';
-import './guid-4d7be14f.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-f3ceb464.js';
+import { a as getElementDir } from './dom-b7646102.js';
+import { S as SLOTS$1 } from './resources-6ca07f11.js';
+import { u as updateHostInteraction } from './interactive-030f1dac.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-a5cc916b.js';
+import './resources-2967450d.js';
+import './guid-f3ec568f.js';
 
 const CSS = {
   backButton: "back-button"

package/dist/esm/calcite-flow.entry.js

@@ -1,10 +1,10 @@
 /*!
  * 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.673
+ * v1.0.0-next.674
  */
-import { r as registerInstance, h, g as getElement } from './index-a08626e0.js';
-import { c as createObserver } from './observers-d81f5b44.js';
+import { r as registerInstance, h, g as getElement } from './index-f3ceb464.js';
+import { c as createObserver } from './observers-3f92da18.js';
 
 const CSS = {
   frame: "frame",

package/dist/esm/calcite-graph_2.entry.js

@@ -1,20 +1,20 @@
 /*!
  * 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.673
+ * v1.0.0-next.674
  */
-import { r as registerInstance, h, g as getElement, f as forceUpdate, c as createEvent, H as Host } from './index-a08626e0.js';
-import { g as guid } from './guid-4d7be14f.js';
-import { c as createObserver } from './observers-d81f5b44.js';
-import { i as isPrimaryPointerButton, k as intersects } from './dom-b0b48ab2.js';
-import { d as decimalPlaces, c as clamp } from './math-f613a90e.js';
-import { c as connectLabel, d as disconnectLabel } from './label-012f685e.js';
-import { c as connectForm, d as disconnectForm, a as afterConnectDefaultValueSet, H as HiddenFormInputSlot } from './form-d5f8ad6b.js';
-import { u as updateHostInteraction } from './interactive-15cae482.js';
-import { i as isActivationKey } from './key-d745be66.js';
-import { n as numberStringFormatter, c as connectLocalized, d as disconnectLocalized } from './locale-01902eaa.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-e8f5bdb5.js';
-import './resources-914caef6.js';
+import { r as registerInstance, h, g as getElement, f as forceUpdate, c as createEvent, H as Host } from './index-f3ceb464.js';
+import { g as guid } from './guid-f3ec568f.js';
+import { c as createObserver } from './observers-3f92da18.js';
+import { i as isPrimaryPointerButton, k as intersects } from './dom-b7646102.js';
+import { d as decimalPlaces, c as clamp } from './math-d2f9aec2.js';
+import { c as connectLabel, d as disconnectLabel } from './label-1708f467.js';
+import { c as connectForm, d as disconnectForm, a as afterConnectDefaultValueSet, H as HiddenFormInputSlot } from './form-017d35a8.js';
+import { u as updateHostInteraction } from './interactive-030f1dac.js';
+import { i as isActivationKey } from './key-33946066.js';
+import { n as numberStringFormatter, c as connectLocalized, d as disconnectLocalized } from './locale-25eb26cf.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-a5cc916b.js';
+import './resources-2967450d.js';
 
 /**
  * Calculate slope of the tangents

package/dist/esm/calcite-handle.entry.js

@@ -1,13 +1,13 @@
 /*!
  * 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.673
+ * v1.0.0-next.674
  */
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-a08626e0.js';
-import { t as toAriaBoolean } from './dom-b0b48ab2.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-e8f5bdb5.js';
-import './resources-914caef6.js';
-import './guid-4d7be14f.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-f3ceb464.js';
+import { t as toAriaBoolean } from './dom-b7646102.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-a5cc916b.js';
+import './resources-2967450d.js';
+import './guid-f3ec568f.js';
 
 const CSS = {
   handle: "handle",

package/dist/esm/calcite-icon.entry.js

@@ -1,13 +1,13 @@
 /*!
  * 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.673
+ * v1.0.0-next.674
  */
-import { e as getAssetPath, r as registerInstance, h, H as Host, g as getElement } from './index-a08626e0.js';
-import { a as getElementDir, t as toAriaBoolean } from './dom-b0b48ab2.js';
-import { c as createObserver } from './observers-d81f5b44.js';
-import './resources-914caef6.js';
-import './guid-4d7be14f.js';
+import { e as getAssetPath, r as registerInstance, h, H as Host, g as getElement } from './index-f3ceb464.js';
+import { a as getElementDir, t as toAriaBoolean } from './dom-b7646102.js';
+import { c as createObserver } from './observers-3f92da18.js';
+import './resources-2967450d.js';
+import './guid-f3ec568f.js';
 
 const CSS = {
   icon: "icon",

package/dist/esm/calcite-inline-editable.entry.js

@@ -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.673
+ * v1.0.0-next.674
  */
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-a08626e0.js';
-import { h as getElementProp, g as getSlotted } from './dom-b0b48ab2.js';
-import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-012f685e.js';
-import { c as createObserver } from './observers-d81f5b44.js';
-import { u as updateHostInteraction } from './interactive-15cae482.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-e8f5bdb5.js';
-import './resources-914caef6.js';
-import './guid-4d7be14f.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-f3ceb464.js';
+import { h as getElementProp, g as getSlotted } from './dom-b7646102.js';
+import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-1708f467.js';
+import { c as createObserver } from './observers-3f92da18.js';
+import { u as updateHostInteraction } from './interactive-030f1dac.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-a5cc916b.js';
+import './resources-2967450d.js';
+import './guid-f3ec568f.js';
 
 const CSS = {
   wrapper: "wrapper",

package/dist/esm/calcite-input-date-picker.entry.js

@@ -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.673
+ * v1.0.0-next.674
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-a08626e0.js';
-import { d as datePartsFromLocalizedString, a as dateFromLocalizedString, i as inRange, b as dateToISO, g as getValueAsDateRange, s as setEndOfDay, c as dateFromISO, T as TEXT, e as getLocaleData, f as dateFromRange } from './resources-0e4a7971.js';
-import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-012f685e.js';
-import { s as submitForm, c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-d5f8ad6b.js';
-import { f as filterComputedPlacements, c as connectFloatingUI, d as defaultMenuPlacement, u as updateAfterClose, r as reposition, a as disconnectFloatingUI, F as FloatingCSS } from './floating-ui-93740eb5.js';
-import { u as updateHostInteraction } from './interactive-15cae482.js';
-import { t as toAriaBoolean } from './dom-b0b48ab2.js';
-import { c as connectOpenCloseComponent, d as disconnectOpenCloseComponent } from './openCloseComponent-1b7e339f.js';
-import { n as numberStringFormatter, c as connectLocalized, d as disconnectLocalized } from './locale-01902eaa.js';
-import { n as numberKeys } from './key-d745be66.js';
-import { c as componentLoaded, s as setUpLoadableComponent, a as setComponentLoaded } from './loadable-e8f5bdb5.js';
-import './debounce-108e110f.js';
-import './resources-914caef6.js';
-import './guid-4d7be14f.js';
-import './observers-d81f5b44.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-f3ceb464.js';
+import { d as datePartsFromLocalizedString, a as dateFromLocalizedString, i as inRange, b as dateToISO, g as getValueAsDateRange, s as setEndOfDay, c as dateFromISO, T as TEXT, e as getLocaleData, f as dateFromRange } from './resources-7e9e5fb2.js';
+import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-1708f467.js';
+import { s as submitForm, c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-017d35a8.js';
+import { f as filterComputedPlacements, c as connectFloatingUI, d as defaultMenuPlacement, u as updateAfterClose, r as reposition, a as disconnectFloatingUI, F as FloatingCSS } from './floating-ui-a69f2d99.js';
+import { u as updateHostInteraction } from './interactive-030f1dac.js';
+import { t as toAriaBoolean } from './dom-b7646102.js';
+import { c as connectOpenCloseComponent, d as disconnectOpenCloseComponent } from './openCloseComponent-58b44d0f.js';
+import { n as numberStringFormatter, c as connectLocalized, d as disconnectLocalized } from './locale-25eb26cf.js';
+import { n as numberKeys } from './key-33946066.js';
+import { c as componentLoaded, s as setUpLoadableComponent, a as setComponentLoaded } from './loadable-a5cc916b.js';
+import './debounce-c587ba92.js';
+import './resources-2967450d.js';
+import './guid-f3ec568f.js';
+import './observers-3f92da18.js';
 
 const CSS = {
   menu: "menu-container",

package/dist/esm/calcite-input-message.entry.js

@@ -1,12 +1,12 @@
 /*!
  * 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.673
+ * v1.0.0-next.674
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-a08626e0.js';
-import { b as setRequestedIcon, h as getElementProp } from './dom-b0b48ab2.js';
-import './resources-914caef6.js';
-import './guid-4d7be14f.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-f3ceb464.js';
+import { b as setRequestedIcon, h as getElementProp } from './dom-b7646102.js';
+import './resources-2967450d.js';
+import './guid-f3ec568f.js';
 
 var StatusIconDefaults;
 (function (StatusIconDefaults) {

package/dist/esm/calcite-input-number.entry.js

@@ -1,20 +1,20 @@
 /*!
  * 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.673
+ * v1.0.0-next.674
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-a08626e0.js';
-import { g as getSlotted, i as isPrimaryPointerButton, b as setRequestedIcon, h as getElementProp, a as getElementDir } from './dom-b0b48ab2.js';
-import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-012f685e.js';
-import { s as submitForm, c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-d5f8ad6b.js';
-import { n as numberStringFormatter, i as isValidNumber, p as parseNumberString, s as sanitizeNumberString, a as defaultNumberingSystem, c as connectLocalized, d as disconnectLocalized } from './locale-01902eaa.js';
-import { n as numberKeys } from './key-d745be66.js';
-import { T as TEXT$1, C as CSS_UTILITY } from './resources-914caef6.js';
-import { d as decimalPlaces } from './math-f613a90e.js';
-import { c as createObserver } from './observers-d81f5b44.js';
-import { u as updateHostInteraction } from './interactive-15cae482.js';
-import { a as setComponentLoaded, s as setUpLoadableComponent, c as componentLoaded } from './loadable-e8f5bdb5.js';
-import './guid-4d7be14f.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-f3ceb464.js';
+import { g as getSlotted, i as isPrimaryPointerButton, b as setRequestedIcon, h as getElementProp, a as getElementDir } from './dom-b7646102.js';
+import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-1708f467.js';
+import { s as submitForm, c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-017d35a8.js';
+import { n as numberStringFormatter, i as isValidNumber, p as parseNumberString, s as sanitizeNumberString, a as defaultNumberingSystem, c as connectLocalized, d as disconnectLocalized } from './locale-25eb26cf.js';
+import { n as numberKeys } from './key-33946066.js';
+import { T as TEXT$1, C as CSS_UTILITY } from './resources-2967450d.js';
+import { d as decimalPlaces } from './math-d2f9aec2.js';
+import { c as createObserver } from './observers-3f92da18.js';
+import { u as updateHostInteraction } from './interactive-030f1dac.js';
+import { a as setComponentLoaded, s as setUpLoadableComponent, c as componentLoaded } from './loadable-a5cc916b.js';
+import './guid-f3ec568f.js';
 
 const CSS = {
   loader: "loader",