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

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

@@ -1,26 +1,26 @@
 /*!
  * 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.672
+ * v1.0.0-next.674
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ffc98317.js');
-const filter = require('./filter-c5affbce.js');
-const floatingUi = require('./floating-ui-045bef74.js');
-const guid = require('./guid-4327a17f.js');
-const dom = require('./dom-a819d514.js');
-const label = require('./label-3baa401f.js');
-const form = require('./form-631d94fe.js');
-const observers = require('./observers-a1a1380c.js');
-const interactive = require('./interactive-4cdab5e1.js');
-const openCloseComponent = require('./openCloseComponent-0bb4f69c.js');
-const loadable = require('./loadable-f46da01e.js');
-const debounce = require('./debounce-ed4e5dbc.js');
-const conditionalSlot = require('./conditionalSlot-98a903ba.js');
-require('./resources-665ef116.js');
+const index = require('./index-89d4f0d4.js');
+const filter = require('./filter-a2623c1a.js');
+const floatingUi = require('./floating-ui-315fae44.js');
+const guid = require('./guid-98939830.js');
+const dom = require('./dom-67f06ffe.js');
+const label = require('./label-10806aab.js');
+const form = require('./form-1a492583.js');
+const observers = require('./observers-4299167a.js');
+const interactive = require('./interactive-08c21a9e.js');
+const openCloseComponent = require('./openCloseComponent-fa934f91.js');
+const loadable = require('./loadable-b83d2912.js');
+const debounce = require('./debounce-ac2c6bff.js');
+const conditionalSlot = require('./conditionalSlot-aa1e12b9.js');
+require('./resources-8d0f5e95.js');
 
 const ComboboxItem$1 = "CALCITE-COMBOBOX-ITEM";
 const ComboboxItemGroup$1 = "CALCITE-COMBOBOX-ITEM-GROUP";
@@ -60,7 +60,6 @@ const inputUidPrefix = "combobox-input-";
 const Combobox = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
-    this.calciteLookupChange = index.createEvent(this, "calciteLookupChange", 6);
     this.calciteComboboxChange = index.createEvent(this, "calciteComboboxChange", 6);
     this.calciteComboboxFilterChange = index.createEvent(this, "calciteComboboxFilterChange", 6);
     this.calciteComboboxChipDismiss = index.createEvent(this, "calciteComboboxChipDismiss", 6);
@@ -224,13 +223,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")) {
@@ -309,10 +308,6 @@ const Combobox = class {
         this.calciteComboboxFilterChange.emit({ visibleItems: [...this.visibleItems], text: text });
       }, 100);
     })();
-    this.internalCalciteLookupChangeEvent = () => {
-      this.calciteLookupChange.emit(this.selectedItems);
-    };
-    this.emitCalciteLookupChange = debounce.debounce(this.internalCalciteLookupChangeEvent, 0);
     this.internalComboboxChangeEvent = () => {
       const { selectedItems } = this;
       this.calciteComboboxChange.emit({ selectedItems });
@@ -346,7 +341,6 @@ const Combobox = class {
     this.comboboxBlurHandler = (event) => {
       this.setInactiveIfNotContained(event);
     };
-    this.active = false;
     this.open = false;
     this.disabled = false;
     this.label = undefined;
@@ -372,29 +366,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) {
       floatingUi.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;
     }
   }
@@ -486,9 +469,6 @@ const Combobox = class {
     openCloseComponent.connectOpenCloseComponent(this);
     this.setFilteredPlacements();
     this.reposition(true);
-    if (this.active) {
-      this.activeHandler(this.active);
-    }
     if (this.open) {
       this.openHandler(this.open);
     }
@@ -585,7 +565,6 @@ const Combobox = class {
       item.selected = value;
       this.updateAncestors(item);
       this.selectedItems = this.getSelectedItems();
-      this.emitCalciteLookupChange();
       this.emitComboboxChange();
       this.resetText();
       this.filterItems("");
@@ -647,7 +626,6 @@ const Combobox = class {
   }
   getData() {
     return this.items.map((item) => ({
-      constant: item.constant,
       filterDisabled: item.filterDisabled,
       value: item.value,
       label: item.textLabel
@@ -689,7 +667,6 @@ const Combobox = class {
       }
       this.updateItems();
       this.filterItems("");
-      this.emitCalciteLookupChange();
       this.emitComboboxChange();
     }
   }
@@ -775,14 +752,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 (index.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 (index.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 (index.h("span", { class: {
         "input-wrap": true,
         "input-wrap--single": single
@@ -801,16 +778,16 @@ const Combobox = class {
     return this.visibleItems.map((item) => (index.h("li", { "aria-selected": dom.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,
       [floatingUi.FloatingCSS.animation]: true,
-      [floatingUi.FloatingCSS.animationActive]: open || active
+      [floatingUi.FloatingCSS.animationActive]: open
     };
     return (index.h("div", { "aria-hidden": "true", class: {
         "floating-ui-container": true,
-        "floating-ui-container--active": open || active
-      }, ref: setFloatingEl }, index.h("div", { class: classes, ref: setContainerEl }, index.h("ul", { class: { list: true, "list--hide": !(open || active) } }, index.h("slot", null)))));
+        "floating-ui-container--active": open
+      }, ref: setFloatingEl }, index.h("div", { class: classes, ref: setContainerEl }, index.h("ul", { class: { list: true, "list--hide": !open } }, index.h("slot", null)))));
   }
   renderIconStart() {
     const { selectedItems, placeholderIcon, selectionMode } = this;
@@ -823,21 +800,20 @@ const Combobox = class {
     return (iconAtStart && (index.h("span", { class: "icon-start" }, index.h("calcite-icon", { class: "selected-icon", icon: !this.open && selectedItem ? selectedIcon : placeholderIcon, scale: "s" }))));
   }
   renderIconEnd() {
-    const { active, open } = this;
-    return (index.h("span", { class: "icon-end" }, index.h("calcite-icon", { icon: active || open ? "chevron-up" : "chevron-down", scale: "s" })));
+    const { open } = this;
+    return (index.h("span", { class: "icon-end" }, index.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 (index.h(index.Host, { onClick: this.comboboxFocusHandler }, index.h("div", { "aria-autocomplete": "list", "aria-controls": `${listboxUidPrefix}${guid}`, "aria-expanded": dom.toAriaBoolean(open || active), "aria-haspopup": "listbox", "aria-labelledby": `${labelUidPrefix}${guid}`, "aria-live": "polite", "aria-owns": `${listboxUidPrefix}${guid}`, class: {
+    return (index.h(index.Host, { onClick: this.comboboxFocusHandler }, index.h("div", { "aria-autocomplete": "list", "aria-controls": `${listboxUidPrefix}${guid}`, "aria-expanded": dom.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" }, index.h("div", { class: "grid-input" }, this.renderIconStart(), !single && this.renderChips(), index.h("label", { class: "screen-readers-only", htmlFor: `${inputUidPrefix}${guid}`, id: `${labelUidPrefix}${guid}` }, label), this.renderInput()), this.renderIconEnd()), index.h("ul", { "aria-labelledby": `${labelUidPrefix}${guid}`, "aria-multiselectable": "true", class: "screen-readers-only", id: `${listboxUidPrefix}${guid}`, role: "listbox", tabIndex: -1 }, this.renderListBoxOptions()), this.renderFloatingUIContainer(), index.h(form.HiddenFormInputSlot, { component: this })));
   }
   get el() { return index.getElement(this); }
   static get watchers() { return {
-    "active": ["activeHandler"],
     "open": ["openHandler"],
     "disabled": ["handleDisabledChange"],
     "maxItems": ["maxItemsHandler"],
@@ -887,7 +863,6 @@ const ComboboxItem = class {
     this.icon = undefined;
     this.textLabel = undefined;
     this.value = undefined;
-    this.constant = undefined;
     this.filterDisabled = undefined;
   }
   selectedWatchHandler() {

package/dist/cjs/calcite-date-picker_4.cjs.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.672
+ * v1.0.0-next.674
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ffc98317.js');
-const resources = require('./resources-d7536e12.js');
-const locale = require('./locale-65747c40.js');
-const dom = require('./dom-a819d514.js');
-const resources$1 = require('./resources-665ef116.js');
-const interactive = require('./interactive-4cdab5e1.js');
-const key = require('./key-7649c64b.js');
-const Heading = require('./Heading-32d2b787.js');
-require('./observers-a1a1380c.js');
-require('./guid-4327a17f.js');
+const index = require('./index-89d4f0d4.js');
+const resources = require('./resources-e9f217ac.js');
+const locale = require('./locale-bb6aa41a.js');
+const dom = require('./dom-67f06ffe.js');
+const resources$1 = require('./resources-8d0f5e95.js');
+const interactive = require('./interactive-08c21a9e.js');
+const key = require('./key-43adccf2.js');
+const Heading = require('./Heading-2050a03c.js');
+require('./observers-4299167a.js');
+require('./guid-98939830.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/cjs/calcite-dropdown_3.cjs.entry.js

@@ -1,29 +1,29 @@
 /*!
  * 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.672
+ * v1.0.0-next.674
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ffc98317.js');
-const dom = require('./dom-a819d514.js');
-const floatingUi = require('./floating-ui-045bef74.js');
-const observers = require('./observers-a1a1380c.js');
-const interactive = require('./interactive-4cdab5e1.js');
-const openCloseComponent = require('./openCloseComponent-0bb4f69c.js');
-const guid = require('./guid-4327a17f.js');
-const key = require('./key-7649c64b.js');
-const loadable = require('./loadable-f46da01e.js');
-require('./resources-665ef116.js');
-require('./debounce-ed4e5dbc.js');
+const index = require('./index-89d4f0d4.js');
+const dom = require('./dom-67f06ffe.js');
+const floatingUi = require('./floating-ui-315fae44.js');
+const observers = require('./observers-4299167a.js');
+const interactive = require('./interactive-08c21a9e.js');
+const openCloseComponent = require('./openCloseComponent-fa934f91.js');
+const guid = require('./guid-98939830.js');
+const key = require('./key-43adccf2.js');
+const loadable = require('./loadable-b83d2912.js');
+require('./resources-8d0f5e95.js');
+require('./debounce-ac2c6bff.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) {
@@ -237,7 +237,7 @@ const Dropdown = class {
   }
   render() {
     const { open, guid } = this;
-    return (index.h(index.Host, null, index.h("div", { class: "calcite-dropdown-trigger-container", id: `${guid}-menubutton`, onClick: this.openCalciteDropdown, onKeyDown: this.keyDownHandler, ref: this.setReferenceEl }, index.h("slot", { "aria-controls": `${guid}-menu`, "aria-expanded": dom.toAriaBoolean(open), "aria-haspopup": "menu", name: SLOTS.dropdownTrigger, onSlotchange: this.updateTriggers })), index.h("div", { "aria-hidden": dom.toAriaBoolean(!open), class: "calcite-dropdown-wrapper", ref: this.setFloatingEl }, index.h("div", { "aria-labelledby": `${guid}-menubutton`, class: {
+    return (index.h(index.Host, null, index.h("div", { class: "calcite-trigger-container", id: `${guid}-menubutton`, onClick: this.openCalciteDropdown, onKeyDown: this.keyDownHandler, ref: this.setReferenceEl }, index.h("slot", { "aria-controls": `${guid}-menu`, "aria-expanded": dom.toAriaBoolean(open), "aria-haspopup": "menu", name: SLOTS.dropdownTrigger, onSlotchange: this.updateTriggers })), index.h("div", { "aria-hidden": dom.toAriaBoolean(!open), class: "calcite-dropdown-wrapper", ref: this.setFloatingEl }, index.h("div", { "aria-labelledby": `${guid}-menubutton`, class: {
         ["calcite-dropdown-content"]: true,
         [floatingUi.FloatingCSS.animation]: true,
         [floatingUi.FloatingCSS.animationActive]: open
@@ -500,6 +500,7 @@ const dropdownItemCss = "@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes i
 const DropdownItem = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
+    this.calciteDropdownItemSelect = index.createEvent(this, "calciteDropdownItemSelect", 6);
     this.calciteInternalDropdownItemSelect = index.createEvent(this, "calciteInternalDropdownItemSelect", 6);
     this.calciteInternalDropdownItemKeyEvent = index.createEvent(this, "calciteInternalDropdownItemKeyEvent", 6);
     this.calciteInternalDropdownCloseRequest = index.createEvent(this, "calciteInternalDropdownCloseRequest", 6);
@@ -648,6 +649,7 @@ const DropdownItem = class {
     }
   }
   emitRequestedItem() {
+    this.calciteDropdownItemSelect.emit();
     this.calciteInternalDropdownItemSelect.emit({
       requestedDropdownItem: this.el,
       requestedDropdownGroup: this.parentDropdownGroupEl

package/dist/cjs/calcite-fab.cjs.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.672
+ * v1.0.0-next.674
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ffc98317.js');
-const dom = require('./dom-a819d514.js');
-const interactive = require('./interactive-4cdab5e1.js');
-const loadable = require('./loadable-f46da01e.js');
-require('./resources-665ef116.js');
-require('./guid-4327a17f.js');
+const index = require('./index-89d4f0d4.js');
+const dom = require('./dom-67f06ffe.js');
+const interactive = require('./interactive-08c21a9e.js');
+const loadable = require('./loadable-b83d2912.js');
+require('./resources-8d0f5e95.js');
+require('./guid-98939830.js');
 
 const CSS = {
   button: "button"

package/dist/cjs/calcite-filter.cjs.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.672
+ * v1.0.0-next.674
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ffc98317.js');
-const dom = require('./dom-a819d514.js');
-const interactive = require('./interactive-4cdab5e1.js');
-const filter = require('./filter-c5affbce.js');
-const loadable = require('./loadable-f46da01e.js');
-const debounce = require('./debounce-ed4e5dbc.js');
-require('./resources-665ef116.js');
-require('./guid-4327a17f.js');
+const index = require('./index-89d4f0d4.js');
+const dom = require('./dom-67f06ffe.js');
+const interactive = require('./interactive-08c21a9e.js');
+const filter = require('./filter-a2623c1a.js');
+const loadable = require('./loadable-b83d2912.js');
+const debounce = require('./debounce-ac2c6bff.js');
+require('./resources-8d0f5e95.js');
+require('./guid-98939830.js');
 
 const CSS = {
   container: "container",

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

@@ -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.672
+ * v1.0.0-next.674
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ffc98317.js');
-const dom = require('./dom-a819d514.js');
-const resources = require('./resources-27fd5958.js');
-const interactive = require('./interactive-4cdab5e1.js');
-const loadable = require('./loadable-f46da01e.js');
-require('./resources-665ef116.js');
-require('./guid-4327a17f.js');
+const index = require('./index-89d4f0d4.js');
+const dom = require('./dom-67f06ffe.js');
+const resources = require('./resources-95c0fe4b.js');
+const interactive = require('./interactive-08c21a9e.js');
+const loadable = require('./loadable-b83d2912.js');
+require('./resources-8d0f5e95.js');
+require('./guid-98939830.js');
 
 const CSS = {
   backButton: "back-button"

package/dist/cjs/calcite-flow.cjs.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.672
+ * v1.0.0-next.674
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ffc98317.js');
-const observers = require('./observers-a1a1380c.js');
+const index = require('./index-89d4f0d4.js');
+const observers = require('./observers-4299167a.js');
 
 const CSS = {
   frame: "frame",

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

@@ -1,24 +1,24 @@
 /*!
  * 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.672
+ * v1.0.0-next.674
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ffc98317.js');
-const guid = require('./guid-4327a17f.js');
-const observers = require('./observers-a1a1380c.js');
-const dom = require('./dom-a819d514.js');
-const math = require('./math-3c620b41.js');
-const label = require('./label-3baa401f.js');
-const form = require('./form-631d94fe.js');
-const interactive = require('./interactive-4cdab5e1.js');
-const key = require('./key-7649c64b.js');
-const locale = require('./locale-65747c40.js');
-const loadable = require('./loadable-f46da01e.js');
-require('./resources-665ef116.js');
+const index = require('./index-89d4f0d4.js');
+const guid = require('./guid-98939830.js');
+const observers = require('./observers-4299167a.js');
+const dom = require('./dom-67f06ffe.js');
+const math = require('./math-3bda7bab.js');
+const label = require('./label-10806aab.js');
+const form = require('./form-1a492583.js');
+const interactive = require('./interactive-08c21a9e.js');
+const key = require('./key-43adccf2.js');
+const locale = require('./locale-bb6aa41a.js');
+const loadable = require('./loadable-b83d2912.js');
+require('./resources-8d0f5e95.js');
 
 /**
  * Calculate slope of the tangents

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

@@ -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.672
+ * v1.0.0-next.674
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ffc98317.js');
-const dom = require('./dom-a819d514.js');
-const loadable = require('./loadable-f46da01e.js');
-require('./resources-665ef116.js');
-require('./guid-4327a17f.js');
+const index = require('./index-89d4f0d4.js');
+const dom = require('./dom-67f06ffe.js');
+const loadable = require('./loadable-b83d2912.js');
+require('./resources-8d0f5e95.js');
+require('./guid-98939830.js');
 
 const CSS = {
   handle: "handle",

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

@@ -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.672
+ * v1.0.0-next.674
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ffc98317.js');
-const dom = require('./dom-a819d514.js');
-const observers = require('./observers-a1a1380c.js');
-require('./resources-665ef116.js');
-require('./guid-4327a17f.js');
+const index = require('./index-89d4f0d4.js');
+const dom = require('./dom-67f06ffe.js');
+const observers = require('./observers-4299167a.js');
+require('./resources-8d0f5e95.js');
+require('./guid-98939830.js');
 
 const CSS = {
   icon: "icon",

package/dist/cjs/calcite-inline-editable.cjs.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.672
+ * v1.0.0-next.674
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ffc98317.js');
-const dom = require('./dom-a819d514.js');
-const label = require('./label-3baa401f.js');
-const observers = require('./observers-a1a1380c.js');
-const interactive = require('./interactive-4cdab5e1.js');
-const loadable = require('./loadable-f46da01e.js');
-require('./resources-665ef116.js');
-require('./guid-4327a17f.js');
+const index = require('./index-89d4f0d4.js');
+const dom = require('./dom-67f06ffe.js');
+const label = require('./label-10806aab.js');
+const observers = require('./observers-4299167a.js');
+const interactive = require('./interactive-08c21a9e.js');
+const loadable = require('./loadable-b83d2912.js');
+require('./resources-8d0f5e95.js');
+require('./guid-98939830.js');
 
 const CSS = {
   wrapper: "wrapper",

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

@@ -1,27 +1,27 @@
 /*!
  * 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.672
+ * v1.0.0-next.674
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ffc98317.js');
-const resources = require('./resources-d7536e12.js');
-const label = require('./label-3baa401f.js');
-const form = require('./form-631d94fe.js');
-const floatingUi = require('./floating-ui-045bef74.js');
-const interactive = require('./interactive-4cdab5e1.js');
-const dom = require('./dom-a819d514.js');
-const openCloseComponent = require('./openCloseComponent-0bb4f69c.js');
-const locale = require('./locale-65747c40.js');
-const key = require('./key-7649c64b.js');
-const loadable = require('./loadable-f46da01e.js');
-require('./debounce-ed4e5dbc.js');
-require('./resources-665ef116.js');
-require('./guid-4327a17f.js');
-require('./observers-a1a1380c.js');
+const index = require('./index-89d4f0d4.js');
+const resources = require('./resources-e9f217ac.js');
+const label = require('./label-10806aab.js');
+const form = require('./form-1a492583.js');
+const floatingUi = require('./floating-ui-315fae44.js');
+const interactive = require('./interactive-08c21a9e.js');
+const dom = require('./dom-67f06ffe.js');
+const openCloseComponent = require('./openCloseComponent-fa934f91.js');
+const locale = require('./locale-bb6aa41a.js');
+const key = require('./key-43adccf2.js');
+const loadable = require('./loadable-b83d2912.js');
+require('./debounce-ac2c6bff.js');
+require('./resources-8d0f5e95.js');
+require('./guid-98939830.js');
+require('./observers-4299167a.js');
 
 const CSS = {
   menu: "menu-container",

package/dist/cjs/calcite-input-message.cjs.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.672
+ * v1.0.0-next.674
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ffc98317.js');
-const dom = require('./dom-a819d514.js');
-require('./resources-665ef116.js');
-require('./guid-4327a17f.js');
+const index = require('./index-89d4f0d4.js');
+const dom = require('./dom-67f06ffe.js');
+require('./resources-8d0f5e95.js');
+require('./guid-98939830.js');
 
 var StatusIconDefaults;
 (function (StatusIconDefaults) {