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

package/dist/components/calcite-tabs.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.649
  */
 import { T as Tabs, d as defineCustomElement$1 } from './tabs.js';
 

package/dist/components/calcite-tile-select-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.649
  */
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client/index.js';
 import { u as updateHostInteraction } from './interactive.js';
@@ -13,18 +13,7 @@ const TileSelectGroup = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
     super();
     this.__registerHost();
     this.__attachShadow();
-    //--------------------------------------------------------------------------
-    //
-    //  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/components/calcite-tile-select.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.649
  */
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client/index.js';
 import { g as guid } from './guid.js';
@@ -36,36 +36,19 @@ const TileSelect = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.__registerHost();
     this.__attachShadow();
     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) {

package/dist/components/calcite-tile.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.649
  */
 import { T as Tile, d as defineCustomElement$1 } from './tile.js';
 

package/dist/components/calcite-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.649
  */
 import { T as TimePicker, d as defineCustomElement$1 } from './time-picker.js';
 

package/dist/components/calcite-tip-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.649
  */
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client/index.js';
 
@@ -12,6 +12,7 @@ const TipGroup = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     super();
     this.__registerHost();
     this.__attachShadow();
+    this.groupTitle = undefined;
   }
   render() {
     return h("slot", null);

package/dist/components/calcite-tip-manager.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.649
  */
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client/index.js';
 import { c as getElementDir, t as toAriaBoolean } from './dom.js';
@@ -45,15 +45,6 @@ const TipManager = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.__registerHost();
     this.__attachShadow();
     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;
@@ -91,6 +82,18 @@ const TipManager = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     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/components/calcite-tip.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.649
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Fragment } from '@stencil/core/internal/client/index.js';
 import { b as getSlotted } from './dom.js';
@@ -40,25 +40,6 @@ const Tip = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     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
     //
     // --------------------------------------------------------------------------
@@ -66,6 +47,12 @@ const Tip = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
       this.dismissed = true;
       this.calciteTipDismiss.emit();
     };
+    this.dismissed = false;
+    this.nonDismissible = false;
+    this.heading = undefined;
+    this.headingLevel = undefined;
+    this.selected = false;
+    this.intlClose = undefined;
   }
   // --------------------------------------------------------------------------
   //

package/dist/components/calcite-tooltip.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.649
  */
 import { T as Tooltip, d as defineCustomElement$1 } from './tooltip.js';
 

package/dist/components/calcite-tree-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.649
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client/index.js';
 import { b as getSlotted, c as getElementDir, C as CSS_UTILITY, t as toAriaBoolean, m as filterDirectChildren, n as nodeListToArray } from './dom.js';
@@ -37,31 +37,6 @@ const TreeItem = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.__registerHost();
     this.__attachShadow();
     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;
@@ -92,6 +67,17 @@ const TreeItem = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
         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/components/calcite-tree.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.649
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client/index.js';
 import { f as focusElement, n as nodeListToArray, l as getRootNode } from './dom.js';
@@ -31,27 +31,10 @@ const Tree = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.__registerHost();
     this.__attachShadow();
     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";
   }
   //--------------------------------------------------------------------------

package/dist/components/calcite-value-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.649
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client/index.js';
 import { I as ICON_TYPES } from './resources2.js';
@@ -31,36 +31,6 @@ const ValueListItem = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     this.__registerHost();
     this.__attachShadow();
     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()}`;
     // --------------------------------------------------------------------------
@@ -81,6 +51,17 @@ const ValueListItem = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     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;
   }
   // --------------------------------------------------------------------------
   //

package/dist/components/calcite-value-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.649
  */
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client/index.js';
 import { S as Sortable } from './sortable.esm.js';
@@ -79,57 +79,6 @@ const ValueList = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     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) => {
@@ -191,6 +140,23 @@ const ValueList = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
         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 = [];
   }
   // --------------------------------------------------------------------------
   //

package/dist/components/checkbox.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.649
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client/index.js';
 import { g as guid } from './guid.js';
@@ -24,37 +24,6 @@ const Checkbox = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.calciteInternalCheckboxFocus = createEvent(this, "calciteInternalCheckboxFocus", 6);
     //--------------------------------------------------------------------------
     //
-    //  Properties
-    //
-    //--------------------------------------------------------------------------
-    /** When `true`, the component is checked. */
-    this.checked = false;
-    /** When `true`, interaction is prevented and the component is displayed with lower opacity. */
-    this.disabled = false;
-    /**
-     * The hovered state of the checkbox.
-     *
-     * @internal
-     */
-    this.hovered = false;
-    /**
-     * When `true`, the component is initially indeterminate, which is independent from its `checked` value.
-     *
-     * The state is visual only, and can look different across browsers.
-     *
-     * @mdn [indeterminate](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#indeterminate_state_checkboxes)
-     */
-    this.indeterminate = 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";
-    //--------------------------------------------------------------------------
-    //
     //  Private Properties
     //
     //--------------------------------------------------------------------------
@@ -97,6 +66,16 @@ const Checkbox = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.onLabelClick = () => {
       this.toggle();
     };
+    this.checked = false;
+    this.disabled = false;
+    this.guid = undefined;
+    this.hovered = false;
+    this.indeterminate = false;
+    this.label = undefined;
+    this.name = undefined;
+    this.required = false;
+    this.scale = "m";
+    this.value = undefined;
   }
   //--------------------------------------------------------------------------
   //

package/dist/components/chip.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.649
  */
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client/index.js';
 import { b as getSlotted } from './dom.js';
@@ -35,35 +35,6 @@ const Chip = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.__registerHost();
     this.__attachShadow();
     this.calciteChipDismiss = createEvent(this, "calciteChipDismiss", 6);
-    //--------------------------------------------------------------------------
-    //
-    //  Public Properties
-    //
-    //--------------------------------------------------------------------------
-    /** Specifies the appearance style of the component. */
-    this.appearance = "solid";
-    /** Specifies the color for the component. */
-    this.color = "grey";
-    /**
-     * 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 component's close button.
-     *
-     * @default "Close"
-     */
-    this.dismissLabel = TEXT.close;
-    /** When `true`, the icon will be flipped when the element direction is right-to-left (`"rtl"`). */
-    this.iconFlipRtl = false;
-    /** Specifies the size of the component. */
-    this.scale = "m";
-    /** When `true`, hides the component. */
-    this.closed = false;
     // --------------------------------------------------------------------------
     //
     //  Private Methods
@@ -75,6 +46,16 @@ const Chip = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
       this.closed = true;
     };
     this.guid = guid();
+    this.appearance = "solid";
+    this.color = "grey";
+    this.dismissible = false;
+    this.closable = false;
+    this.dismissLabel = TEXT.close;
+    this.icon = undefined;
+    this.iconFlipRtl = false;
+    this.scale = "m";
+    this.value = undefined;
+    this.closed = false;
   }
   handleDismissible(value) {
     this.closable = value;

package/dist/components/color-picker-hex-input.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.649
  */
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client/index.js';
-import { n as normalizeHex, i as isValidHex, a as isLonghandHex, r as rgbToHex, b as hexChar } from './utils.js';
+import { i as isValidHex, a as isLonghandHex, r as rgbToHex, n as normalizeHex, b as hexChar } from './utils.js';
 import { c as color, d as defineCustomElement$4 } from './color-picker-swatch.js';
 import { f as focusElement } from './dom.js';
 import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable.js';
@@ -128,35 +128,6 @@ const ColorPickerHexInput = /*@__PURE__*/ proxyCustomElement(class extends HTMLE
     this.__registerHost();
     this.__attachShadow();
     this.calciteColorPickerHexInputChange = createEvent(this, "calciteColorPickerHexInputChange", 6);
-    //--------------------------------------------------------------------------
-    //
-    //  Public Properties
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * When `false`, an empty color (`null`) will be allowed as a `value`. Otherwise, a color value is enforced on the component.
-     *
-     * When `true`, a color value is enforced, and clearing the input or blurring will restore the last valid `value`. When `false`, an empty color (`null`) will be allowed as a `value`.
-     */
-    this.allowEmpty = false;
-    /**
-     * Accessible name for the Hex input.
-     *
-     * @default "Hex"
-     */
-    this.intlHex = TEXT.hex;
-    /**
-     * Accessible name for the Hex input when there is no color selected.
-     *
-     * @default "No color"
-     */
-    this.intlNoColor = TEXT.noColor;
-    /** Specifies the size of the component. */
-    this.scale = "m";
-    /**
-     * The Hex value.
-     */
-    this.value = normalizeHex(DEFAULT_COLOR.hex());
     this.onCalciteInternalInputBlur = () => {
       const node = this.inputNode;
       const inputValue = node.value;
@@ -174,14 +145,17 @@ const ColorPickerHexInput = /*@__PURE__*/ proxyCustomElement(class extends HTMLE
     this.onInputChange = () => {
       this.internalSetValue(this.inputNode.value, this.value);
     };
-    /**
-     * The last valid/selected color. Used as a fallback if an invalid hex code is entered.
-     */
-    this.internalColor = DEFAULT_COLOR;
     this.previousNonNullValue = this.value;
     this.storeInputRef = (node) => {
       this.inputNode = node;
     };
+    this.allowEmpty = false;
+    this.intlHex = TEXT.hex;
+    this.intlNoColor = TEXT.noColor;
+    this.scale = "m";
+    this.value = normalizeHex(DEFAULT_COLOR.hex());
+    this.numberingSystem = undefined;
+    this.internalColor = DEFAULT_COLOR;
   }
   //--------------------------------------------------------------------------
   //