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

package/dist/esm/calcite-tile-select_2.entry.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.0.0-next.597
+ * v1.0.0-next.599
  */
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-5326c3af.js';
-import { g as guid } from './guid-57e25130.js';
-import { u as updateHostInteraction } from './interactive-c086cb04.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-58724626.js';
+import { g as guid } from './guid-d2a04ff5.js';
+import { u as updateHostInteraction } from './interactive-ea3b8a49.js';
 
 const CSS = {
   checked: "checked",
@@ -35,15 +35,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.
@@ -216,7 +216,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/esm/calcite-tile.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
  */
-import { r as registerInstance, h, F as Fragment, g as getElement } from './index-5326c3af.js';
-import { g as getSlotted } from './dom-1ac7b489.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-e50c9f14.js';
-import { u as updateHostInteraction } from './interactive-c086cb04.js';
-import './resources-bf3cbf16.js';
-import './guid-57e25130.js';
-import './observers-68c33472.js';
+import { r as registerInstance, h, F as Fragment, g as getElement } from './index-58724626.js';
+import { g as getSlotted } from './dom-5fbae8c3.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-12e6668f.js';
+import { u as updateHostInteraction } from './interactive-ea3b8a49.js';
+import './resources-bdcfb9c6.js';
+import './guid-d2a04ff5.js';
+import './observers-81228aaa.js';
 
 const SLOTS = {
   contentStart: "content-start",
@@ -27,17 +27,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;
     /**
@@ -46,7 +46,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/esm/calcite-tip_3.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
  */
-import { r as registerInstance, c as createEvent, h, F as Fragment, g as getElement } from './index-5326c3af.js';
-import { g as getSlotted, a as getElementDir, t as toAriaBoolean } from './dom-1ac7b489.js';
-import { H as Heading, c as constrainHeadingLevel } from './Heading-0da1d231.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-e50c9f14.js';
-import { c as createObserver } from './observers-68c33472.js';
-import './resources-bf3cbf16.js';
-import './guid-57e25130.js';
+import { r as registerInstance, c as createEvent, h, F as Fragment, g as getElement } from './index-58724626.js';
+import { g as getSlotted, a as getElementDir, t as toAriaBoolean } from './dom-5fbae8c3.js';
+import { H as Heading, c as constrainHeadingLevel } from './Heading-70381e15.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-12e6668f.js';
+import { c as createObserver } from './observers-81228aaa.js';
+import './resources-bdcfb9c6.js';
+import './guid-d2a04ff5.js';
 
 const CSS$1 = {
   header: "header",
@@ -70,11 +70,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;
     /**
@@ -164,7 +164,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 = createObserver("mutation", () => this.setUpTips());

package/dist/esm/calcite-tooltip_2.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.597
+ * v1.0.0-next.599
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-5326c3af.js';
-import { g as guid } from './guid-57e25130.js';
-import { b as defaultOffsetDistance, c as connectFloatingUI, a as disconnectFloatingUI, p as positionFloatingUI, F as FloatingCSS, r as repositionDebounceTimeout } from './floating-ui-41bd9b35.js';
-import { q as queryElementRoots, t as toAriaBoolean } from './dom-1ac7b489.js';
-import { d as debounce } from './debounce-6816d02c.js';
-import './resources-bf3cbf16.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-58724626.js';
+import { g as guid } from './guid-d2a04ff5.js';
+import { b as defaultOffsetDistance, c as connectFloatingUI, a as disconnectFloatingUI, p as positionFloatingUI, F as FloatingCSS, r as repositionDebounceTimeout } from './floating-ui-826c3e7d.js';
+import { q as queryElementRoots, t as toAriaBoolean } from './dom-5fbae8c3.js';
+import { d as debounce } from './debounce-e2ddce5d.js';
+import './resources-bdcfb9c6.js';
 
 const CSS = {
   container: "container",
@@ -197,7 +197,7 @@ const Tooltip = class {
      */
     this.offsetSkidding = 0;
     /**
-     * When true, the component is open.
+     * When `true`, the component is open.
      */
     this.open = false;
     /**

package/dist/esm/calcite-tree_2.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
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-5326c3af.js';
-import { f as focusElement, n as nodeListToArray, k as getRootNode, g as getSlotted, a as getElementDir, t as toAriaBoolean, l as filterDirectChildren } from './dom-1ac7b489.js';
-import { C as CSS_UTILITY } from './resources-bf3cbf16.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-e50c9f14.js';
-import { u as updateHostInteraction } from './interactive-c086cb04.js';
-import './guid-57e25130.js';
-import './observers-68c33472.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-58724626.js';
+import { f as focusElement, n as nodeListToArray, k as getRootNode, g as getSlotted, a as getElementDir, t as toAriaBoolean, l as filterDirectChildren } from './dom-5fbae8c3.js';
+import { C as CSS_UTILITY } from './resources-bdcfb9c6.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-12e6668f.js';
+import { u as updateHostInteraction } from './interactive-ea3b8a49.js';
+import './guid-d2a04ff5.js';
+import './observers-81228aaa.js';
 
 var TreeSelectionMode;
 (function (TreeSelectionMode) {
@@ -73,7 +73,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;
@@ -190,7 +191,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))) {
@@ -219,7 +220,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();
@@ -232,7 +233,7 @@ const Tree = class {
       if (target.hasChildren) {
         if (target.expanded && 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 {
@@ -245,15 +246,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);
@@ -341,12 +343,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
@@ -378,12 +380,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;
@@ -404,7 +407,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);
@@ -415,6 +419,7 @@ const TreeItem = class {
     disconnectConditionalSlotComponent(this);
   }
   componentWillRender() {
+    var _a;
     this.hasChildren = !!this.el.querySelector("calcite-tree");
     this.depth = 0;
     let parentTree = this.el.closest("calcite-tree");
@@ -426,7 +431,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/esm/calcite-value-list_2.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
  */
-import { r as registerInstance, c as createEvent, h, g as getElement, H as Host } from './index-5326c3af.js';
-import { S as Sortable } from './sortable.esm-1ad7cec8.js';
-import { g as getItemIndex, m as mutationObserverCallback, d as deselectRemovedItems, a as deselectSiblingItems, s as selectSiblings, h as handleFilter, b as getItemData, k as keyDownHandler, c as moveItemIndex, i as initialize, e as initializeObserver, f as cleanUpObserver, j as calciteListFocusOutHandler, r as removeItem, l as calciteListItemChangeHandler, n as calciteInternalListItemValueChangeHandler, o as setUpItems, p as setFocus, L as List, I as ICON_TYPES$1, C as CSS$1, S as SLOTS$1 } from './resources-d0f37d22.js';
-import { c as createObserver } from './observers-68c33472.js';
-import { u as updateHostInteraction } from './interactive-c086cb04.js';
-import { g as guid } from './guid-57e25130.js';
-import { g as getSlotted } from './dom-1ac7b489.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-e50c9f14.js';
-import './array-afca26e4.js';
-import './debounce-6816d02c.js';
-import './resources-bf3cbf16.js';
+import { r as registerInstance, c as createEvent, h, g as getElement, H as Host } from './index-58724626.js';
+import { S as Sortable } from './sortable.esm-1f8f5b6c.js';
+import { g as getItemIndex, m as mutationObserverCallback, d as deselectRemovedItems, a as deselectSiblingItems, s as selectSiblings, h as handleFilter, b as getItemData, k as keyDownHandler, c as moveItemIndex, i as initialize, e as initializeObserver, f as cleanUpObserver, j as calciteListFocusOutHandler, r as removeItem, l as calciteListItemChangeHandler, n as calciteInternalListItemValueChangeHandler, o as setUpItems, p as setFocus, L as List, I as ICON_TYPES$1, C as CSS$1, S as SLOTS$1 } from './resources-7663310e.js';
+import { c as createObserver } from './observers-81228aaa.js';
+import { u as updateHostInteraction } from './interactive-ea3b8a49.js';
+import { g as guid } from './guid-d2a04ff5.js';
+import { g as getSlotted } from './dom-5fbae8c3.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-12e6668f.js';
+import './array-023ac022.js';
+import './debounce-e2ddce5d.js';
+import './resources-bdcfb9c6.js';
 
 const CSS = {
   container: "container",
@@ -81,30 +81,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;
     // --------------------------------------------------------------------------
@@ -308,7 +308,7 @@ const ValueListItem = class {
     registerInstance(this, hostRef);
     this.calciteListItemRemove = 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;
     /**
@@ -316,7 +316,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;
     /**
@@ -330,11 +330,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;