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

package/dist/components/calcite-dropdown-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, Host } from '@stencil/core/internal/client/index.js';
 import { g as getElementProp } from './dom.js';
@@ -20,11 +20,9 @@ const DropdownGroup = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     this.__registerHost();
     this.__attachShadow();
     this.calciteInternalDropdownItemChange = createEvent(this, "calciteInternalDropdownItemChange", 6);
-    /**
-      specify the selection mode - multiple (allow any number of (or no) active items), single (allow and require one active item),
-     none (no active items), defaults to single
-     */
+    this.groupTitle = undefined;
     this.selectionMode = "single";
+    this.scale = undefined;
   }
   //--------------------------------------------------------------------------
   //

package/dist/components/calcite-dropdown-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 getElementProp, t as toAriaBoolean } from './dom.js';
@@ -28,19 +28,15 @@ const DropdownItem = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     this.calciteInternalDropdownItemSelect = createEvent(this, "calciteInternalDropdownItemSelect", 6);
     this.calciteInternalDropdownItemKeyEvent = createEvent(this, "calciteInternalDropdownItemKeyEvent", 6);
     this.calciteInternalDropdownCloseRequest = createEvent(this, "calciteInternalDropdownCloseRequest", 6);
-    //--------------------------------------------------------------------------
-    //
-    //  Public Properties
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * Indicates whether the item is active.
-     *
-     * @deprecated Use selected instead.
-     */
     this.active = false;
-    /** When true, item is selected  */
     this.selected = false;
+    this.iconFlipRtl = undefined;
+    this.iconStart = undefined;
+    this.iconEnd = undefined;
+    this.href = undefined;
+    this.label = undefined;
+    this.rel = undefined;
+    this.target = undefined;
   }
   activeHandler(value) {
     this.selected = value;

package/dist/components/calcite-dropdown.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 { D as Dropdown, d as defineCustomElement$1 } from './dropdown.js';
 

package/dist/components/calcite-fab.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 } from '@stencil/core/internal/client/index.js';
 import { f as focusElement } from './dom.js';
@@ -25,40 +25,14 @@ const Fab = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     super();
     this.__registerHost();
     this.__attachShadow();
-    // --------------------------------------------------------------------------
-    //
-    //  Properties
-    //
-    // --------------------------------------------------------------------------
-    /**
-     * Used to set the button's appearance. Default is outline.
-     */
     this.appearance = "outline";
-    /**
-     * Used to set the button's color. Default is light.
-     */
     this.color = "neutral";
-    /**
-     * When true, disabled prevents interaction. This state shows items with lower opacity/grayed.
-     */
     this.disabled = false;
-    /**
-     * Specifies an icon to display.
-     *
-     * @default "plus"
-     */
     this.icon = ICONS.plus;
-    /**
-     * When true, content is waiting to be loaded. This state shows a busy indicator.
-     */
+    this.label = undefined;
     this.loading = false;
-    /**
-     * Specifies the size of the fab.
-     */
     this.scale = "m";
-    /**
-     * Indicates whether the text is displayed.
-     */
+    this.text = undefined;
     this.textEnabled = false;
   }
   //--------------------------------------------------------------------------

package/dist/components/calcite-filter.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 { F as Filter, d as defineCustomElement$1 } from './filter.js';
 

package/dist/components/calcite-flow-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 { c as getElementDir } from './dom.js';
@@ -48,31 +48,6 @@ const FlowItem = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.calciteFlowItemClose = createEvent(this, "calciteFlowItemClose", 6);
     // --------------------------------------------------------------------------
     //
-    //  Properties
-    //
-    // --------------------------------------------------------------------------
-    /** When true, displays a close button in the trailing side of the header */
-    this.closable = false;
-    /** When true, flow-item will be hidden */
-    this.closed = false;
-    /**
-     *  When true, interaction is prevented and the component is displayed with lower opacity.
-     */
-    this.disabled = false;
-    /**
-     * When true, a busy indicator is displayed.
-     */
-    this.loading = false;
-    /**
-     * When true, the action menu items in the `header-menu-actions` slot are open.
-     */
-    this.menuOpen = false;
-    /**
-     * When true, displays a back button in the header.
-     */
-    this.showBackButton = false;
-    // --------------------------------------------------------------------------
-    //
     //  Private Methods
     //
     // --------------------------------------------------------------------------
@@ -96,6 +71,22 @@ const FlowItem = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.getBackLabel = () => {
       return this.intlBack || TEXT.back;
     };
+    this.closable = false;
+    this.closed = false;
+    this.beforeBack = undefined;
+    this.description = undefined;
+    this.disabled = false;
+    this.heading = undefined;
+    this.headingLevel = undefined;
+    this.heightScale = undefined;
+    this.intlBack = undefined;
+    this.intlClose = undefined;
+    this.intlOptions = undefined;
+    this.loading = false;
+    this.menuOpen = false;
+    this.showBackButton = false;
+    this.widthScale = undefined;
+    this.backButtonEl = undefined;
   }
   //--------------------------------------------------------------------------
   //

package/dist/components/calcite-flow.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 } from '@stencil/core/internal/client/index.js';
 import { c as createObserver } from './observers.js';
@@ -19,9 +19,6 @@ const Flow = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     super();
     this.__registerHost();
     this.__attachShadow();
-    this.flowDirection = null;
-    this.itemCount = 0;
-    this.items = [];
     this.itemMutationObserver = createObserver("mutation", () => this.updateFlowProps());
     this.getFlowDirection = (oldFlowItemCount, newFlowItemCount) => {
       const allowRetreatingDirection = oldFlowItemCount > 1;
@@ -54,6 +51,9 @@ const Flow = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
         this.flowDirection = flowDirection;
       }
     };
+    this.flowDirection = null;
+    this.itemCount = 0;
+    this.items = [];
   }
   // --------------------------------------------------------------------------
   //

package/dist/components/calcite-graph.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 { G as Graph, d as defineCustomElement$1 } from './graph.js';
 

package/dist/components/calcite-handle.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 { H as Handle, d as defineCustomElement$1 } from './handle.js';
 

package/dist/components/calcite-icon.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 Icon, d as defineCustomElement$1 } from './icon.js';
 

package/dist/components/calcite-inline-editable.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 { g as getElementProp, b as getSlotted } from './dom.js';
@@ -38,37 +38,6 @@ const InlineEditable = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
     this.calciteInlineEditableEditCancel = createEvent(this, "calciteInlineEditableEditCancel", 6);
     this.calciteInlineEditableEditConfirm = createEvent(this, "calciteInlineEditableEditConfirm", 6);
     this.calciteInternalInlineEditableEnableEditingChange = createEvent(this, "calciteInternalInlineEditableEnableEditingChange", 6);
-    //--------------------------------------------------------------------------
-    //
-    //  Props
-    //
-    //--------------------------------------------------------------------------
-    /** specify whether editing can be enabled */
-    this.disabled = false;
-    /** specify whether the wrapped input element is editable, defaults to false */
-    this.editingEnabled = false;
-    /** specify whether the confirm button should display a loading state, defaults to false */
-    this.loading = false;
-    /** specify whether save/cancel controls should be displayed when editingEnabled is true, defaults to false */
-    this.controls = false;
-    /**
-     * specify text to be user for the enable editing button's aria-label, defaults to `Click to edit`
-     *
-     * @default "Click to edit"
-     */
-    this.intlEnableEditing = TEXT.intlEnablingEditing;
-    /**
-     * specify text to be user for the cancel editing button's aria-label, defaults to `Cancel`
-     *
-     * @default "Cancel"
-     */
-    this.intlCancelEditing = TEXT.intlCancelEditing;
-    /**
-     * specify text to be user for the confirm changes button's aria-label, defaults to `Save`
-     *
-     * @default "Save"
-     */
-    this.intlConfirmChanges = TEXT.intlConfirmChanges;
     this.mutationObserver = createObserver("mutation", () => this.mutationObserverCallback());
     this.enableEditing = () => {
       var _a, _b;
@@ -142,6 +111,15 @@ const InlineEditable = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
         this.loading = false;
       }
     };
+    this.disabled = false;
+    this.editingEnabled = false;
+    this.loading = false;
+    this.controls = false;
+    this.intlEnableEditing = TEXT.intlEnablingEditing;
+    this.intlCancelEditing = TEXT.intlCancelEditing;
+    this.intlConfirmChanges = TEXT.intlConfirmChanges;
+    this.scale = undefined;
+    this.afterConfirm = undefined;
   }
   disabledWatcher(disabled) {
     if (this.inputElement) {

package/dist/components/calcite-input-date-picker.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.647
+ * v1.0.0-next.648
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host, Build } from '@stencil/core/internal/client/index.js';
-import { T as TEXT, g as getValueAsDateRange, a as getLocaleData, d as defineCustomElement$8 } from './date-picker.js';
+import { g as getValueAsDateRange, T as TEXT, a as getLocaleData, d as defineCustomElement$8 } from './date-picker.js';
 import { d as datePartsFromLocalizedString, a as dateFromLocalizedString, i as inRange, b as dateToISO, s as setEndOfDay, c as dateFromISO, e as dateFromRange } from './date.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 { d as defaultMenuPlacement, f as filterComputedPlacements, c as connectFloatingUI, u as updateAfterClose, r as reposition, a as disconnectFloatingUI, F as FloatingCSS } from './floating-ui.js';
+import { f as filterComputedPlacements, c as connectFloatingUI, d as defaultMenuPlacement, u as updateAfterClose, r as reposition, a as disconnectFloatingUI, F as FloatingCSS } from './floating-ui.js';
 import { u as updateHostInteraction } from './interactive.js';
 import { t as toAriaBoolean } from './dom.js';
 import { c as connectOpenCloseComponent, d as disconnectOpenCloseComponent } from './openCloseComponent.js';
@@ -41,81 +41,6 @@ const InputDatePicker = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
     this.calciteInputDatePickerClose = createEvent(this, "calciteInputDatePickerClose", 6);
     this.calciteInputDatePickerBeforeOpen = createEvent(this, "calciteInputDatePickerBeforeOpen", 6);
     this.calciteInputDatePickerOpen = createEvent(this, "calciteInputDatePickerOpen", 6);
-    //--------------------------------------------------------------------------
-    //
-    //  Public Properties
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * 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;
-    /** Selected date as a string in ISO format (YYYY-MM-DD) */
-    this.value = "";
-    /**
-     * When `true`, the component is active.
-     *
-     * @deprecated use `open` instead.
-     */
-    this.active = false;
-    /** When `true`, displays the `calcite-date-picker` component. */
-    this.open = false;
-    /**
-     * Accessible name for the component's previous month button.
-     *
-     * @default "Previous month"
-     */
-    this.intlPrevMonth = TEXT.prevMonth;
-    /**
-     * Accessible name for the component's next month button.
-     *
-     * @default "Next month"
-     */
-    this.intlNextMonth = TEXT.nextMonth;
-    /**
-     * Accessible name for the component's year input.
-     *
-     * @default "Year"
-     */
-    this.intlYear = TEXT.year;
-    /** Specifies the size of the component. */
-    this.scale = "m";
-    /**
-     * Specifies the placement of the `calcite-date-picker` relative to the component.
-     *
-     * @default "bottom-start"
-     */
-    this.placement = defaultMenuPlacement;
-    /** When `true`, activates a range for the component. */
-    this.range = false;
-    /**
-     * When `true`, the component must have a value in order for the form to submit.
-     *
-     * @internal
-     */
-    this.required = 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.
-     *
-     * `"fixed"` should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `"fixed"`.
-     *
-     */
-    this.overlayPositioning = "absolute";
-    /**
-     * When `true`, disables the default behavior on the third click of narrowing or extending the range.
-     * Instead starts a new range.
-     */
-    this.proximitySelectionDisabled = false;
-    /** Defines the layout of the component. */
-    this.layout = "horizontal";
     this.calciteInternalInputInputHandler = (event) => {
       const target = event.target;
       const value = target.value;
@@ -131,9 +56,6 @@ const InputDatePicker = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
     this.calciteInternalInputBlurHandler = () => {
       this.commitValue();
     };
-    this.effectiveLocale = "";
-    this.focusedInput = "start";
-    this.globalAttributes = {};
     this.userChangedValue = false;
     this.openTransitionProp = "opacity";
     this.valueAsDateChangedExternally = false;
@@ -315,6 +237,40 @@ const InputDatePicker = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
           : char)
         .join("")
       : "";
+    this.disabled = false;
+    this.readOnly = false;
+    this.value = "";
+    this.flipPlacements = undefined;
+    this.headingLevel = undefined;
+    this.valueAsDate = undefined;
+    this.startAsDate = undefined;
+    this.endAsDate = undefined;
+    this.minAsDate = undefined;
+    this.maxAsDate = undefined;
+    this.min = undefined;
+    this.max = undefined;
+    this.active = false;
+    this.open = false;
+    this.name = undefined;
+    this.intlPrevMonth = TEXT.prevMonth;
+    this.intlNextMonth = TEXT.nextMonth;
+    this.intlYear = TEXT.year;
+    this.locale = undefined;
+    this.numberingSystem = undefined;
+    this.scale = "m";
+    this.placement = defaultMenuPlacement;
+    this.range = false;
+    this.required = false;
+    this.start = undefined;
+    this.end = undefined;
+    this.overlayPositioning = "absolute";
+    this.proximitySelectionDisabled = false;
+    this.layout = "horizontal";
+    this.datePickerActiveDate = undefined;
+    this.effectiveLocale = "";
+    this.focusedInput = "start";
+    this.globalAttributes = {};
+    this.localeData = undefined;
   }
   handleDisabledAndReadOnlyChange(value) {
     if (!value) {

package/dist/components/calcite-input-message.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 { e as setRequestedIcon, g as getElementProp } from './dom.js';
@@ -21,22 +21,11 @@ const InputMessage = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     super();
     this.__registerHost();
     this.__attachShadow();
-    //--------------------------------------------------------------------------
-    //
-    //  Properties
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * When `true`, the component is active.
-     *
-     * @deprecated use global `hidden` attribute instead.
-     * @mdn [hidden](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/hidden)
-     */
     this.active = false;
-    /** Specifies the size of the component. */
+    this.icon = undefined;
     this.scale = "m";
-    /** Specifies the status of the input field, which determines message and icons. */
     this.status = "idle";
+    this.type = undefined;
   }
   handleIconEl() {
     this.requestedIcon = setRequestedIcon(StatusIconDefaults, this.icon, this.status);

package/dist/components/calcite-input-number.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, i as isPrimaryPointerButton, e as setRequestedIcon, g as getElementProp, c as getElementDir, C as CSS_UTILITY } from './dom.js';
+import { b as getSlotted, i as isPrimaryPointerButton, 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 { n as numberStringFormatter, i as isValidNumber, p as parseNumberString, s as sanitizeNumberString, a as defaultNumberingSystem, u as updateEffectiveLocale, c as connectLocalized, d as disconnectLocalized } from './locale.js';
@@ -50,86 +50,11 @@ const InputNumber = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.calciteInternalInputNumberBlur = createEvent(this, "calciteInternalInputNumberBlur", 6);
     this.calciteInputNumberInput = createEvent(this, "calciteInputNumberInput", 7);
     this.calciteInputNumberChange = createEvent(this, "calciteInputNumberChange", 6);
-    //--------------------------------------------------------------------------
-    //
-    //  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`, number values are displayed with a group separator corresponding to the language and country format.
-     */
-    this.groupSeparator = 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;
-    /**
-     * Toggles locale formatting for numbers.
-     *
-     * @internal
-     */
-    this.localeFormat = false;
-    /** Specifies the placement of the buttons. */
-    this.numberButtonType = "vertical";
-    /**
-     * 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;
     //--------------------------------------------------------------------------
     //
-    //  State
-    //
-    //--------------------------------------------------------------------------
-    this.effectiveLocale = "";
-    //--------------------------------------------------------------------------
-    //
     //  Private Methods
     //
     //--------------------------------------------------------------------------
@@ -371,6 +296,40 @@ const InputNumber = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.inputNumberKeyUpHandler = () => {
       window.clearInterval(this.nudgeNumberValueIntervalId);
     };
+    this.alignment = "start";
+    this.autofocus = false;
+    this.clearable = false;
+    this.disabled = false;
+    this.groupSeparator = 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.locale = undefined;
+    this.numberingSystem = undefined;
+    this.localeFormat = false;
+    this.max = undefined;
+    this.min = undefined;
+    this.maxLength = undefined;
+    this.minLength = undefined;
+    this.name = undefined;
+    this.numberButtonType = "vertical";
+    this.placeholder = undefined;
+    this.prefixText = undefined;
+    this.readOnly = false;
+    this.required = false;
+    this.scale = "m";
+    this.status = "idle";
+    this.step = undefined;
+    this.autocomplete = undefined;
+    this.suffixText = undefined;
+    this.editingEnabled = false;
+    this.value = "";
+    this.effectiveLocale = "";
+    this.localizedValue = undefined;
   }
   disabledWatcher() {
     this.setDisabledAction();