@esri/calcite-components 1.0.0-next.647 → 1.0.0-next.649

package/dist/esm/calcite-tile-select_2.entry.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.0.0-next.647
+ * v1.0.0-next.649
  */
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-c6d69d86.js';
-import { g as guid } from './guid-59a872ce.js';
-import { u as updateHostInteraction } from './interactive-f7547b52.js';
-import { c as componentLoaded, s as setUpLoadableComponent, a as setComponentLoaded } from './loadable-74b01ca3.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-d4c908c6.js';
+import { g as guid } from './guid-9344597e.js';
+import { u as updateHostInteraction } from './interactive-9b5fc420.js';
+import { c as componentLoaded, s as setUpLoadableComponent, a as setComponentLoaded } from './loadable-3bf8aeb1.js';
 
 const CSS = {
   checked: "checked",
@@ -31,36 +31,19 @@ const TileSelect = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.calciteTileSelectChange = createEvent(this, "calciteTileSelectChange", 6);
-    //--------------------------------------------------------------------------
-    //
-    //  Properties
-    //
-    //--------------------------------------------------------------------------
-    /** When `true`, the component is checked. */
+    this.guid = `calcite-tile-select-${guid()}`;
     this.checked = false;
-    /** When `true`, interaction is prevented and the component is displayed with lower opacity. */
+    this.description = undefined;
     this.disabled = false;
-    /** When `true`, the component is not displayed and is not focusable or checkable. */
+    this.heading = undefined;
     this.hidden = false;
-    /** When `true`, displays an interactive input based on the `type` property. */
+    this.icon = undefined;
+    this.name = undefined;
     this.inputEnabled = false;
-    /** When `inputEnabled` is `true`, specifies the placement of the interactive input on the component. */
     this.inputAlignment = "start";
-    /**
-     * The selection mode of the component.
-     *
-     * Use radio for single selection, and checkbox for multiple selections.
-     */
     this.type = "radio";
-    /** Specifies the width of the component. */
+    this.value = undefined;
     this.width = "auto";
-    this.guid = `calcite-tile-select-${guid()}`;
-    //--------------------------------------------------------------------------
-    //
-    //  State
-    //
-    //--------------------------------------------------------------------------
-    /** The focused state of the tile-select. */
     this.focused = false;
   }
   checkedChanged(newChecked) {
@@ -219,18 +202,7 @@ const tileSelectGroupCss = "@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframe
 const TileSelectGroup = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    //--------------------------------------------------------------------------
-    //
-    //  Properties
-    //
-    //--------------------------------------------------------------------------
-    /** When `true`, interaction is prevented and the component is displayed with lower opacity. */
     this.disabled = false;
-    /**
-     * Defines the layout of the component.
-     *
-     * Use `"horizontal"` for rows, and `"vertical"` for a single column.
-     */
     this.layout = "horizontal";
   }
   //--------------------------------------------------------------------------

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.647
+ * v1.0.0-next.649
  */
-import { r as registerInstance, h, F as Fragment, g as getElement } from './index-c6d69d86.js';
-import { g as getSlotted } from './dom-df543551.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-481251d8.js';
-import { u as updateHostInteraction } from './interactive-f7547b52.js';
-import './resources-34a80758.js';
-import './guid-59a872ce.js';
-import './observers-7fa5fbcb.js';
+import { r as registerInstance, h, F as Fragment, g as getElement } from './index-d4c908c6.js';
+import { g as getSlotted } from './dom-53c74dbf.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-6ccf2844.js';
+import { u as updateHostInteraction } from './interactive-9b5fc420.js';
+import './resources-31e2614a.js';
+import './guid-9344597e.js';
+import './observers-4d673b8c.js';
 
 const SLOTS = {
   contentStart: "content-start",
@@ -21,33 +21,15 @@ const tileCss = "@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0
 const Tile = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    //--------------------------------------------------------------------------
-    //
-    //  Properties
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * When `true`, the component is active.
-     */
     this.active = false;
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     */
+    this.description = undefined;
     this.disabled = false;
-    /**
-     * The component's embed mode.
-     *
-     * When `true`, renders without a border and padding for use by other components.
-     */
     this.embed = false;
-    /**
-     * The focused state of the component.
-     *
-     * @internal
-     */
     this.focused = false;
-    /** When `true`, the component is not displayed and is not focusable.  */
+    this.heading = undefined;
     this.hidden = false;
+    this.href = undefined;
+    this.icon = undefined;
   }
   // --------------------------------------------------------------------------
   //

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.647
+ * v1.0.0-next.649
  */
-import { r as registerInstance, c as createEvent, h, F as Fragment, g as getElement } from './index-c6d69d86.js';
-import { g as getSlotted, a as getElementDir, t as toAriaBoolean } from './dom-df543551.js';
-import { H as Heading, c as constrainHeadingLevel } from './Heading-680eaccf.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-481251d8.js';
-import { c as createObserver } from './observers-7fa5fbcb.js';
-import './resources-34a80758.js';
-import './guid-59a872ce.js';
+import { r as registerInstance, c as createEvent, h, F as Fragment, g as getElement } from './index-d4c908c6.js';
+import { g as getSlotted, a as getElementDir, t as toAriaBoolean } from './dom-53c74dbf.js';
+import { H as Heading, c as constrainHeadingLevel } from './Heading-d24a31c2.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-6ccf2844.js';
+import { c as createObserver } from './observers-4d673b8c.js';
+import './resources-31e2614a.js';
+import './guid-9344597e.js';
 
 const CSS$1 = {
   container: "container",
@@ -38,25 +38,6 @@ const Tip = class {
     this.calciteTipDismiss = createEvent(this, "calciteTipDismiss", 6);
     // --------------------------------------------------------------------------
     //
-    //  Properties
-    //
-    // --------------------------------------------------------------------------
-    /**
-     * When `true`, the component does not display.
-     */
-    this.dismissed = false;
-    /**
-     * When `true`, the close button is not present on the component.
-     */
-    this.nonDismissible = false;
-    /**
-     * When `true`, the component is selected if it has a parent `calcite-tip-manager`.
-     *
-     * Only one tip can be selected within the `calcite-tip-manager` parent.
-     */
-    this.selected = false;
-    // --------------------------------------------------------------------------
-    //
     //  Private Methods
     //
     // --------------------------------------------------------------------------
@@ -64,6 +45,12 @@ const Tip = class {
       this.dismissed = true;
       this.calciteTipDismiss.emit();
     };
+    this.dismissed = false;
+    this.nonDismissible = false;
+    this.heading = undefined;
+    this.headingLevel = undefined;
+    this.selected = false;
+    this.intlClose = undefined;
   }
   // --------------------------------------------------------------------------
   //
@@ -116,6 +103,7 @@ const tipGroupCss = "@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-do
 const TipGroup = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
+    this.groupTitle = undefined;
   }
   render() {
     return h("slot", null);
@@ -155,15 +143,6 @@ const TipManager = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.calciteTipManagerClose = createEvent(this, "calciteTipManagerClose", 6);
-    // --------------------------------------------------------------------------
-    //
-    //  Properties
-    //
-    // --------------------------------------------------------------------------
-    /**
-     * When `true`, does not display or position the component.
-     */
-    this.closed = false;
     this.mutationObserver = createObserver("mutation", () => this.setUpTips());
     this.hideTipManager = () => {
       this.closed = true;
@@ -201,6 +180,18 @@ const TipManager = class {
     this.storeContainerRef = (el) => {
       this.container = el;
     };
+    this.closed = false;
+    this.headingLevel = undefined;
+    this.intlClose = undefined;
+    this.intlDefaultTitle = undefined;
+    this.intlNext = undefined;
+    this.intlPaginationLabel = undefined;
+    this.intlPrevious = undefined;
+    this.selectedIndex = undefined;
+    this.tips = undefined;
+    this.total = undefined;
+    this.direction = undefined;
+    this.groupTitle = undefined;
   }
   closedChangeHandler() {
     this.direction = null;

package/dist/esm/calcite-tooltip.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.647
+ * v1.0.0-next.649
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-c6d69d86.js';
-import { g as guid } from './guid-59a872ce.js';
-import { b as defaultOffsetDistance, c as connectFloatingUI, u as updateAfterClose, a as disconnectFloatingUI, r as reposition, F as FloatingCSS } from './floating-ui-7ba4c9a0.js';
-import { i as isPrimaryPointerButton, q as queryElementRoots, t as toAriaBoolean } from './dom-df543551.js';
-import { c as connectOpenCloseComponent, d as disconnectOpenCloseComponent } from './openCloseComponent-9320ad08.js';
-import './debounce-9201530e.js';
-import './resources-34a80758.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-d4c908c6.js';
+import { g as guid } from './guid-9344597e.js';
+import { c as connectFloatingUI, b as defaultOffsetDistance, u as updateAfterClose, a as disconnectFloatingUI, r as reposition, F as FloatingCSS } from './floating-ui-de1d81a1.js';
+import { i as isPrimaryPointerButton, q as queryElementRoots, t as toAriaBoolean } from './dom-53c74dbf.js';
+import { c as connectOpenCloseComponent, d as disconnectOpenCloseComponent } from './openCloseComponent-cb58fdf0.js';
+import './debounce-a93c0e41.js';
+import './resources-31e2614a.js';
 
 const CSS = {
   container: "container",
@@ -188,42 +188,6 @@ const Tooltip = class {
     this.calciteTooltipClose = createEvent(this, "calciteTooltipClose", 6);
     this.calciteTooltipBeforeOpen = createEvent(this, "calciteTooltipBeforeOpen", 6);
     this.calciteTooltipOpen = createEvent(this, "calciteTooltipOpen", 6);
-    // --------------------------------------------------------------------------
-    //
-    //  Properties
-    //
-    // --------------------------------------------------------------------------
-    /** Closes the component when the `referenceElement` is clicked. */
-    this.closeOnClick = false;
-    /**
-     * Offset the position of the component away from the `referenceElement`.
-     *
-     * @default 6
-     */
-    this.offsetDistance = defaultOffsetDistance;
-    /**
-     * Offset the position of the component along the `referenceElement`.
-     */
-    this.offsetSkidding = 0;
-    /**
-     * When `true`, the component is open.
-     */
-    this.open = false;
-    /**
-     * Determines the type of positioning to use for the overlaid content.
-     *
-     * Using `"absolute"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout.
-     *
-     * The `"fixed"` value should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `"fixed"`.
-     *
-     */
-    this.overlayPositioning = "absolute";
-    /**
-     * Determines where the component will be positioned relative to the `referenceElement`.
-     *
-     * @see [LogicalPlacement](https://github.com/Esri/calcite-components/blob/master/src/utils/floating-ui.ts#L25)
-     */
-    this.placement = "auto";
     this.guid = `calcite-tooltip-${guid()}`;
     this.hasLoaded = false;
     this.openTransitionProp = "opacity";
@@ -267,6 +231,15 @@ const Tooltip = class {
       }
       manager.unregisterElement(effectiveReferenceElement);
     };
+    this.closeOnClick = false;
+    this.label = undefined;
+    this.offsetDistance = defaultOffsetDistance;
+    this.offsetSkidding = 0;
+    this.open = false;
+    this.overlayPositioning = "absolute";
+    this.placement = "auto";
+    this.referenceElement = undefined;
+    this.effectiveReferenceElement = undefined;
   }
   offsetDistanceOffsetHandler() {
     this.reposition(true);

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.647
+ * v1.0.0-next.649
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-c6d69d86.js';
-import { f as focusElement, n as nodeListToArray, l as getRootNode, g as getSlotted, a as getElementDir, t as toAriaBoolean, m as filterDirectChildren } from './dom-df543551.js';
-import { C as CSS_UTILITY } from './resources-34a80758.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-481251d8.js';
-import { u as updateHostInteraction } from './interactive-f7547b52.js';
-import './guid-59a872ce.js';
-import './observers-7fa5fbcb.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-d4c908c6.js';
+import { f as focusElement, n as nodeListToArray, l as getRootNode, g as getSlotted, a as getElementDir, t as toAriaBoolean, m as filterDirectChildren } from './dom-53c74dbf.js';
+import { C as CSS_UTILITY } from './resources-31e2614a.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-6ccf2844.js';
+import { u as updateHostInteraction } from './interactive-9b5fc420.js';
+import './guid-9344597e.js';
+import './observers-4d673b8c.js';
 
 function isTreeItem(element) {
   return element === null || element === void 0 ? void 0 : element.matches("calcite-tree-item");
@@ -34,27 +34,10 @@ const Tree = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.calciteTreeSelect = createEvent(this, "calciteTreeSelect", 6);
-    //--------------------------------------------------------------------------
-    //
-    //  Properties
-    //
-    //--------------------------------------------------------------------------
-    /** Displays indentation guide lines. */
     this.lines = false;
-    /**
-     * Display input
-     *
-     * @deprecated Use `selectionMode="ancestors"` for checkbox input.
-     */
     this.inputEnabled = false;
-    /** Specifies the size of the component. */
+    this.child = undefined;
     this.scale = "m";
-    /**
-     * Customize how the component's selection works.
-     *
-     * @default "single"
-     * @see [TreeSelectionMode](https://github.com/Esri/calcite-components/blob/master/src/components/tree/interfaces.ts#L5)
-     */
     this.selectionMode = "single";
   }
   //--------------------------------------------------------------------------
@@ -326,31 +309,6 @@ const TreeItem = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.calciteInternalTreeItemSelect = createEvent(this, "calciteInternalTreeItemSelect", 6);
-    //--------------------------------------------------------------------------
-    //
-    //  Properties
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     */
-    this.disabled = false;
-    /** When `true`, the component is selected. */
-    this.selected = false;
-    /** When `true`, the component is expanded. */
-    this.expanded = false;
-    /**
-     * @internal
-     */
-    this.parentExpanded = false;
-    /**
-     * @internal
-     */
-    this.depth = -1;
-    /**
-     * @internal
-     */
-    this.hasChildren = null;
     this.iconClickHandler = (event) => {
       event.stopPropagation();
       this.expanded = !this.expanded;
@@ -381,6 +339,17 @@ const TreeItem = class {
         return;
       }
     };
+    this.disabled = false;
+    this.selected = false;
+    this.expanded = false;
+    this.parentExpanded = false;
+    this.depth = -1;
+    this.hasChildren = null;
+    this.lines = undefined;
+    this.inputEnabled = undefined;
+    this.scale = undefined;
+    this.indeterminate = undefined;
+    this.selectionMode = undefined;
   }
   expandedHandler(newValue) {
     this.updateParentIsExpanded(this.el, newValue);

package/dist/esm/calcite-value-list_2.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.647
+ * v1.0.0-next.649
  */
-import { r as registerInstance, c as createEvent, h, g as getElement, H as Host } from './index-c6d69d86.js';
-import { S as Sortable } from './sortable.esm-94aefae8.js';
-import { g as getItemIndex, m as mutationObserverCallback, d as deselectRemovedItems, a as deselectSiblingItems, s as selectSiblings, h as handleFilter, b as handleFilterEvent, c as getItemData, k as keyDownHandler, e as moveItemIndex, i as initialize, f as initializeObserver, j as handleInitialFilter, l as cleanUpObserver, n as calciteListFocusOutHandler, r as removeItem, o as calciteListItemChangeHandler, p as calciteInternalListItemValueChangeHandler, q as setUpItems, t as setFocus, L as List, I as ICON_TYPES$1, C as CSS$1, S as SLOTS$1 } from './resources-8b7dfc30.js';
-import { c as createObserver } from './observers-7fa5fbcb.js';
-import { u as updateHostInteraction } from './interactive-f7547b52.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-74b01ca3.js';
-import { g as guid } from './guid-59a872ce.js';
-import { g as getSlotted } from './dom-df543551.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-481251d8.js';
-import './array-a701c716.js';
-import './debounce-9201530e.js';
-import './resources-34a80758.js';
+import { r as registerInstance, c as createEvent, h, g as getElement, H as Host } from './index-d4c908c6.js';
+import { S as Sortable } from './sortable.esm-b4a2098b.js';
+import { g as getItemIndex, m as mutationObserverCallback, d as deselectRemovedItems, a as deselectSiblingItems, s as selectSiblings, h as handleFilter, b as handleFilterEvent, c as getItemData, k as keyDownHandler, e as moveItemIndex, i as initialize, f as initializeObserver, j as handleInitialFilter, l as cleanUpObserver, n as calciteListFocusOutHandler, r as removeItem, o as calciteListItemChangeHandler, p as calciteInternalListItemValueChangeHandler, q as setUpItems, t as setFocus, L as List, I as ICON_TYPES$1, C as CSS$1, S as SLOTS$1 } from './resources-cd6e5e62.js';
+import { c as createObserver } from './observers-4d673b8c.js';
+import { u as updateHostInteraction } from './interactive-9b5fc420.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-3bf8aeb1.js';
+import { g as guid } from './guid-9344597e.js';
+import { g as getSlotted } from './dom-53c74dbf.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-6ccf2844.js';
+import './array-4b1788f5.js';
+import './debounce-a93c0e41.js';
+import './resources-31e2614a.js';
 
 const CSS = {
   container: "container",
@@ -77,57 +77,6 @@ const ValueList = class {
     this.calciteListChange = createEvent(this, "calciteListChange", 6);
     this.calciteListOrderChange = createEvent(this, "calciteListOrderChange", 6);
     this.calciteListFilter = createEvent(this, "calciteListFilter", 6);
-    // --------------------------------------------------------------------------
-    //
-    //  Properties
-    //
-    // --------------------------------------------------------------------------
-    /**
-     * 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.
-     */
-    this.dragEnabled = false;
-    /**
-     * **read-only** The currently filtered items
-     *
-     * @readonly
-     */
-    this.filteredItems = [];
-    /**
-     * **read-only** The currently filtered items
-     *
-     * @readonly
-     */
-    this.filteredData = [];
-    /**
-     * 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.
-     */
-    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,
-     * 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.
-     */
-    this.selectionFollowsFocus = false;
-    // --------------------------------------------------------------------------
-    //
-    //  Private Properties
-    //
-    // --------------------------------------------------------------------------
-    this.selectedValues = new Map();
-    this.dataForFilter = [];
     this.lastSelectedItem = null;
     this.mutationObserver = createObserver("mutation", mutationObserverCallback.bind(this));
     this.setFilterEl = (el) => {
@@ -189,6 +138,23 @@ const ValueList = class {
         this.updateHandleAriaLabel(handle, getScreenReaderText(item, "idle", this));
       }
     };
+    this.disabled = false;
+    this.dragEnabled = false;
+    this.filteredItems = [];
+    this.filteredData = [];
+    this.filterEnabled = false;
+    this.filterPlaceholder = undefined;
+    this.filterText = undefined;
+    this.group = undefined;
+    this.loading = false;
+    this.multiple = false;
+    this.selectionFollowsFocus = false;
+    this.intlDragHandleIdle = undefined;
+    this.intlDragHandleActive = undefined;
+    this.intlDragHandleChange = undefined;
+    this.intlDragHandleCommit = undefined;
+    this.selectedValues = new Map();
+    this.dataForFilter = [];
   }
   // --------------------------------------------------------------------------
   //
@@ -331,36 +297,6 @@ const ValueListItem = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.calciteListItemRemove = createEvent(this, "calciteListItemRemove", 7);
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     */
-    this.disabled = false;
-    /**
-     * @internal
-     */
-    this.disableDeselect = false;
-    /**
-     * When `true`, prevents the content of the component from user interaction.
-     */
-    this.nonInteractive = false;
-    /**
-     * @internal
-     */
-    this.handleActivated = false;
-    /**
-     * Determines the icon SVG symbol that will be shown. Options are circle, square, grip or null.
-     *
-     * @see [ICON_TYPES](https://github.com/Esri/calcite-components/blob/master/src/components/pick-list/resources.ts#L5)
-     */
-    this.icon = null;
-    /**
-     * When `true`, adds an action to remove the component.
-     */
-    this.removable = false;
-    /**
-     * When `true`, the component is selected.
-     */
-    this.selected = false;
     this.pickListItem = null;
     this.guid = `calcite-value-list-item-${guid()}`;
     // --------------------------------------------------------------------------
@@ -381,6 +317,17 @@ const ValueListItem = class {
     this.handleSelectChange = (event) => {
       this.selected = event.detail.selected;
     };
+    this.description = undefined;
+    this.disabled = false;
+    this.disableDeselect = false;
+    this.nonInteractive = false;
+    this.handleActivated = false;
+    this.icon = null;
+    this.label = undefined;
+    this.metadata = undefined;
+    this.removable = false;
+    this.selected = false;
+    this.value = undefined;
   }
   // --------------------------------------------------------------------------
   //