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

package/dist/cjs/calcite-input-number.cjs.entry.js

@@ -1,24 +1,24 @@
 /*!
  * 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
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7e0f281f.js');
-const dom = require('./dom-fc9f7c5b.js');
-const label = require('./label-af7b6837.js');
-const form = require('./form-bdafdc1e.js');
-const locale = require('./locale-54e87ab8.js');
-const key = require('./key-25858919.js');
-const resources = require('./resources-a0a90579.js');
-const math = require('./math-abf27752.js');
-const observers = require('./observers-e85167a1.js');
-const interactive = require('./interactive-f768090a.js');
-const loadable = require('./loadable-2c272f47.js');
-require('./guid-e00c2fae.js');
+const index = require('./index-66bfeb5a.js');
+const dom = require('./dom-8dcbe60b.js');
+const label = require('./label-ebe09dfe.js');
+const form = require('./form-54565442.js');
+const locale = require('./locale-6b2788ff.js');
+const key = require('./key-aa68c66b.js');
+const resources = require('./resources-aab81366.js');
+const math = require('./math-92197020.js');
+const observers = require('./observers-b2096d49.js');
+const interactive = require('./interactive-61857e22.js');
+const loadable = require('./loadable-f0410eb8.js');
+require('./guid-4caf8697.js');
 
 const CSS = {
   loader: "loader",
@@ -52,86 +52,11 @@ const InputNumber = class {
     this.calciteInternalInputNumberBlur = index.createEvent(this, "calciteInternalInputNumberBlur", 6);
     this.calciteInputNumberInput = index.createEvent(this, "calciteInputNumberInput", 7);
     this.calciteInputNumberChange = index.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 = resources.TEXT.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 = observers.createObserver("mutation", () => this.setDisabledAction());
     this.userChangedValue = false;
     //--------------------------------------------------------------------------
     //
-    //  State
-    //
-    //--------------------------------------------------------------------------
-    this.effectiveLocale = "";
-    //--------------------------------------------------------------------------
-    //
     //  Private Methods
     //
     //--------------------------------------------------------------------------
@@ -373,6 +298,40 @@ const InputNumber = class {
     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 = resources.TEXT.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();

package/dist/cjs/calcite-input-text.cjs.entry.js

@@ -1,21 +1,21 @@
 /*!
  * 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
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7e0f281f.js');
-const dom = require('./dom-fc9f7c5b.js');
-const label = require('./label-af7b6837.js');
-const form = require('./form-bdafdc1e.js');
-const resources = require('./resources-a0a90579.js');
-const observers = require('./observers-e85167a1.js');
-const interactive = require('./interactive-f768090a.js');
-const loadable = require('./loadable-2c272f47.js');
-require('./guid-e00c2fae.js');
+const index = require('./index-66bfeb5a.js');
+const dom = require('./dom-8dcbe60b.js');
+const label = require('./label-ebe09dfe.js');
+const form = require('./form-54565442.js');
+const resources = require('./resources-aab81366.js');
+const observers = require('./observers-b2096d49.js');
+const interactive = require('./interactive-61857e22.js');
+const loadable = require('./loadable-f0410eb8.js');
+require('./guid-4caf8697.js');
 
 const CSS = {
   loader: "loader",
@@ -46,63 +46,6 @@ const InputText = class {
     this.calciteInternalInputTextBlur = index.createEvent(this, "calciteInternalInputTextBlur", 7);
     this.calciteInputTextInput = index.createEvent(this, "calciteInputTextInput", 7);
     this.calciteInputTextChange = index.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 = resources.TEXT.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 = observers.createObserver("mutation", () => this.setDisabledAction());
     this.userChangedValue = false;
@@ -220,6 +163,31 @@ const InputText = class {
         }
       }
     };
+    this.alignment = "start";
+    this.autofocus = false;
+    this.clearable = false;
+    this.disabled = false;
+    this.hidden = false;
+    this.icon = undefined;
+    this.intlClear = undefined;
+    this.intlLoading = resources.TEXT.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/cjs/calcite-input-time-picker_2.cjs.entry.js

@@ -1,23 +1,23 @@
 /*!
  * 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
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7e0f281f.js');
-const guid = require('./guid-e00c2fae.js');
-const locale = require('./locale-54e87ab8.js');
-const label = require('./label-af7b6837.js');
-const form = require('./form-bdafdc1e.js');
-const interactive = require('./interactive-f768090a.js');
-const key = require('./key-25858919.js');
-const loadable = require('./loadable-2c272f47.js');
-require('./observers-e85167a1.js');
-require('./dom-fc9f7c5b.js');
-require('./resources-a0a90579.js');
+const index = require('./index-66bfeb5a.js');
+const guid = require('./guid-4caf8697.js');
+const locale = require('./locale-6b2788ff.js');
+const label = require('./label-ebe09dfe.js');
+const form = require('./form-54565442.js');
+const interactive = require('./interactive-61857e22.js');
+const key = require('./key-aa68c66b.js');
+const loadable = require('./loadable-f0410eb8.js');
+require('./observers-b2096d49.js');
+require('./dom-8dcbe60b.js');
+require('./resources-aab81366.js');
 
 const maxTenthForMinuteAndSecond = 5;
 function createLocaleDateTimeFormatter(locale$1, numberingSystem, includeSeconds = true) {
@@ -202,66 +202,12 @@ const InputTimePicker = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.calciteInputTimePickerChange = index.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.guid()}`;
     //--------------------------------------------------------------------------
     //
-    //  State
-    //
-    //--------------------------------------------------------------------------
-    this.effectiveLocale = "";
-    //--------------------------------------------------------------------------
-    //
     //  Event Listeners
     //
     //--------------------------------------------------------------------------
@@ -393,6 +339,33 @@ const InputTimePicker = class {
         }
       }
     };
+    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;
@@ -585,96 +558,6 @@ const TimePicker = class {
     this.calciteInternalTimePickerBlur = index.createEvent(this, "calciteInternalTimePickerBlur", 6);
     this.calciteInternalTimePickerChange = index.createEvent(this, "calciteInternalTimePickerChange", 6);
     this.calciteInternalTimePickerFocus = index.createEvent(this, "calciteInternalTimePickerFocus", 6);
-    //--------------------------------------------------------------------------
-    //
-    //  Properties
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * Accessible name for the component's hour input.
-     *
-     * @default "Hour"
-     */
-    this.intlHour = TEXT.hour;
-    /**
-     * Accessible name for the component's hour down button.
-     *
-     * @default "Decrease hour"
-     */
-    this.intlHourDown = TEXT.hourDown;
-    /**
-     * Accessible name for the component's hour up button.
-     *
-     * @default "Increase hour"
-     */
-    this.intlHourUp = TEXT.hourUp;
-    /**
-     * Accessible name for the component's meridiem (AM/PM) input.
-     *
-     * @default "AM/PM"
-     */
-    this.intlMeridiem = TEXT.meridiem;
-    /**
-     * Accessible name for the component's meridiem (AM/PM) down button.
-     *
-     * @default "Decrease AM/PM"
-     */
-    this.intlMeridiemDown = TEXT.meridiemDown;
-    /**
-     * Accessible name for the component's meridiem (AM/PM) up button.
-     *
-     * @default "Increase AM/PM"
-     */
-    this.intlMeridiemUp = TEXT.meridiemUp;
-    /**
-     * Accessible name for the component's minute input.
-     *
-     * @default "Minute"
-     */
-    this.intlMinute = TEXT.minute;
-    /**
-     * Accessible name for the component's minute down button.
-     *
-     * @default "Decrease minute"
-     */
-    this.intlMinuteDown = TEXT.minuteDown;
-    /**
-     * Accessible name for the component's minute up button.
-     *
-     * @default "Increase minute"
-     */
-    this.intlMinuteUp = TEXT.minuteUp;
-    /**
-     * Accessible name for the component's second input.
-     *
-     * @default "Second"
-     */
-    this.intlSecond = TEXT.second;
-    /**
-     * Accessible name for the component's second down button.
-     *
-     * @default "Decrease second"
-     */
-    this.intlSecondDown = TEXT.secondDown;
-    /**
-     * Accessible name for the component's second up button.
-     *
-     * @default "Increase second"
-     */
-    this.intlSecondUp = TEXT.secondUp;
-    /** Specifies the size of the component. */
-    this.scale = "m";
-    /** Specifies the granularity the `value` must adhere to (in seconds). */
-    this.step = 60;
-    /** The component's value in UTC (always 24-hour format). */
-    this.value = null;
-    // --------------------------------------------------------------------------
-    //
-    //  State
-    //
-    // --------------------------------------------------------------------------
-    this.effectiveLocale = "";
-    this.showSecond = this.step < 60;
     this.decrementHour = () => {
       const newHour = !this.hour ? 0 : this.hour === "00" ? 23 : parseInt(this.hour) - 1;
       this.setValuePart("hour", newHour);
@@ -1012,6 +895,37 @@ const TimePicker = class {
         this.calciteInternalTimePickerChange.emit();
       }
     };
+    this.intlHour = TEXT.hour;
+    this.intlHourDown = TEXT.hourDown;
+    this.intlHourUp = TEXT.hourUp;
+    this.intlMeridiem = TEXT.meridiem;
+    this.intlMeridiemDown = TEXT.meridiemDown;
+    this.intlMeridiemUp = TEXT.meridiemUp;
+    this.intlMinute = TEXT.minute;
+    this.intlMinuteDown = TEXT.minuteDown;
+    this.intlMinuteUp = TEXT.minuteUp;
+    this.intlSecond = TEXT.second;
+    this.intlSecondDown = TEXT.secondDown;
+    this.intlSecondUp = TEXT.secondUp;
+    this.locale = undefined;
+    this.scale = "m";
+    this.step = 60;
+    this.numberingSystem = undefined;
+    this.value = null;
+    this.effectiveLocale = "";
+    this.hour = undefined;
+    this.hourCycle = undefined;
+    this.localizedHour = undefined;
+    this.localizedHourSuffix = undefined;
+    this.localizedMeridiem = undefined;
+    this.localizedMinute = undefined;
+    this.localizedMinuteSuffix = undefined;
+    this.localizedSecond = undefined;
+    this.localizedSecondSuffix = undefined;
+    this.meridiem = undefined;
+    this.minute = undefined;
+    this.second = undefined;
+    this.showSecond = this.step < 60;
   }
   localeChanged() {
     locale.updateEffectiveLocale(this);