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

package/dist/components/calcite-input-text.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.0.0-next.647
+ * v1.0.0-next.648
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client/index.js';
-import { T as TEXT$1, b as getSlotted, e as setRequestedIcon, g as getElementProp, c as getElementDir, C as CSS_UTILITY } from './dom.js';
+import { b as getSlotted, T as TEXT$1, e as setRequestedIcon, g as getElementProp, c as getElementDir, C as CSS_UTILITY } from './dom.js';
 import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label2.js';
 import { s as submitForm, c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form.js';
 import { c as createObserver } from './observers.js';
@@ -44,63 +44,6 @@ const InputText = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.calciteInternalInputTextBlur = createEvent(this, "calciteInternalInputTextBlur", 7);
     this.calciteInputTextInput = createEvent(this, "calciteInputTextInput", 7);
     this.calciteInputTextChange = createEvent(this, "calciteInputTextChange", 7);
-    //--------------------------------------------------------------------------
-    //
-    //  Properties
-    //
-    //--------------------------------------------------------------------------
-    /** Specifies the text alignment of the component's value. */
-    this.alignment = "start";
-    /**
-     * When `true`, the component is focused on page load.
-     *
-     * @mdn [autofocus](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autofocus)
-     */
-    this.autofocus = false;
-    /**
-     * When `true`, a clear button is displayed when the component has a value.
-     */
-    this.clearable = false;
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     *
-     * @mdn [disabled](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled)
-     */
-    this.disabled = false;
-    /**
-     * When `true`, the component will not be visible.
-     *
-     * @mdn [hidden](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/hidden)
-     */
-    this.hidden = false;
-    /**
-     * Accessible name that will appear while loading.
-     *
-     * @default "Loading"
-     */
-    this.intlLoading = TEXT$1.loading;
-    /** When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`). */
-    this.iconFlipRtl = false;
-    /** When `true`, the component is in the loading state and `calcite-progress` is displayed. */
-    this.loading = false;
-    /**
-     * When `true`, the component's value can be read, but cannot be modified.
-     *
-     * @mdn [readOnly](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly)
-     */
-    this.readOnly = false;
-    /** When `true`, the component must have a value in order for the form to submit. */
-    this.required = false;
-    /** Specifies the size of the component. */
-    this.scale = "m";
-    /** Specifies the status of the input field, which determines message and icons. */
-    this.status = "idle";
-    /**
-     * @internal
-     */
-    this.editingEnabled = false;
-    /** The component's value. */
-    this.value = "";
     this.previousValueOrigin = "initial";
     this.mutationObserver = createObserver("mutation", () => this.setDisabledAction());
     this.userChangedValue = false;
@@ -218,6 +161,31 @@ const InputText = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
         }
       }
     };
+    this.alignment = "start";
+    this.autofocus = false;
+    this.clearable = false;
+    this.disabled = false;
+    this.hidden = false;
+    this.icon = undefined;
+    this.intlClear = undefined;
+    this.intlLoading = TEXT$1.loading;
+    this.iconFlipRtl = false;
+    this.label = undefined;
+    this.loading = false;
+    this.maxLength = undefined;
+    this.minLength = undefined;
+    this.name = undefined;
+    this.placeholder = undefined;
+    this.prefixText = undefined;
+    this.readOnly = false;
+    this.required = false;
+    this.scale = "m";
+    this.status = "idle";
+    this.autocomplete = undefined;
+    this.pattern = undefined;
+    this.suffixText = undefined;
+    this.editingEnabled = false;
+    this.value = "";
   }
   disabledWatcher() {
     this.setDisabledAction();

package/dist/components/calcite-input-time-picker.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.647
+ * v1.0.0-next.648
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client/index.js';
 import { g as guid } from './guid.js';
@@ -27,66 +27,12 @@ const InputTimePicker = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
     this.__registerHost();
     this.__attachShadow();
     this.calciteInputTimePickerChange = createEvent(this, "calciteInputTimePickerChange", 7);
-    //--------------------------------------------------------------------------
-    //
-    //  Properties
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * When `true`, the component is active.
-     *
-     * @deprecated Use `open` instead.
-     */
-    this.active = false;
-    /** When `true`, displays the `calcite-time-picker` component. */
-    this.open = false;
-    /** When `true`, interaction is prevented and the component is displayed with lower opacity. */
-    this.disabled = false;
-    /**
-     * When `true`, the component's value can be read, but controls are not accessible and the value cannot be modified.
-     *
-     * @mdn [readOnly](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly)
-     */
-    this.readOnly = false;
-    /**
-     * When `true`, the component must have a value in order for the form to submit.
-     *
-     * @internal
-     */
-    this.required = false;
-    /** Specifies the size of the component. */
-    this.scale = "m";
-    /**
-     * 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.
-     *
-     * `"fixed"` 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 popover will be positioned relative to the input.
-     *
-     * @see [LogicalPlacement](https://github.com/Esri/calcite-components/blob/master/src/utils/floating-ui.ts#L25)
-     */
-    this.placement = "auto";
-    /** Specifies the granularity the component's `value` must adhere to (in seconds). */
-    this.step = 60;
-    /** The component's value in UTC (always 24-hour format). */
-    this.value = null;
     /** whether the value of the input was changed as a result of user typing or not */
     this.internalValueChange = false;
     this.previousValidValue = null;
     this.referenceElementId = `input-time-picker-${guid()}`;
     //--------------------------------------------------------------------------
     //
-    //  State
-    //
-    //--------------------------------------------------------------------------
-    this.effectiveLocale = "";
-    //--------------------------------------------------------------------------
-    //
     //  Event Listeners
     //
     //--------------------------------------------------------------------------
@@ -218,6 +164,33 @@ const InputTimePicker = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
         }
       }
     };
+    this.active = false;
+    this.open = false;
+    this.disabled = false;
+    this.readOnly = false;
+    this.intlHour = undefined;
+    this.intlHourDown = undefined;
+    this.intlHourUp = undefined;
+    this.intlMeridiem = undefined;
+    this.intlMeridiemDown = undefined;
+    this.intlMeridiemUp = undefined;
+    this.intlMinute = undefined;
+    this.intlMinuteDown = undefined;
+    this.intlMinuteUp = undefined;
+    this.intlSecond = undefined;
+    this.intlSecondDown = undefined;
+    this.intlSecondUp = undefined;
+    this.locale = undefined;
+    this.name = undefined;
+    this.numberingSystem = undefined;
+    this.required = false;
+    this.scale = "m";
+    this.overlayPositioning = "absolute";
+    this.placement = "auto";
+    this.step = 60;
+    this.value = null;
+    this.effectiveLocale = "";
+    this.localizedValue = undefined;
   }
   activeHandler(value) {
     this.open = value;

package/dist/components/calcite-input.js

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

package/dist/components/calcite-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.0.0-next.647
+ * v1.0.0-next.648
  */
 import { L as Label, d as defineCustomElement$1 } from './label.js';
 

package/dist/components/calcite-link.js

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

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

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.647
+ * v1.0.0-next.648
  */
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client/index.js';
 import { u as updateHostInteraction } from './interactive.js';
@@ -19,15 +19,8 @@ const ListItemGroup = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     super();
     this.__registerHost();
     this.__attachShadow();
-    // --------------------------------------------------------------------------
-    //
-    //  Properties
-    //
-    // --------------------------------------------------------------------------
-    /**
-     * When true, interaction is prevented and the component is displayed with lower opacity.
-     */
     this.disabled = false;
+    this.heading = undefined;
     this.visualLevel = null;
   }
   // --------------------------------------------------------------------------

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

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.647
+ * v1.0.0-next.648
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client/index.js';
 import { g as getListItemChildren, u as updateListItemChildren, a as getDepth, C as CSS, I as ICONS, S as SLOTS } from './resources.js';
@@ -24,60 +24,6 @@ const ListItem = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.calciteInternalFocusPreviousItem = createEvent(this, "calciteInternalFocusPreviousItem", 6);
     // --------------------------------------------------------------------------
     //
-    //  Properties
-    //
-    // --------------------------------------------------------------------------
-    /**
-     * Sets the item as focusable. Only one item should be focusable within a list.
-     *
-     * @internal
-     */
-    this.active = false;
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     */
-    this.disabled = false;
-    /**
-     * When true, item is open to show child components.
-     */
-    this.open = false;
-    /**
-     * Used to specify the aria-setsize attribute to define the number of items in the current set of list for accessibility.
-     *
-     * @internal
-     */
-    this.setSize = null;
-    /**
-     * Used to specify the aria-posinset attribute to define the number or position in the current set of list items for accessibility.
-     *
-     * @internal
-     */
-    this.setPosition = null;
-    /**
-     * When true, the component is selected.
-     */
-    this.selected = false;
-    /**
-     * specify the selection mode - multiple (allow any number of (or no) selected items), single (allow and require one selected item), none (no selected items), defaults to single
-     *
-     * @internal
-     */
-    this.selectionMode = null;
-    /**
-     * specify the selection appearance - icon (displays a checkmark or dot), border (displays a border), defaults to icon
-     *
-     * @internal
-     */
-    this.selectionAppearance = null;
-    this.level = null;
-    this.visualLevel = null;
-    this.openable = false;
-    this.hasActionsStart = false;
-    this.hasActionsEnd = false;
-    this.hasContentStart = false;
-    this.hasContentEnd = false;
-    // --------------------------------------------------------------------------
-    //
     //  Private Methods
     //
     // --------------------------------------------------------------------------
@@ -185,6 +131,26 @@ const ListItem = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
       });
       focusEl === null || focusEl === void 0 ? void 0 : focusEl.focus();
     };
+    this.active = false;
+    this.description = undefined;
+    this.disabled = false;
+    this.label = undefined;
+    this.metadata = undefined;
+    this.open = false;
+    this.setSize = null;
+    this.setPosition = null;
+    this.selected = false;
+    this.value = undefined;
+    this.selectionMode = null;
+    this.selectionAppearance = null;
+    this.level = null;
+    this.visualLevel = null;
+    this.parentListEl = undefined;
+    this.openable = false;
+    this.hasActionsStart = false;
+    this.hasActionsEnd = false;
+    this.hasContentStart = false;
+    this.hasContentEnd = false;
   }
   activeHandler(active) {
     if (!active) {

package/dist/components/calcite-list.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.647
+ * v1.0.0-next.648
  */
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client/index.js';
 import { u as updateHostInteraction } from './interactive.js';
@@ -35,59 +35,9 @@ const List = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.__registerHost();
     this.__attachShadow();
     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, an input appears at the top of the list that can be used by end users to filter items in the list.
-     */
-    this.filterEnabled = false;
-    /**
-     * **read-only** The currently filtered items
-     *
-     * @readonly
-     */
-    this.filteredItems = [];
-    /**
-     * **read-only** The currently filtered items
-     *
-     * @readonly
-     */
-    this.filteredData = [];
-    /**
-     * When true, content is waiting to be loaded. This state shows a busy indicator.
-     */
-    this.loading = false;
-    /**
-     * One of the items within the list can be opened.
-     *
-     * @internal
-     */
-    this.openable = false;
-    /**
-     * **read-only** The currently selected items
-     *
-     * @readonly
-     */
-    this.selectedItems = [];
-    /**
-     * specify the selection mode - multiple (allow any number of (or no) selected items), single (allow and require one selected item), none (no selected items), defaults to single
-     */
-    this.selectionMode = "none";
-    /**
-     * specify the selection appearance - icon (displays a checkmark or dot), border (displays a border), defaults to icon
-     */
-    this.selectionAppearance = "icon";
     this.listItems = [];
     this.enabledListItems = [];
     this.mutationObserver = createObserver("mutation", () => this.updateListItems());
-    this.dataForFilter = [];
     // --------------------------------------------------------------------------
     //
     //  Private Methods
@@ -222,6 +172,19 @@ const List = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
         }
       }
     };
+    this.disabled = false;
+    this.filterEnabled = false;
+    this.filteredItems = [];
+    this.filteredData = [];
+    this.filterPlaceholder = undefined;
+    this.filterText = undefined;
+    this.label = undefined;
+    this.loading = false;
+    this.openable = false;
+    this.selectedItems = [];
+    this.selectionMode = "none";
+    this.selectionAppearance = "icon";
+    this.dataForFilter = [];
   }
   handleFilterEnabledChange() {
     this.updateListItems();

package/dist/components/calcite-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.0.0-next.647
+ * v1.0.0-next.648
  */
 import { L as Loader, d as defineCustomElement$1 } from './loader.js';
 

package/dist/components/calcite-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.0.0-next.647
+ * v1.0.0-next.648
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client/index.js';
 import { b as getSlotted, f as focusElement, j as ensureId } from './dom.js';
@@ -58,53 +58,6 @@ const Modal = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.calciteModalClose = createEvent(this, "calciteModalClose", 6);
     this.calciteModalBeforeOpen = createEvent(this, "calciteModalBeforeOpen", 6);
     this.calciteModalOpen = createEvent(this, "calciteModalOpen", 6);
-    //--------------------------------------------------------------------------
-    //
-    //  Properties
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * When `true`, the component is active.
-     *
-     * @deprecated use `open` instead.
-     */
-    this.active = false;
-    /** When `true`, displays and positions the component.  */
-    this.open = false;
-    /** Passes a function to run before the component closes. */
-    this.beforeClose = () => Promise.resolve();
-    /** When `true`, disables the component's close button. */
-    this.disableCloseButton = false;
-    /** When `true`, disables the closing of the component when clicked outside. */
-    this.disableOutsideClose = false;
-    /** Accessible name for the component's close button. */
-    this.intlClose = TEXT.close;
-    /** When `true`, disables the default close on escape behavior. */
-    this.disableEscape = false;
-    /** Specifies the size of the component. */
-    this.scale = "m";
-    /** Specifies the width of the component. Can use scale sizes or pass a number (displays in pixels). */
-    this.width = "m";
-    /** Sets the background color of the component's content. */
-    this.backgroundColor = "white";
-    /**
-     * When `true`, disables spacing to the content area slot.
-     *
-     * @deprecated  Use `--calcite-modal-padding` CSS variable instead.
-     */
-    this.noPadding = false;
-    //--------------------------------------------------------------------------
-    //
-    //  Variables
-    //
-    //--------------------------------------------------------------------------
-    this.hasFooter = true;
-    /**
-     * We use internal variable to make sure initially open modal can transition from closed state when rendered
-     *
-     * @private
-     */
-    this.isOpen = false;
     this.mutationObserver = createObserver("mutation", () => this.updateFooterVisibility());
     this.openTransitionProp = "opacity";
     //--------------------------------------------------------------------------
@@ -140,6 +93,22 @@ const Modal = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.updateFooterVisibility = () => {
       this.hasFooter = !!getSlotted(this.el, [SLOTS.back, SLOTS.primary, SLOTS.secondary]);
     };
+    this.active = false;
+    this.open = false;
+    this.beforeClose = () => Promise.resolve();
+    this.disableCloseButton = false;
+    this.disableOutsideClose = false;
+    this.intlClose = TEXT.close;
+    this.docked = undefined;
+    this.disableEscape = false;
+    this.scale = "m";
+    this.width = "m";
+    this.fullscreen = undefined;
+    this.color = undefined;
+    this.backgroundColor = "white";
+    this.noPadding = false;
+    this.hasFooter = true;
+    this.isOpen = false;
   }
   //--------------------------------------------------------------------------
   //

package/dist/components/calcite-notice.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.647
+ * v1.0.0-next.648
  */
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client/index.js';
 import { S as StatusIcons } from './interfaces.js';
@@ -38,46 +38,22 @@ const Notice = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.calciteNoticeOpen = createEvent(this, "calciteNoticeOpen", 6);
     //--------------------------------------------------------------------------
     //
-    //  Properties
+    //  Private Methods
     //
-    //---------------------------------------------------------------------------
-    /**
-     * When `true`, the component is active.
-     *
-     * @deprecated Use `open` instead.
-     */
+    //--------------------------------------------------------------------------
+    this.close = () => {
+      this.open = false;
+      this.calciteNoticeClose.emit();
+    };
     this.active = false;
-    /** When `true`, the component is visible. */
     this.open = false;
-    /** The color for the component's top border and icon. */
     this.color = "blue";
-    /**
-     * When `true`, a close button is added to the component.
-     *
-     * @deprecated use `closable` instead.
-     */
     this.dismissible = false;
-    /** When `true`, a close button is added to the component. */
     this.closable = false;
-    /**
-     * Accessible name for the close button.
-     *
-     * @default "Close"
-     */
+    this.icon = undefined;
     this.intlClose = TEXT.close;
-    /** Specifies the size of the component. */
     this.scale = "m";
-    /** Specifies the width of the component. */
     this.width = "auto";
-    //--------------------------------------------------------------------------
-    //
-    //  Private Methods
-    //
-    //--------------------------------------------------------------------------
-    this.close = () => {
-      this.open = false;
-      this.calciteNoticeClose.emit();
-    };
   }
   activeHandler(value) {
     this.open = value;

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

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.647
+ * v1.0.0-next.648
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Fragment } from '@stencil/core/internal/client/index.js';
 
@@ -13,15 +13,8 @@ const OptionGroup = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.__registerHost();
     this.__attachShadow();
     this.calciteInternalOptionGroupChange = createEvent(this, "calciteInternalOptionGroupChange", 6);
-    //--------------------------------------------------------------------------
-    //
-    //  Properties
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     */
     this.disabled = false;
+    this.label = undefined;
   }
   handlePropChange() {
     this.calciteInternalOptionGroupChange.emit();

package/dist/components/calcite-option.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.647
+ * v1.0.0-next.648
  */
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client/index.js';
 import { c as createObserver } from './observers.js';
@@ -14,19 +14,14 @@ const Option = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.__registerHost();
     this.__attachShadow();
     this.calciteInternalOptionChange = createEvent(this, "calciteInternalOptionChange", 6);
-    //--------------------------------------------------------------------------
-    //
-    //  Properties
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * When `true`, interaction is prevented and the component is displayed with lower opacity.
-     */
-    this.disabled = false;
     this.mutationObserver = createObserver("mutation", () => {
       this.ensureTextContentDependentProps();
       this.calciteInternalOptionChange.emit();
     });
+    this.disabled = false;
+    this.label = undefined;
+    this.selected = undefined;
+    this.value = undefined;
   }
   handlePropChange(_newValue, _oldValue, propName) {
     if (propName === "label" || propName === "value") {