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

package/dist/components/button.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.673
+ * v1.0.0-next.675
  */
 import { proxyCustomElement, HTMLElement as HTMLElement$1, Build, h } from '@stencil/core/internal/client/index.js';
 import { o as closestElementCrossShadowBoundary } from './dom.js';

package/dist/components/calcite-accordion-item.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.673
+ * v1.0.0-next.675
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client/index.js';
 import { g as getElementProp, b as getSlotted, c as getElementDir, C as CSS_UTILITY, t as toAriaBoolean } from './dom.js';

package/dist/components/calcite-accordion.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.673
+ * v1.0.0-next.675
  */
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client/index.js';
 

package/dist/components/calcite-action-bar.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.673
+ * v1.0.0-next.675
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client/index.js';
 import { t as toggleChildActionText, o as overflowActionsDebounceInMs, q as queryActions, g as geActionDimensions, a as overflowActions, E as ExpandToggle, b as getOverflowCount } from './ExpandToggle.js';
@@ -48,7 +48,7 @@ const ActionBar = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     //  Private Methods
     //
     // --------------------------------------------------------------------------
-    this.actionMenuOpenChangeHandler = (event) => {
+    this.actionMenuOpenHandler = (event) => {
       if (event.target.menuOpen) {
         const composedPath = event.composedPath();
         Array.from(this.el.querySelectorAll("calcite-action-group")).forEach((group) => {
@@ -192,7 +192,7 @@ const ActionBar = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     return getSlotted(el, SLOTS.bottomActions) || expandToggleNode ? (h("calcite-action-group", { class: CSS.actionGroupBottom, layout: layout, scale: scale }, h("slot", { name: SLOTS.bottomActions }), h("slot", { name: SLOTS.expandTooltip }), expandToggleNode)) : null;
   }
   render() {
-    return (h(Host, { onCalciteActionMenuOpenChange: this.actionMenuOpenChangeHandler }, h("slot", null), this.renderBottomActionGroup()));
+    return (h(Host, { onCalciteActionMenuOpen: this.actionMenuOpenHandler }, h("slot", null), this.renderBottomActionGroup()));
   }
   get el() { return this; }
   static get watchers() { return {

package/dist/components/calcite-action-group.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.673
+ * v1.0.0-next.675
  */
 import { A as ActionGroup, d as defineCustomElement$1 } from './action-group.js';
 

package/dist/components/calcite-action-menu.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.673
+ * v1.0.0-next.675
  */
 import { A as ActionMenu, d as defineCustomElement$1 } from './action-menu.js';
 

package/dist/components/calcite-action-pad.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.673
+ * v1.0.0-next.675
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client/index.js';
 import { t as toggleChildActionText, E as ExpandToggle } from './ExpandToggle.js';
@@ -40,7 +40,7 @@ const ActionPad = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     //  Private Methods
     //
     // --------------------------------------------------------------------------
-    this.actionMenuOpenChangeHandler = (event) => {
+    this.actionMenuOpenHandler = (event) => {
       if (event.target.menuOpen) {
         const composedPath = event.composedPath();
         Array.from(this.el.querySelectorAll("calcite-action-group")).forEach((group) => {
@@ -119,7 +119,7 @@ const ActionPad = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     return expandToggleNode ? (h("calcite-action-group", { class: CSS.actionGroupBottom, layout: layout, scale: scale }, h("slot", { name: SLOTS.expandTooltip }), expandToggleNode)) : null;
   }
   render() {
-    return (h(Host, { onCalciteActionMenuOpenChange: this.actionMenuOpenChangeHandler }, h("div", { class: CSS.container }, h("slot", null), this.renderBottomActionGroup())));
+    return (h(Host, { onCalciteActionMenuOpen: this.actionMenuOpenHandler }, h("div", { class: CSS.container }, h("slot", null), this.renderBottomActionGroup())));
   }
   get el() { return this; }
   static get watchers() { return {

package/dist/components/calcite-action.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.673
+ * v1.0.0-next.675
  */
 import { A as Action, d as defineCustomElement$1 } from './action.js';
 

package/dist/components/calcite-alert.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.673
+ * v1.0.0-next.675
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client/index.js';
 import { s as slotChangeHasAssignedElement, e as setRequestedIcon, t as toAriaBoolean, b as getSlotted } from './dom.js';

package/dist/components/calcite-avatar.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.673
+ * v1.0.0-next.675
  */
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client/index.js';
 import { h as hexToRGB, i as isValidHex } from './utils.js';

package/dist/components/calcite-block-section.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.673
+ * v1.0.0-next.675
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client/index.js';
 import { c as getElementDir, t as toAriaBoolean } from './dom.js';

package/dist/components/calcite-block.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.673
+ * v1.0.0-next.675
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client/index.js';
 import { b as getSlotted, t as toAriaBoolean } from './dom.js';

package/dist/components/calcite-button.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.673
+ * v1.0.0-next.675
  */
 import { B as Button, d as defineCustomElement$1 } from './button.js';
 

package/dist/components/calcite-card.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.673
+ * v1.0.0-next.675
  */
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client/index.js';
 import { t as toAriaBoolean, b as getSlotted } from './dom.js';

package/dist/components/calcite-checkbox.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.673
+ * v1.0.0-next.675
  */
 import { C as Checkbox, d as defineCustomElement$1 } from './checkbox.js';
 

package/dist/components/calcite-chip.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.673
+ * v1.0.0-next.675
  */
 import { C as Chip, d as defineCustomElement$1 } from './chip.js';
 

package/dist/components/calcite-color-picker-hex-input.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.673
+ * v1.0.0-next.675
  */
 import { c as ColorPickerHexInput, d as defineCustomElement$1 } from './color-picker-hex-input.js';
 

package/dist/components/calcite-color-picker-swatch.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.673
+ * v1.0.0-next.675
  */
 import { C as ColorPickerSwatch, d as defineCustomElement$1 } from './color-picker-swatch.js';
 

package/dist/components/calcite-color-picker.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.673
+ * v1.0.0-next.675
  */
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client/index.js';
 import { c as color, d as defineCustomElement$a } from './color-picker-swatch.js';
@@ -595,7 +595,7 @@ const ColorPicker = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
       } }, intlHex), h("calcite-color-picker-hex-input", { allowEmpty: allowEmpty, class: CSS.control, numberingSystem: this.numberingSystem, onCalciteColorPickerHexInputChange: this.handleHexInputChange, scale: hexInputScale, value: selectedColorInHex }))), hideChannels ? null : (h("calcite-tabs", { class: {
         [CSS.colorModeContainer]: true,
         [CSS.splitSection]: true
-      }, scale: hexInputScale }, h("calcite-tab-nav", { slot: "tab-nav" }, this.renderChannelsTabTitle("rgb"), this.renderChannelsTabTitle("hsv")), this.renderChannelsTab("rgb"), this.renderChannelsTab("hsv"))))), hideSaved ? null : (h("div", { class: { [CSS.savedColorsSection]: true, [CSS.section]: true } }, h("div", { class: CSS.header }, h("label", null, intlSaved), h("div", { class: CSS.savedColorsButtons }, h("calcite-button", { appearance: "transparent", class: CSS.deleteColor, color: "neutral", disabled: noColor, iconStart: "minus", label: intlDeleteColor, onClick: this.deleteColor, scale: hexInputScale, type: "button" }), h("calcite-button", { appearance: "transparent", class: CSS.saveColor, color: "neutral", disabled: noColor, iconStart: "plus", label: intlSaveColor, onClick: this.saveColor, scale: hexInputScale, type: "button" }))), savedColors.length > 0 ? (h("div", { class: CSS.savedColors }, [
+      }, scale: hexInputScale }, h("calcite-tab-nav", { slot: "title-group" }, this.renderChannelsTabTitle("rgb"), this.renderChannelsTabTitle("hsv")), this.renderChannelsTab("rgb"), this.renderChannelsTab("hsv"))))), hideSaved ? null : (h("div", { class: { [CSS.savedColorsSection]: true, [CSS.section]: true } }, h("div", { class: CSS.header }, h("label", null, intlSaved), h("div", { class: CSS.savedColorsButtons }, h("calcite-button", { appearance: "transparent", class: CSS.deleteColor, color: "neutral", disabled: noColor, iconStart: "minus", label: intlDeleteColor, onClick: this.deleteColor, scale: hexInputScale, type: "button" }), h("calcite-button", { appearance: "transparent", class: CSS.saveColor, color: "neutral", disabled: noColor, iconStart: "plus", label: intlSaveColor, onClick: this.saveColor, scale: hexInputScale, type: "button" }))), savedColors.length > 0 ? (h("div", { class: CSS.savedColors }, [
       ...savedColors.map((color) => (h("calcite-color-picker-swatch", { active: selectedColorInHex === color, class: CSS.savedColor, color: color, key: color, onClick: this.handleSavedColorSelect, onKeyDown: this.handleSavedColorKeyDown, scale: scale, tabIndex: 0 })))
     ])) : null))));
   }

package/dist/components/calcite-combobox-item-group.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.673
+ * v1.0.0-next.675
  */
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client/index.js';
 import { d as getAncestors, e as getDepth } from './utils2.js';

package/dist/components/calcite-combobox-item.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.673
+ * v1.0.0-next.675
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client/index.js';
 import { g as getElementProp, b as getSlotted } from './dom.js';
@@ -50,7 +50,6 @@ const ComboboxItem = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     this.icon = undefined;
     this.textLabel = undefined;
     this.value = undefined;
-    this.constant = undefined;
     this.filterDisabled = undefined;
   }
   selectedWatchHandler() {
@@ -142,7 +141,6 @@ const ComboboxItem = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     "icon": [513],
     "textLabel": [513, "text-label"],
     "value": [8],
-    "constant": [516],
     "filterDisabled": [516, "filter-disabled"],
     "toggleSelected": [64]
   }]);

package/dist/components/calcite-combobox.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.673
+ * v1.0.0-next.675
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client/index.js';
 import { f as filter } from './filter2.js';
@@ -32,7 +32,6 @@ const Combobox = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     super();
     this.__registerHost();
     this.__attachShadow();
-    this.calciteLookupChange = createEvent(this, "calciteLookupChange", 6);
     this.calciteComboboxChange = createEvent(this, "calciteComboboxChange", 6);
     this.calciteComboboxFilterChange = createEvent(this, "calciteComboboxFilterChange", 6);
     this.calciteComboboxChipDismiss = createEvent(this, "calciteComboboxChipDismiss", 6);
@@ -196,13 +195,13 @@ const Combobox = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
       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")) {
@@ -281,10 +280,6 @@ const Combobox = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
         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 });
@@ -318,7 +313,6 @@ const Combobox = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.comboboxBlurHandler = (event) => {
       this.setInactiveIfNotContained(event);
     };
-    this.active = false;
     this.open = false;
     this.disabled = false;
     this.label = undefined;
@@ -344,29 +338,18 @@ const Combobox = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     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;
     }
   }
@@ -458,9 +441,6 @@ const Combobox = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     connectOpenCloseComponent(this);
     this.setFilteredPlacements();
     this.reposition(true);
-    if (this.active) {
-      this.activeHandler(this.active);
-    }
     if (this.open) {
       this.openHandler(this.open);
     }
@@ -557,7 +537,6 @@ const Combobox = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
       item.selected = value;
       this.updateAncestors(item);
       this.selectedItems = this.getSelectedItems();
-      this.emitCalciteLookupChange();
       this.emitComboboxChange();
       this.resetText();
       this.filterItems("");
@@ -619,7 +598,6 @@ const Combobox = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   }
   getData() {
     return this.items.map((item) => ({
-      constant: item.constant,
       filterDisabled: item.filterDisabled,
       value: item.value,
       label: item.textLabel
@@ -661,7 +639,6 @@ const Combobox = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
       }
       this.updateItems();
       this.filterItems("");
-      this.emitCalciteLookupChange();
       this.emitComboboxChange();
     }
   }
@@ -747,14 +724,14 @@ const Combobox = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
       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
@@ -773,16 +750,16 @@ const Combobox = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     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;
@@ -795,21 +772,20 @@ const Combobox = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     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 this; }
   static get watchers() { return {
-    "active": ["activeHandler"],
     "open": ["openHandler"],
     "disabled": ["handleDisabledChange"],
     "maxItems": ["maxItemsHandler"],
@@ -821,7 +797,6 @@ const Combobox = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   }; }
   static get style() { return comboboxCss; }
 }, [1, "calcite-combobox", {
-    "active": [1540],
     "open": [1540],
     "disabled": [516],
     "label": [1],

package/dist/components/calcite-date-picker-day.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.673
+ * v1.0.0-next.675
  */
 import { D as DatePickerDay, d as defineCustomElement$1 } from './date-picker-day.js';
 

package/dist/components/calcite-date-picker-month-header.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.673
+ * v1.0.0-next.675
  */
 import { D as DatePickerMonthHeader, d as defineCustomElement$1 } from './date-picker-month-header.js';
 

package/dist/components/calcite-date-picker-month.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.673
+ * v1.0.0-next.675
  */
 import { D as DatePickerMonth, d as defineCustomElement$1 } from './date-picker-month.js';
 

package/dist/components/calcite-date-picker.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.673
+ * v1.0.0-next.675
  */
 import { D as DatePicker, d as defineCustomElement$1 } from './date-picker.js';
 

package/dist/components/calcite-dropdown-group.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.673
+ * v1.0.0-next.675
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client/index.js';
 import { g as getElementProp } from './dom.js';

package/dist/components/calcite-dropdown-item.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.673
+ * v1.0.0-next.675
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client/index.js';
 import { g as getElementProp, t as toAriaBoolean } from './dom.js';
@@ -25,6 +25,7 @@ const DropdownItem = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     super();
     this.__registerHost();
     this.__attachShadow();
+    this.calciteDropdownItemSelect = createEvent(this, "calciteDropdownItemSelect", 6);
     this.calciteInternalDropdownItemSelect = createEvent(this, "calciteInternalDropdownItemSelect", 6);
     this.calciteInternalDropdownItemKeyEvent = createEvent(this, "calciteInternalDropdownItemKeyEvent", 6);
     this.calciteInternalDropdownCloseRequest = createEvent(this, "calciteInternalDropdownCloseRequest", 6);
@@ -173,6 +174,7 @@ const DropdownItem = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     }
   }
   emitRequestedItem() {
+    this.calciteDropdownItemSelect.emit();
     this.calciteInternalDropdownItemSelect.emit({
       requestedDropdownItem: this.el,
       requestedDropdownGroup: this.parentDropdownGroupEl

package/dist/components/calcite-dropdown.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.673
+ * v1.0.0-next.675
  */
 import { D as Dropdown, d as defineCustomElement$1 } from './dropdown.js';
 

package/dist/components/calcite-fab.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.673
+ * v1.0.0-next.675
  */
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client/index.js';
 import { f as focusElement } from './dom.js';

package/dist/components/calcite-filter.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.673
+ * v1.0.0-next.675
  */
 import { F as Filter, d as defineCustomElement$1 } from './filter.js';
 

package/dist/components/calcite-flow-item.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.673
+ * v1.0.0-next.675
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client/index.js';
 import { c as getElementDir } from './dom.js';

package/dist/components/calcite-flow.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.673
+ * v1.0.0-next.675
  */
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client/index.js';
 import { c as createObserver } from './observers.js';

package/dist/components/calcite-graph.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.673
+ * v1.0.0-next.675
  */
 import { G as Graph, d as defineCustomElement$1 } from './graph.js';
 

package/dist/components/calcite-handle.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.673
+ * v1.0.0-next.675
  */
 import { H as Handle, d as defineCustomElement$1 } from './handle.js';
 

package/dist/components/calcite-icon.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.673
+ * v1.0.0-next.675
  */
 import { I as Icon, d as defineCustomElement$1 } from './icon.js';
 

package/dist/components/calcite-inline-editable.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.673
+ * v1.0.0-next.675
  */
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client/index.js';
 import { g as getElementProp, b as getSlotted } from './dom.js';