@esri/calcite-components 1.0.0-next.597 → 1.0.0-next.599

package/dist/cjs/calcite-switch.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.597
+ * v1.0.0-next.599
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-dbaff4c6.js');
-const dom = require('./dom-9409deef.js');
-const label = require('./label-942c98df.js');
-const form = require('./form-ed16c84e.js');
-const interactive = require('./interactive-825762eb.js');
-const key = require('./key-40cfbef8.js');
-require('./resources-e5387109.js');
-require('./guid-07011a93.js');
+const index = require('./index-2aa35059.js');
+const dom = require('./dom-968c6614.js');
+const label = require('./label-b49c5b45.js');
+const form = require('./form-8c14ceb5.js');
+const interactive = require('./interactive-fea18111.js');
+const key = require('./key-c7030cf7.js');
+require('./resources-0e742993.js');
+require('./guid-6597a2ba.js');
 
 const switchCss = "@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host([scale=s]) .container{block-size:0.75rem}:host([scale=s]) .track{block-size:0.75rem;inline-size:1.5rem}:host([scale=s]) .handle{block-size:0.5rem;inline-size:0.5rem}:host([scale=m]) .container{block-size:1rem}:host([scale=m]) .track{block-size:1rem;inline-size:2rem}:host([scale=m]) .handle{block-size:0.75rem;inline-size:0.75rem}:host([scale=l]) .container{block-size:1.5rem}:host([scale=l]) .track{block-size:1.5rem;inline-size:3rem}:host([scale=l]) .handle{block-size:1.25rem;inline-size:1.25rem}:host{position:relative;display:inline-block;inline-size:auto;cursor:pointer;-webkit-user-select:none;user-select:none;vertical-align:middle;tap-highlight-color:transparent}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}:host{inline-size:auto;outline-color:transparent}.track{pointer-events:none;position:relative;box-sizing:border-box;display:inline-block;border-radius:9999px;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-2);background-color:var(--calcite-ui-foreground-2);vertical-align:top;transition-property:all;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.handle{pointer-events:none;position:absolute;display:block;border-radius:9999px;border-width:2px;border-style:solid;border-color:var(--calcite-ui-border-input);background-color:var(--calcite-ui-foreground-1);transition-property:all;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);inset-block-start:-1px;inset-inline:-1px auto}:host(:hover) .handle,:host(:focus) .handle{border-color:var(--calcite-ui-brand);box-shadow:inset 0 0 0 1px var(--calcite-ui-brand)}:host([checked]) .track{border-color:var(--calcite-ui-brand-hover);background-color:var(--calcite-ui-brand)}:host([checked]) .handle{border-color:var(--calcite-ui-brand);inset-inline:auto -1px}:host([checked]:hover) .track{border-color:var(--calcite-ui-brand-hover);background-color:var(--calcite-ui-brand)}:host([checked]:hover) .handle{border-color:var(--calcite-ui-brand-hover);box-shadow:inset 0 0 0 1px var(--calcite-ui-brand-hover)}@media (forced-colors: active){:host([checked]) .track{background-color:canvasText}}.container:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:2px}::slotted(input[slot=hidden-form-input]){margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;inset:0 !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}";
 
@@ -27,17 +27,17 @@ const Switch = class {
     //  Properties
     //
     //--------------------------------------------------------------------------
-    /** When true, interaction is prevented and the component is displayed with lower opacity. */
+    /** When `true`, interaction is prevented and the component is displayed with lower opacity. */
     this.disabled = false;
     /** Specifies the size of the component. */
     this.scale = "m";
     /**
-     * When true, the component is checked.
+     * When `true`, the component is checked.
      *
      * @deprecated use `checked` instead.
      */
     this.switched = false;
-    /** When true, the component is checked. */
+    /** When `true`, the component is checked. */
     this.checked = false;
     //--------------------------------------------------------------------------
     //

package/dist/cjs/calcite-tab_4.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.597
+ * v1.0.0-next.599
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-dbaff4c6.js');
-const guid = require('./guid-07011a93.js');
-const dom = require('./dom-9409deef.js');
-const observers = require('./observers-2571ea25.js');
-const interactive = require('./interactive-825762eb.js');
-require('./resources-e5387109.js');
+const index = require('./index-2aa35059.js');
+const guid = require('./guid-6597a2ba.js');
+const dom = require('./dom-968c6614.js');
+const observers = require('./observers-ae70ea35.js');
+const interactive = require('./interactive-fea18111.js');
+require('./resources-0e742993.js');
 
 const tabCss = "@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host([selected]) section{display:block}:host{display:none;block-size:100%;inline-size:100%}:host([selected]){display:block;block-size:100%;inline-size:100%;overflow:auto}section{display:none;block-size:100%;inline-size:100%}:host([scale=s]){padding-block:0.25rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=m]){padding-block:0.5rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=l]){padding-block:0.75rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}";
 
@@ -21,7 +21,7 @@ const Tab = class {
     index.registerInstance(this, hostRef);
     this.calciteInternalTabRegister = index.createEvent(this, "calciteInternalTabRegister", 6);
     /**
-     * When true, the component's contents are selected.
+     * When `true`, the component's contents are selected.
      *
      * Only one tab can be selected within the `calcite-tabs` parent.
      *
@@ -29,7 +29,7 @@ const Tab = class {
      */
     this.active = false;
     /**
-     * When true, the component's contents are selected.
+     * When `true`, the component's contents are selected.
      *
      * Only one tab can be selected within the `calcite-tabs` parent.
      */
@@ -355,7 +355,7 @@ const TabTitle = class {
     //
     //--------------------------------------------------------------------------
     /**
-     * When true, the component and its respective `calcite-tab` contents are selected.
+     * When `true`, the component and its respective `calcite-tab` contents are selected.
      *
      * Only one tab can be selected within the `calcite-tabs` parent.
      *
@@ -363,12 +363,12 @@ const TabTitle = class {
      */
     this.active = false;
     /**
-     * When true, the component and its respective `calcite-tab` contents are selected.
+     * When `true`, the component and its respective `calcite-tab` contents are selected.
      *
      * Only one tab can be selected within the `calcite-tabs` parent.
      */
     this.selected = false;
-    /** When true, interaction is prevented and the component is displayed with lower opacity.  */
+    /** When `true`, interaction is prevented and the component is displayed with lower opacity.  */
     this.disabled = false;
     /**
      * @internal
@@ -578,11 +578,11 @@ const Tabs = class {
     //
     //--------------------------------------------------------------------------
     /**
-     * Specifies the layout of the `calcite-tab-nav`, justifying the `calcite-tab-title`s to the start ("inline"), or across and centered ("center").
+     * Specifies the layout of the `calcite-tab-nav`, justifying the `calcite-tab-title`s to the start (`"inline"`), or across and centered (`"center"`).
      */
     this.layout = "inline";
     /**
-     * Specifies the position of the component in relation to the `calcite-tab`s. The "above" and "below" values are deprecated.
+     * Specifies the position of the component in relation to the `calcite-tab`s. The `"above"` and `"below"` values are deprecated.
      *
      */
     this.position = "top";
@@ -591,7 +591,7 @@ const Tabs = class {
      */
     this.scale = "m";
     /**
-     * When true and layout is set to "inline", the component will display with a folder style menu.
+     * When `true` and `layout` is set to `"inline"`, the component will display with a folder style menu.
      */
     this.bordered = false;
     //--------------------------------------------------------------------------

package/dist/cjs/calcite-tile-select_2.cjs.entry.js

@@ -1,15 +1,15 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.597
+ * v1.0.0-next.599
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-dbaff4c6.js');
-const guid = require('./guid-07011a93.js');
-const interactive = require('./interactive-825762eb.js');
+const index = require('./index-2aa35059.js');
+const guid = require('./guid-6597a2ba.js');
+const interactive = require('./interactive-fea18111.js');
 
 const CSS = {
   checked: "checked",
@@ -39,15 +39,15 @@ const TileSelect = class {
     //  Properties
     //
     //--------------------------------------------------------------------------
-    /** When true, the component is checked. */
+    /** When `true`, the component is checked. */
     this.checked = false;
-    /** When true, interaction is prevented and the component is displayed with lower opacity. */
+    /** When `true`, interaction is prevented and the component is displayed with lower opacity. */
     this.disabled = false;
-    /** When true, the component is not displayed and is not focusable or checkable. */
+    /** When `true`, the component is not displayed and is not focusable or checkable. */
     this.hidden = false;
-    /** When true, displays an interactive input based on the "type" property. */
+    /** When `true`, displays an interactive input based on the `type` property. */
     this.inputEnabled = false;
-    /** When inputEnabled is true, the placement of the interactive input on the component. */
+    /** When `inputEnabled` is `true`, specifies the placement of the interactive input on the component. */
     this.inputAlignment = "start";
     /**
      * The selection mode of the component.
@@ -220,7 +220,7 @@ const TileSelectGroup = class {
     //  Properties
     //
     //--------------------------------------------------------------------------
-    /** When true, interaction is prevented and the component is displayed with lower opacity. */
+    /** When `true`, interaction is prevented and the component is displayed with lower opacity. */
     this.disabled = false;
     /**
      * Defines the layout of the component.

package/dist/cjs/calcite-tile.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.597
+ * v1.0.0-next.599
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-dbaff4c6.js');
-const dom = require('./dom-9409deef.js');
-const conditionalSlot = require('./conditionalSlot-cdf70b61.js');
-const interactive = require('./interactive-825762eb.js');
-require('./resources-e5387109.js');
-require('./guid-07011a93.js');
-require('./observers-2571ea25.js');
+const index = require('./index-2aa35059.js');
+const dom = require('./dom-968c6614.js');
+const conditionalSlot = require('./conditionalSlot-ccf96751.js');
+const interactive = require('./interactive-fea18111.js');
+require('./resources-0e742993.js');
+require('./guid-6597a2ba.js');
+require('./observers-ae70ea35.js');
 
 const SLOTS = {
   contentStart: "content-start",
@@ -31,17 +31,17 @@ const Tile = class {
     //
     //--------------------------------------------------------------------------
     /**
-     * When true, the component is active.
+     * When `true`, the component is active.
      */
     this.active = false;
     /**
-     * When true, interaction is prevented and the component is displayed with lower opacity.
+     * When `true`, interaction is prevented and the component is displayed with lower opacity.
      */
     this.disabled = false;
     /**
      * The component's embed mode.
      *
-     * When true, renders without a border and padding for use by other components.
+     * When `true`, renders without a border and padding for use by other components.
      */
     this.embed = false;
     /**
@@ -50,7 +50,7 @@ const Tile = class {
      * @internal
      */
     this.focused = false;
-    /** When true, the component is not displayed and is not focusable.  */
+    /** When `true`, the component is not displayed and is not focusable.  */
     this.hidden = false;
   }
   // --------------------------------------------------------------------------

package/dist/cjs/calcite-tip_3.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.597
+ * v1.0.0-next.599
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-dbaff4c6.js');
-const dom = require('./dom-9409deef.js');
-const Heading = require('./Heading-5409de6d.js');
-const conditionalSlot = require('./conditionalSlot-cdf70b61.js');
-const observers = require('./observers-2571ea25.js');
-require('./resources-e5387109.js');
-require('./guid-07011a93.js');
+const index = require('./index-2aa35059.js');
+const dom = require('./dom-968c6614.js');
+const Heading = require('./Heading-588ecb82.js');
+const conditionalSlot = require('./conditionalSlot-ccf96751.js');
+const observers = require('./observers-ae70ea35.js');
+require('./resources-0e742993.js');
+require('./guid-6597a2ba.js');
 
 const CSS$1 = {
   header: "header",
@@ -74,11 +74,11 @@ const Tip = class {
     //
     // --------------------------------------------------------------------------
     /**
-     * When true, the component does not display.
+     * When `true`, the component does not display.
      */
     this.dismissed = false;
     /**
-     * When true, the close button is not present on the component.
+     * When `true`, the close button is not present on the component.
      */
     this.nonDismissible = false;
     /**
@@ -168,7 +168,7 @@ const TipManager = class {
     //
     // --------------------------------------------------------------------------
     /**
-     * When true, does not display or position the component.
+     * When `true`, does not display or position the component.
      */
     this.closed = false;
     this.mutationObserver = observers.createObserver("mutation", () => this.setUpTips());

package/dist/cjs/calcite-tooltip_2.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.597
+ * v1.0.0-next.599
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-dbaff4c6.js');
-const guid = require('./guid-07011a93.js');
-const floatingUi = require('./floating-ui-40005e27.js');
-const dom = require('./dom-9409deef.js');
-const debounce = require('./debounce-1f3af549.js');
-require('./resources-e5387109.js');
+const index = require('./index-2aa35059.js');
+const guid = require('./guid-6597a2ba.js');
+const floatingUi = require('./floating-ui-c6acf50b.js');
+const dom = require('./dom-968c6614.js');
+const debounce = require('./debounce-25452d97.js');
+require('./resources-0e742993.js');
 
 const CSS = {
   container: "container",
@@ -201,7 +201,7 @@ const Tooltip = class {
      */
     this.offsetSkidding = 0;
     /**
-     * When true, the component is open.
+     * When `true`, the component is open.
      */
     this.open = false;
     /**

package/dist/cjs/calcite-tree_2.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.597
+ * v1.0.0-next.599
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-dbaff4c6.js');
-const dom = require('./dom-9409deef.js');
-const resources = require('./resources-e5387109.js');
-const conditionalSlot = require('./conditionalSlot-cdf70b61.js');
-const interactive = require('./interactive-825762eb.js');
-require('./guid-07011a93.js');
-require('./observers-2571ea25.js');
+const index = require('./index-2aa35059.js');
+const dom = require('./dom-968c6614.js');
+const resources = require('./resources-0e742993.js');
+const conditionalSlot = require('./conditionalSlot-ccf96751.js');
+const interactive = require('./interactive-fea18111.js');
+require('./guid-6597a2ba.js');
+require('./observers-ae70ea35.js');
 
 var TreeSelectionMode;
 (function (TreeSelectionMode) {
@@ -77,7 +77,8 @@ const Tree = class {
   //
   //--------------------------------------------------------------------------
   componentWillRender() {
-    const parent = this.el.parentElement.closest("calcite-tree");
+    var _a;
+    const parent = (_a = this.el.parentElement) === null || _a === void 0 ? void 0 : _a.closest("calcite-tree");
     this.lines = parent ? parent.lines : this.lines;
     this.scale = parent ? parent.scale : this.scale;
     this.selectionMode = parent ? parent.selectionMode : this.selectionMode;
@@ -194,7 +195,7 @@ const Tree = class {
     event.stopPropagation();
   }
   keyDownHandler(event) {
-    var _a;
+    var _a, _b;
     const root = this.el.closest("calcite-tree:not([child])");
     const target = event.target;
     if (!(root === this.el && target.tagName === "CALCITE-TREE-ITEM" && this.el.contains(target))) {
@@ -223,7 +224,7 @@ const Tree = class {
         return;
       }
       // When focus is on a child node that is also either an end node or a closed node, moves focus to its parent node.
-      const parentItem = target.parentElement.closest("calcite-tree-item");
+      const parentItem = (_a = target.parentElement) === null || _a === void 0 ? void 0 : _a.closest("calcite-tree-item");
       if (parentItem && (!target.hasChildren || target.expanded === false)) {
         parentItem.focus();
         event.preventDefault();
@@ -236,7 +237,7 @@ const Tree = class {
       if (target.hasChildren) {
         if (target.expanded && dom.getRootNode(this.el).activeElement === target) {
           // When focus is on an open node, moves focus to the first child node.
-          (_a = getEnabledSiblingItem(target.querySelector("calcite-tree-item"), "down")) === null || _a === void 0 ? void 0 : _a.focus();
+          (_b = getEnabledSiblingItem(target.querySelector("calcite-tree-item"), "down")) === null || _b === void 0 ? void 0 : _b.focus();
           event.preventDefault();
         }
         else {
@@ -249,15 +250,16 @@ const Tree = class {
     }
   }
   updateAncestorTree(event) {
+    var _a, _b;
     const item = event.target;
     if (item.disabled) {
       return;
     }
     const ancestors = [];
-    let parent = item.parentElement.closest("calcite-tree-item");
+    let parent = (_a = item.parentElement) === null || _a === void 0 ? void 0 : _a.closest("calcite-tree-item");
     while (parent) {
       ancestors.push(parent);
-      parent = parent.parentElement.closest("calcite-tree-item");
+      parent = (_b = parent.parentElement) === null || _b === void 0 ? void 0 : _b.closest("calcite-tree-item");
     }
     const childItems = Array.from(item.querySelectorAll("calcite-tree-item:not([disabled])"));
     const childItemsWithNoChildren = childItems.filter((child) => !child.hasChildren);
@@ -345,12 +347,12 @@ const TreeItem = class {
     //
     //--------------------------------------------------------------------------
     /**
-     * When true, interaction is prevented and the component is displayed with lower opacity.
+     * When `true`, interaction is prevented and the component is displayed with lower opacity.
      */
     this.disabled = false;
-    /** When true, the component is selected. */
+    /** When `true`, the component is selected. */
     this.selected = false;
-    /** When true, the component is expanded. */
+    /** When `true`, the component is expanded. */
     this.expanded = false;
     /**
      * @internal
@@ -382,12 +384,13 @@ const TreeItem = class {
       items.forEach((item) => (item.parentExpanded = expanded));
     };
     this.updateAncestorTree = () => {
+      var _a;
       if (this.selected && this.selectionMode === TreeSelectionMode.Ancestors) {
         const ancestors = [];
         let parent = this.parentTreeItem;
         while (parent) {
           ancestors.push(parent);
-          parent = parent.parentElement.closest("calcite-tree-item");
+          parent = (_a = parent.parentElement) === null || _a === void 0 ? void 0 : _a.closest("calcite-tree-item");
         }
         ancestors.forEach((item) => (item.indeterminate = true));
         return;
@@ -408,7 +411,8 @@ const TreeItem = class {
   //
   //--------------------------------------------------------------------------
   connectedCallback() {
-    this.parentTreeItem = this.el.parentElement.closest("calcite-tree-item");
+    var _a;
+    this.parentTreeItem = (_a = this.el.parentElement) === null || _a === void 0 ? void 0 : _a.closest("calcite-tree-item");
     if (this.parentTreeItem) {
       const { expanded } = this.parentTreeItem;
       this.updateParentIsExpanded(this.parentTreeItem, expanded);
@@ -419,6 +423,7 @@ const TreeItem = class {
     conditionalSlot.disconnectConditionalSlotComponent(this);
   }
   componentWillRender() {
+    var _a;
     this.hasChildren = !!this.el.querySelector("calcite-tree");
     this.depth = 0;
     let parentTree = this.el.closest("calcite-tree");
@@ -430,7 +435,7 @@ const TreeItem = class {
     this.lines = parentTree.lines;
     let nextParentTree;
     while (parentTree) {
-      nextParentTree = parentTree.parentElement.closest("calcite-tree");
+      nextParentTree = (_a = parentTree.parentElement) === null || _a === void 0 ? void 0 : _a.closest("calcite-tree");
       if (nextParentTree === parentTree) {
         break;
       }

package/dist/cjs/calcite-value-list_2.cjs.entry.js

@@ -1,23 +1,23 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.597
+ * v1.0.0-next.599
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-dbaff4c6.js');
-const sortable_esm = require('./sortable.esm-9b594ce7.js');
-const resources = require('./resources-5f061484.js');
-const observers = require('./observers-2571ea25.js');
-const interactive = require('./interactive-825762eb.js');
-const guid = require('./guid-07011a93.js');
-const dom = require('./dom-9409deef.js');
-const conditionalSlot = require('./conditionalSlot-cdf70b61.js');
-require('./array-f86c9258.js');
-require('./debounce-1f3af549.js');
-require('./resources-e5387109.js');
+const index = require('./index-2aa35059.js');
+const sortable_esm = require('./sortable.esm-4bd00bdb.js');
+const resources = require('./resources-f97dfa28.js');
+const observers = require('./observers-ae70ea35.js');
+const interactive = require('./interactive-fea18111.js');
+const guid = require('./guid-6597a2ba.js');
+const dom = require('./dom-968c6614.js');
+const conditionalSlot = require('./conditionalSlot-ccf96751.js');
+require('./array-a08ef783.js');
+require('./debounce-25452d97.js');
+require('./resources-0e742993.js');
 
 const CSS = {
   container: "container",
@@ -85,30 +85,30 @@ const ValueList = class {
     //
     // --------------------------------------------------------------------------
     /**
-     * When true, interaction is prevented and the component is displayed with lower opacity.
+     * When `true`, interaction is prevented and the component is displayed with lower opacity.
      */
     this.disabled = false;
     /**
-     * When true, `calcite-value-list-item`s are sortable via a draggable button.
+     * When `true`, `calcite-value-list-item`s are sortable via a draggable button.
      */
     this.dragEnabled = false;
     /**
-     * When true, an input appears at the top of the component that can be used by end users to filter list items.
+     * When `true`, an input appears at the top of the component that can be used by end users to filter list items.
      */
     this.filterEnabled = false;
     /**
-     * When true, a busy indicator is displayed.
+     * When `true`, a busy indicator is displayed.
      */
     this.loading = false;
     /**
      * Similar to standard radio buttons and checkboxes.
-     * When true, a user can select multiple `calcite-value-list-item`s at a time.
-     * When false, only a single `calcite-value-list-item` can be selected at a time,
+     * When `true`, a user can select multiple `calcite-value-list-item`s at a time.
+     * When `false`, only a single `calcite-value-list-item` can be selected at a time,
      * and a new selection will deselect previous selections.
      */
     this.multiple = false;
     /**
-     * When true and single-selection is enabled, the selection changes when navigating `calcite-value-list-item`s via keyboard.
+     * When `true` and single-selection is enabled, the selection changes when navigating `calcite-value-list-item`s via keyboard.
      */
     this.selectionFollowsFocus = false;
     // --------------------------------------------------------------------------
@@ -312,7 +312,7 @@ const ValueListItem = class {
     index.registerInstance(this, hostRef);
     this.calciteListItemRemove = index.createEvent(this, "calciteListItemRemove", 7);
     /**
-     * When true, interaction is prevented and the component is displayed with lower opacity.
+     * When `true`, interaction is prevented and the component is displayed with lower opacity.
      */
     this.disabled = false;
     /**
@@ -320,7 +320,7 @@ const ValueListItem = class {
      */
     this.disableDeselect = false;
     /**
-     * When true, prevents the content of the component from user interaction.
+     * When `true`, prevents the content of the component from user interaction.
      */
     this.nonInteractive = false;
     /**
@@ -334,11 +334,11 @@ const ValueListItem = class {
      */
     this.icon = null;
     /**
-     * When true, adds an action to remove the component.
+     * When `true`, adds an action to remove the component.
      */
     this.removable = false;
     /**
-     * When true, the component is selected.
+     * When `true`, the component is selected.
      */
     this.selected = false;
     this.pickListItem = null;