@esri/calcite-components 1.5.0-next.0 → 1.5.0-next.2

package/dist/collection/components/icon/resources.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.4.3-next.7
+ * v1.5.0-next.1
  */
 export const CSS = {
   icon: "icon",

package/dist/collection/components/icon/utils.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.4.3-next.7
+ * v1.5.0-next.1
  */
 import { getAssetPath } from "@stencil/core";
 /**

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

@@ -1,11 +1,11 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.4.3-next.7
+ * v1.5.0-next.1
  */
 import { h } from "@stencil/core";
 import { getSlotted } from "../../utils/dom";
-import { updateHostInteraction } from "../../utils/interactive";
+import { connectInteractive, disconnectInteractive, updateHostInteraction } from "../../utils/interactive";
 import { connectLabel, disconnectLabel, getLabelText } from "../../utils/label";
 import { componentLoaded, setComponentLoaded, setUpLoadableComponent } from "../../utils/loadable";
 import { connectLocalized, disconnectLocalized } from "../../utils/locale";
@@ -121,6 +121,7 @@ export class InlineEditable {
   //
   //--------------------------------------------------------------------------
   connectedCallback() {
+    connectInteractive(this);
     connectLabel(this);
     connectLocalized(this);
     connectMessages(this);
@@ -135,6 +136,7 @@ export class InlineEditable {
     setComponentLoaded(this);
   }
   disconnectedCallback() {
+    disconnectInteractive(this);
     disconnectLabel(this);
     disconnectLocalized(this);
     disconnectMessages(this);

package/dist/collection/components/inline-editable/resources.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.4.3-next.7
+ * v1.5.0-next.1
  */
 export const CSS = {
   wrapper: "wrapper",

package/dist/collection/components/input/input.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.4.3-next.7
+ * v1.5.0-next.1
  */
 import { h, Host } from "@stencil/core";
 import { getElementDir, getSlotted, isPrimaryPointerButton, setRequestedIcon } from "../../utils/dom";
 import { connectForm, disconnectForm, HiddenFormInputSlot, submitForm } from "../../utils/form";
-import { updateHostInteraction } from "../../utils/interactive";
+import { connectInteractive, disconnectInteractive, updateHostInteraction } from "../../utils/interactive";
 import { numberKeys } from "../../utils/key";
 import { connectLabel, disconnectLabel, getLabelText } from "../../utils/label";
 import { componentLoaded, setComponentLoaded, setUpLoadableComponent } from "../../utils/loadable";
@@ -402,6 +402,7 @@ export class Input {
   //
   //--------------------------------------------------------------------------
   connectedCallback() {
+    connectInteractive(this);
     connectLocalized(this);
     connectMessages(this);
     this.inlineEditableEl = this.el.closest("calcite-inline-editable");
@@ -424,6 +425,7 @@ export class Input {
     this.el.addEventListener("calciteInternalHiddenInputChange", this.hiddenInputChangeHandler);
   }
   disconnectedCallback() {
+    disconnectInteractive(this);
     disconnectLabel(this);
     disconnectForm(this);
     disconnectLocalized(this);

package/dist/collection/components/input/resources.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.4.3-next.7
+ * v1.5.0-next.1
  */
 export const CSS = {
   loader: "loader",

package/dist/collection/components/input-date-picker/input-date-picker.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.4.3-next.7
+ * v1.5.0-next.1
  */
 import { Build, h, Host } from "@stencil/core";
 import { dateFromISO, dateFromLocalizedString, dateFromRange, datePartsFromLocalizedString, dateToISO, inRange } from "../../utils/date";
 import { toAriaBoolean } from "../../utils/dom";
 import { connectFloatingUI, defaultMenuPlacement, disconnectFloatingUI, filterComputedPlacements, FloatingCSS, reposition } from "../../utils/floating-ui";
 import { connectForm, disconnectForm, HiddenFormInputSlot, submitForm } from "../../utils/form";
-import { updateHostInteraction } from "../../utils/interactive";
+import { connectInteractive, disconnectInteractive, updateHostInteraction } from "../../utils/interactive";
 import { numberKeys } from "../../utils/key";
 import { connectLabel, disconnectLabel } from "../../utils/label";
 import { componentLoaded, setComponentLoaded, setUpLoadableComponent } from "../../utils/loadable";
@@ -381,6 +381,7 @@ export class InputDatePicker {
   //
   // --------------------------------------------------------------------------
   connectedCallback() {
+    connectInteractive(this);
     connectLocalized(this);
     const { open } = this;
     open && this.openHandler(open);
@@ -430,6 +431,7 @@ export class InputDatePicker {
   }
   disconnectedCallback() {
     deactivateFocusTrap(this);
+    disconnectInteractive(this);
     disconnectLabel(this);
     disconnectForm(this);
     disconnectFloatingUI(this, this.referenceEl, this.floatingEl);

package/dist/collection/components/input-date-picker/resources.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.4.3-next.7
+ * v1.5.0-next.1
  */
 export const CSS = {
   menu: "menu-container",

package/dist/collection/components/input-message/input-message.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.4.3-next.7
+ * v1.5.0-next.1
  */
 import { h, Host } from "@stencil/core";
 import { setRequestedIcon } from "../../utils/dom";

package/dist/collection/components/input-message/interfaces.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.4.3-next.7
+ * v1.5.0-next.1
  */
 export var StatusIconDefaults;
 (function (StatusIconDefaults) {

package/dist/collection/components/input-number/input-number.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.4.3-next.7
+ * v1.5.0-next.1
  */
 import { h, Host } from "@stencil/core";
 import { getElementDir, getSlotted, isPrimaryPointerButton, setRequestedIcon } from "../../utils/dom";
 import { connectForm, disconnectForm, HiddenFormInputSlot, submitForm } from "../../utils/form";
-import { updateHostInteraction } from "../../utils/interactive";
+import { connectInteractive, disconnectInteractive, updateHostInteraction } from "../../utils/interactive";
 import { numberKeys } from "../../utils/key";
 import { connectLabel, disconnectLabel, getLabelText } from "../../utils/label";
 import { componentLoaded, setComponentLoaded, setUpLoadableComponent } from "../../utils/loadable";
@@ -358,6 +358,7 @@ export class InputNumber {
   //
   //--------------------------------------------------------------------------
   connectedCallback() {
+    connectInteractive(this);
     connectLocalized(this);
     connectMessages(this);
     this.inlineEditableEl = this.el.closest("calcite-inline-editable");
@@ -381,6 +382,7 @@ export class InputNumber {
     setComponentLoaded(this);
   }
   disconnectedCallback() {
+    disconnectInteractive(this);
     disconnectLabel(this);
     disconnectForm(this);
     disconnectLocalized(this);

package/dist/collection/components/input-number/resources.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.4.3-next.7
+ * v1.5.0-next.1
  */
 export const CSS = {
   loader: "loader",

package/dist/collection/components/input-text/input-text.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.4.3-next.7
+ * v1.5.0-next.1
  */
 import { h, Host } from "@stencil/core";
 import { getElementDir, getSlotted, setRequestedIcon } from "../../utils/dom";
 import { connectForm, disconnectForm, HiddenFormInputSlot, submitForm } from "../../utils/form";
-import { updateHostInteraction } from "../../utils/interactive";
+import { connectInteractive, disconnectInteractive, updateHostInteraction } from "../../utils/interactive";
 import { connectLabel, disconnectLabel, getLabelText } from "../../utils/label";
 import { componentLoaded, setComponentLoaded, setUpLoadableComponent } from "../../utils/loadable";
 import { connectLocalized, disconnectLocalized } from "../../utils/locale";
@@ -201,6 +201,7 @@ export class InputText {
   //
   //--------------------------------------------------------------------------
   connectedCallback() {
+    connectInteractive(this);
     connectLocalized(this);
     connectMessages(this);
     this.inlineEditableEl = this.el.closest("calcite-inline-editable");
@@ -216,6 +217,7 @@ export class InputText {
     this.el.addEventListener("calciteInternalHiddenInputChange", this.hiddenInputChangeHandler);
   }
   disconnectedCallback() {
+    disconnectInteractive(this);
     disconnectLabel(this);
     disconnectForm(this);
     disconnectLocalized(this);

package/dist/collection/components/input-text/resources.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.4.3-next.7
+ * v1.5.0-next.1
  */
 export const CSS = {
   loader: "loader",

package/dist/collection/components/input-time-picker/input-time-picker.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.4.3-next.7
+ * v1.5.0-next.1
  */
 import { h, Host } from "@stencil/core";
 import { connectForm, disconnectForm, HiddenFormInputSlot, submitForm } from "../../utils/form";
 import { guid } from "../../utils/guid";
-import { updateHostInteraction } from "../../utils/interactive";
+import { connectInteractive, disconnectInteractive, updateHostInteraction } from "../../utils/interactive";
 import { numberKeys } from "../../utils/key";
 import { connectLabel, disconnectLabel, getLabelText } from "../../utils/label";
 import { componentLoaded, setComponentLoaded, setUpLoadableComponent } from "../../utils/loadable";
@@ -471,6 +471,7 @@ export class InputTimePicker {
   //
   //--------------------------------------------------------------------------
   connectedCallback() {
+    connectInteractive(this);
     connectLocalized(this);
     if (isValidTime(this.value)) {
       this.setValueDirectly(this.value);
@@ -498,6 +499,7 @@ export class InputTimePicker {
     }
   }
   disconnectedCallback() {
+    disconnectInteractive(this);
     disconnectLabel(this);
     disconnectForm(this);
     disconnectLocalized(this);

package/dist/collection/components/input-time-picker/resources.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.4.3-next.7
+ * v1.5.0-next.1
  */
 export const CSS = {
   toggleIcon: "toggle-icon"

package/dist/collection/components/label/label.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.4.3-next.7
+ * v1.5.0-next.1
  */
 import { h, Host } from "@stencil/core";
 import { labelConnectedEvent, labelDisconnectedEvent } from "../../utils/label";

package/dist/collection/components/label/resources.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.4.3-next.7
+ * v1.5.0-next.1
  */
 export const CSS = {
   container: "container"

package/dist/collection/components/link/link.js

@@ -1,11 +1,11 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.4.3-next.7
+ * v1.5.0-next.1
  */
 import { h, Host } from "@stencil/core";
 import { focusElement, getElementDir } from "../../utils/dom";
-import { updateHostInteraction } from "../../utils/interactive";
+import { connectInteractive, disconnectInteractive, updateHostInteraction } from "../../utils/interactive";
 import { componentLoaded, setComponentLoaded, setUpLoadableComponent } from "../../utils/loadable";
 import { CSS_UTILITY } from "../../utils/resources";
 /** Any attributes placed on <calcite-link> component will propagate to the rendered child */
@@ -42,6 +42,9 @@ export class Link {
   //  Lifecycle
   //
   //--------------------------------------------------------------------------
+  connectedCallback() {
+    connectInteractive(this);
+  }
   componentWillLoad() {
     setUpLoadableComponent(this);
   }
@@ -51,6 +54,9 @@ export class Link {
   componentDidRender() {
     updateHostInteraction(this);
   }
+  disconnectedCallback() {
+    disconnectInteractive(this);
+  }
   render() {
     const { download, el } = this;
     const dir = getElementDir(el);

package/dist/collection/components/list/list.css

@@ -157,11 +157,6 @@
   border-collapse: collapse;
 }
 
-.stack {
-  --calcite-stack-padding-inline: 0;
-  --calcite-stack-padding-block: 0;
-}
-
 ::slotted(calcite-list-item) {
   margin-block-end: 1px;
   --tw-shadow: 0 1px 0 var(--calcite-ui-border-3);
@@ -179,8 +174,11 @@
   position: sticky;
   inset-block-start: 0px;
   z-index: var(--calcite-app-z-index-sticky);
-  background-color: var(--calcite-ui-foreground-1);
 }
 .sticky-pos th {
   padding: 0px;
+}
+
+calcite-filter {
+  margin-block-end: 1px;
 }

package/dist/collection/components/list/list.js

@@ -1,17 +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.4.3-next.7
+ * v1.5.0-next.1
  */
 import { h } from "@stencil/core";
 import { debounce } from "lodash-es";
-import { slotChangeHasAssignedElement, toAriaBoolean } from "../../utils/dom";
-import { updateHostInteraction } from "../../utils/interactive";
+import { toAriaBoolean } from "../../utils/dom";
+import { connectInteractive, disconnectInteractive, updateHostInteraction } from "../../utils/interactive";
 import { createObserver } from "../../utils/observers";
 import { MAX_COLUMNS } from "../list-item/resources";
 import { getListItemChildren, updateListItemChildren } from "../list-item/utils";
-import { CSS, debounceTimeout, SLOTS } from "./resources";
-import { SLOTS as STACK_SLOTS } from "../stack/resources";
+import { CSS, debounceTimeout } from "./resources";
 const listItemSelector = "calcite-list-item";
 const parentSelector = "calcite-list-item-group, calcite-list-item";
 import { componentLoaded, setComponentLoaded, setUpLoadableComponent } from "../../utils/loadable";
@@ -19,8 +18,6 @@ import { componentLoaded, setComponentLoaded, setUpLoadableComponent } from "../
  * A general purpose list that enables users to construct list items that conform to Calcite styling.
  *
  * @slot - A slot for adding `calcite-list-item` elements.
- * @slot filter-actions-start - A slot for adding actionable `calcite-action` elements before the filter component.
- * @slot filter-actions-end - A slot for adding actionable `calcite-action` elements after the filter component.
  */
 export class List {
   constructor() {
@@ -35,12 +32,6 @@ export class List {
     this.handleDefaultSlotChange = (event) => {
       updateListItemChildren(getListItemChildren(event));
     };
-    this.handleFilterActionsStartSlotChange = (event) => {
-      this.hasFilterActionsStart = slotChangeHasAssignedElement(event);
-    };
-    this.handleFilterActionsEndSlotChange = (event) => {
-      this.hasFilterActionsEnd = slotChangeHasAssignedElement(event);
-    };
     this.setActiveListItem = () => {
       const { enabledListItems } = this;
       if (!enabledListItems.some((item) => item.active)) {
@@ -168,8 +159,6 @@ export class List {
     this.selectionMode = "none";
     this.selectionAppearance = "icon";
     this.dataForFilter = [];
-    this.hasFilterActionsStart = false;
-    this.hasFilterActionsEnd = false;
   }
   handleFilterEnabledChange() {
     this.updateListItems();
@@ -217,9 +206,11 @@ export class List {
   connectedCallback() {
     this.mutationObserver?.observe(this.el, { childList: true, subtree: true });
     this.updateListItems();
+    connectInteractive(this);
   }
   disconnectedCallback() {
     this.mutationObserver?.disconnect();
+    disconnectInteractive(this);
   }
   componentWillLoad() {
     setUpLoadableComponent(this);
@@ -252,10 +243,10 @@ export class List {
   //
   // --------------------------------------------------------------------------
   render() {
-    const { loading, label, disabled, dataForFilter, filterEnabled, filterPlaceholder, filterText, hasFilterActionsStart, hasFilterActionsEnd } = this;
-    return (h("div", { class: CSS.container }, loading ? h("calcite-scrim", { class: CSS.scrim, loading: loading }) : null, h("table", { "aria-busy": toAriaBoolean(loading), "aria-label": label || "", class: CSS.table, onKeyDown: this.handleListKeydown, role: "treegrid" }, filterEnabled || hasFilterActionsStart || hasFilterActionsEnd ? (h("thead", null, h("tr", { class: { [CSS.sticky]: true } }, h("th", { colSpan: MAX_COLUMNS }, h("calcite-stack", { class: CSS.stack }, h("slot", { name: SLOTS.filterActionsStart, onSlotchange: this.handleFilterActionsStartSlotChange, slot: STACK_SLOTS.actionsStart }), h("calcite-filter", { "aria-label": filterPlaceholder, disabled: loading || disabled, items: dataForFilter, onCalciteFilterChange: this.handleFilter, placeholder: filterPlaceholder, value: filterText,
+    const { loading, label, disabled, dataForFilter, filterEnabled, filterPlaceholder, filterText } = this;
+    return (h("div", { class: CSS.container }, loading ? h("calcite-scrim", { class: CSS.scrim, loading: loading }) : null, h("table", { "aria-busy": toAriaBoolean(loading), "aria-label": label || "", class: CSS.table, onKeyDown: this.handleListKeydown, role: "treegrid" }, filterEnabled ? (h("thead", null, h("tr", { class: { [CSS.sticky]: true } }, h("th", { colSpan: MAX_COLUMNS }, h("calcite-filter", { "aria-label": filterPlaceholder, disabled: loading || disabled, items: dataForFilter, onCalciteFilterChange: this.handleFilter, placeholder: filterPlaceholder, value: filterText,
       // eslint-disable-next-line react/jsx-sort-props
-      ref: (el) => (this.filterEl = el) }), h("slot", { name: SLOTS.filterActionsEnd, onSlotchange: this.handleFilterActionsEndSlotChange, slot: STACK_SLOTS.actionsEnd })))))) : null, h("tbody", { class: CSS.tableContainer }, h("slot", { onSlotchange: this.handleDefaultSlotChange })))));
+      ref: (el) => (this.filterEl = el) }))))) : null, h("tbody", { class: CSS.tableContainer }, h("slot", { onSlotchange: this.handleDefaultSlotChange })))));
   }
   filterElements({ el, filteredItems, visibleParents }) {
     const hidden = !visibleParents.has(el) && !filteredItems.includes(el);
@@ -536,9 +527,7 @@ export class List {
   }
   static get states() {
     return {
-      "dataForFilter": {},
-      "hasFilterActionsStart": {},
-      "hasFilterActionsEnd": {}
+      "dataForFilter": {}
     };
   }
   static get events() {

package/dist/collection/components/list/resources.js

@@ -1,18 +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.4.3-next.7
+ * v1.5.0-next.1
  */
 export const CSS = {
   container: "container",
   table: "table",
   scrim: "scrim",
-  stack: "stack",
   tableContainer: "table-container",
   sticky: "sticky-pos"
 };
 export const debounceTimeout = 0;
-export const SLOTS = {
-  filterActionsStart: "filter-actions-start",
-  filterActionsEnd: "filter-actions-end"
-};

package/dist/collection/components/list-item/list-item.js

@@ -1,11 +1,11 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.4.3-next.7
+ * v1.5.0-next.1
  */
 import { h, Host } from "@stencil/core";
 import { getElementDir, slotChangeHasAssignedElement, toAriaBoolean } from "../../utils/dom";
-import { updateHostInteraction } from "../../utils/interactive";
+import { connectInteractive, disconnectInteractive, updateHostInteraction } from "../../utils/interactive";
 import { CSS, ICONS, SLOTS } from "./resources";
 import { getDepth, getListItemChildren, updateListItemChildren } from "./utils";
 import { connectLocalized, disconnectLocalized } from "../../utils/locale";
@@ -198,6 +198,7 @@ export class ListItem {
     updateMessages(this, this.effectiveLocale);
   }
   connectedCallback() {
+    connectInteractive(this);
     connectLocalized(this);
     connectMessages(this);
     const { el } = this;
@@ -217,6 +218,7 @@ export class ListItem {
     updateHostInteraction(this, "managed");
   }
   disconnectedCallback() {
+    disconnectInteractive(this);
     disconnectLocalized(this);
     disconnectMessages(this);
   }

package/dist/collection/components/list-item/resources.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.4.3-next.7
+ * v1.5.0-next.1
  */
 export const CSS = {
   container: "container",

package/dist/collection/components/list-item/utils.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.4.3-next.7
+ * v1.5.0-next.1
  */
 import { Build } from "@stencil/core";
 const listItemGroupSelector = "calcite-list-item-group";

package/dist/collection/components/list-item-group/list-item-group.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.4.3-next.7
+ * v1.5.0-next.1
  */
 import { h, Host } from "@stencil/core";
-import { updateHostInteraction } from "../../utils/interactive";
+import { connectInteractive, disconnectInteractive, updateHostInteraction } from "../../utils/interactive";
 import { MAX_COLUMNS } from "../list-item/resources";
 import { getDepth } from "../list-item/utils";
 import { CSS } from "./resources";
@@ -25,10 +25,14 @@ export class ListItemGroup {
   connectedCallback() {
     const { el } = this;
     this.visualLevel = getDepth(el, true);
+    connectInteractive(this);
   }
   componentDidRender() {
     updateHostInteraction(this);
   }
+  disconnectedCallback() {
+    disconnectInteractive(this);
+  }
   // --------------------------------------------------------------------------
   //
   //  Render Methods

package/dist/collection/components/list-item-group/resources.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.4.3-next.7
+ * v1.5.0-next.1
  */
 export const CSS = {
   container: "container",

package/dist/collection/components/loader/loader.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.4.3-next.7
+ * v1.5.0-next.1
  */
 import { h, Host } from "@stencil/core";
 import { guid } from "../../utils/guid";

package/dist/collection/components/menu/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.4.3-next.7
+ * v1.5.0-next.1
  */
 import { h, Host } from "@stencil/core";
 import { focusElement, focusElementInGroup, slotChangeGetAssignedElements } from "../../utils/dom";

package/dist/collection/components/menu-item/menu-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.4.3-next.7
+ * v1.5.0-next.1
  */
 import { Fragment, h, Host } from "@stencil/core";
 import { getElementDir, slotChangeGetAssignedElements } from "../../utils/dom";

package/dist/collection/components/menu-item/resources.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.4.3-next.7
+ * v1.5.0-next.1
  */
 export const CSS = {
   container: "container",

package/dist/collection/components/modal/modal.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.4.3-next.7
+ * v1.5.0-next.1
  */
 import { h, Host } from "@stencil/core";
 import { connectConditionalSlotComponent, disconnectConditionalSlotComponent } from "../../utils/conditionalSlot";

package/dist/collection/components/modal/resources.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.4.3-next.7
+ * v1.5.0-next.1
  */
 export const CSS = {
   modal: "modal",

package/dist/collection/components/navigation/navigation.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.4.3-next.7
+ * v1.5.0-next.1
  */
 import { Fragment, h, Host } from "@stencil/core";
 import { slotChangeHasAssignedElement } from "../../utils/dom";