npm - @esri/calcite-components - Versions diffs - 1.0.0-next.540 → 1.0.0-next.543 - Mend

@esri/calcite-components 1.0.0-next.540 → 1.0.0-next.543

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (834) hide show

package/dist/components/calcite-input-text.js ADDED Viewed

@@ -0,0 +1,382 @@
+/*!
+ * 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.543
+ */
+import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+import { T as TEXT$1, a as getSlotted, s as setRequestedIcon, g as getElementProp, b as getElementDir, C as CSS_UTILITY } from './dom.js';
+import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label.js';
+import { s as submitForm, c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form.js';
+import { c as createObserver } from './observers.js';
+import { u as updateHostInteraction } from './interactive.js';
+import { d as defineCustomElement$3 } from './icon.js';
+import { d as defineCustomElement$2 } from './progress.js';
+const CSS = {
+  loader: "loader",
+  clearButton: "clear-button",
+  editingEnabled: "editing-enabled",
+  inlineChild: "inline-child",
+  inputIcon: "icon",
+  prefix: "prefix",
+  suffix: "suffix",
+  wrapper: "element-wrapper",
+  inputWrapper: "wrapper",
+  actionWrapper: "action-wrapper",
+  resizeIconWrapper: "resize-icon-wrapper"
+};
+const SLOTS = {
+  action: "action"
+};
+const TEXT = {
+  clear: "Clear value"
+};
+const inputTextCss = "@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-down{0%{opacity:0;-webkit-transform:translate3D(0, -5px, 0);transform:translate3D(0, -5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;-webkit-transform:translate3D(0, 5px, 0);transform:translate3D(0, 5px, 0)}100%{opacity:1;-webkit-transform:translate3D(0, 0, 0);transform:translate3D(0, 0, 0)}}@-webkit-keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}@keyframes in-scale{0%{opacity:0;-webkit-transform:scale3D(0.95, 0.95, 1);transform:scale3D(0.95, 0.95, 1)}100%{opacity:1;-webkit-transform:scale3D(1, 1, 1);transform:scale3D(1, 1, 1)}}:root{--calcite-animation-timing:calc(150ms * var(--calcite-internal-duration-factor));--calcite-internal-duration-factor:var(--calcite-duration-factor, 1);--calcite-internal-animation-timing-fast:calc(100ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-medium:calc(200ms * var(--calcite-internal-duration-factor));--calcite-internal-animation-timing-slow:calc(300ms * var(--calcite-internal-duration-factor))}.calcite-animate{opacity:0;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:var(--calcite-animation-timing);animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{-webkit-animation-name:in;animation-name:in}.calcite-animate__in-down{-webkit-animation-name:in-down;animation-name:in-down}.calcite-animate__in-up{-webkit-animation-name:in-up;animation-name:in-up}.calcite-animate__in-scale{-webkit-animation-name:in-scale;animation-name:in-scale}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host{display:block}:host([scale=s]) input,:host([scale=s]) .prefix,:host([scale=s]) .suffix{block-size:1.5rem;padding-inline:0.5rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=s]) .action-wrapper calcite-button,:host([scale=s]) .action-wrapper calcite-button button{block-size:1.5rem}:host([scale=s]) .clear-button{min-block-size:1.5rem;min-inline-size:1.5rem}:host([scale=m]) input,:host([scale=m]) .prefix,:host([scale=m]) .suffix{block-size:2rem;padding-inline:0.75rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=m]) .action-wrapper calcite-button,:host([scale=m]) .action-wrapper calcite-button button{block-size:2rem}:host([scale=m]) .clear-button{min-block-size:2rem;min-inline-size:2rem}:host([scale=l]) input,:host([scale=l]) .prefix,:host([scale=l]) .suffix{block-size:2.75rem;padding-inline:1rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host([scale=l]) .action-wrapper calcite-button,:host([scale=l]) .action-wrapper calcite-button button{block-size:2.75rem}:host([scale=l]) .clear-button{min-block-size:2.75rem;min-inline-size:2.75rem}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}input{-webkit-transition:var(--calcite-animation-timing), block-size 0, outline-offset 0s;transition:var(--calcite-animation-timing), block-size 0, outline-offset 0s;-webkit-appearance:none;position:relative;margin:0px;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;max-block-size:100%;inline-size:100%;max-inline-size:100%;-ms-flex:1 1 0%;flex:1 1 0%;border-radius:0px;background-color:var(--calcite-ui-foreground-1);font-family:inherit;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-1)}:host input{border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-input);color:var(--calcite-ui-text-1)}:host input:-ms-input-placeholder{font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-3)}:host input::-ms-input-placeholder{font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-3)}:host input::placeholder,:host input:-ms-input-placeholder,:host input::-ms-input-placeholder{font-weight:var(--calcite-font-weight-normal);color:var(--calcite-ui-text-3)}:host input:focus{border-color:var(--calcite-ui-brand);color:var(--calcite-ui-text-1)}:host input[readonly]{background-color:var(--calcite-ui-background);font-weight:var(--calcite-font-weight-medium)}:host input[readonly]:focus{color:var(--calcite-ui-text-1)}:host calcite-icon{color:var(--calcite-ui-text-3)}input{outline-color:transparent}input:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}:host([status=invalid]) input{border-color:var(--calcite-ui-danger)}:host([status=invalid]) input:focus{outline:2px solid var(--calcite-ui-danger);outline-offset:-2px}:host([scale=s]) .icon{inset-inline-start:0.5rem}:host([scale=m]) .icon{inset-inline-start:0.75rem}:host([scale=l]) .icon{inset-inline-start:1rem}:host([icon][scale=s]) input{-webkit-padding-start:2rem;padding-inline-start:2rem}:host([icon][scale=m]) input{-webkit-padding-start:2.5rem;padding-inline-start:2.5rem}:host([icon][scale=l]) input{-webkit-padding-start:3rem;padding-inline-start:3rem}.element-wrapper{position:relative;-ms-flex-order:3;order:3;display:-ms-inline-flexbox;display:inline-flex;-ms-flex:1 1 0%;flex:1 1 0%;-ms-flex-align:center;align-items:center}.icon{pointer-events:none;position:absolute;z-index:10;display:block;-webkit-transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}input[type=text]::-ms-clear,input[type=text]::-ms-reveal{display:none;block-size:0px;inline-size:0px}.clear-button{pointer-events:initial;-ms-flex-order:4;order:4;margin:0px;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;min-block-size:100%;cursor:pointer;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-item-align:stretch;align-self:stretch;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-input);background-color:var(--calcite-ui-foreground-1);outline-color:transparent;border-inline-start-width:0px}.clear-button:hover{background-color:var(--calcite-ui-foreground-2);-webkit-transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}.clear-button:hover calcite-icon{color:var(--calcite-ui-text-1);-webkit-transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}.clear-button:active{background-color:var(--calcite-ui-foreground-3)}.clear-button:active calcite-icon{color:var(--calcite-ui-text-1)}.clear-button:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}.clear-button:disabled{opacity:var(--calcite-ui-opacity-disabled)}.loader{inset-block-start:1px;inset-inline:1px;pointer-events:none;position:absolute;display:block}.action-wrapper{-ms-flex-order:7;order:7;display:-ms-flexbox;display:flex}.prefix,.suffix{-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;block-size:auto;min-block-size:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-flex-line-pack:center;align-content:center;-ms-flex-align:center;align-items:center;overflow-wrap:break-word;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-input);background-color:var(--calcite-ui-background);font-weight:var(--calcite-font-weight-medium);line-height:1;color:var(--calcite-ui-text-2)}.prefix{-ms-flex-order:2;order:2;border-inline-end-width:0px}.suffix{-ms-flex-order:5;order:5;border-inline-start-width:0px}:host([alignment=start]) input{text-align:start}:host([alignment=end]) input{text-align:end}.wrapper{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center}.resize-icon-wrapper{inset-block-end:2px;inset-inline-end:2px;pointer-events:none;position:absolute;z-index:10;block-size:0.75rem;inline-size:0.75rem;background-color:var(--calcite-ui-foreground-1);color:var(--calcite-ui-text-3)}.resize-icon-wrapper calcite-icon{inset-block-end:0.25rem;inset-inline-end:0.25rem;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.calcite--rtl .resize-icon-wrapper calcite-icon{-webkit-transform:rotate(45deg);transform:rotate(45deg)}:host(.no-bottom-border) input{border-block-end-width:0px}:host(.border-top-color-one) input{border-block-start-color:var(--calcite-ui-border-1)}.inline-child{background-color:transparent;-webkit-transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s}.inline-child .editing-enabled{background-color:inherit}.inline-child:not(.editing-enabled){display:-ms-flexbox;display:flex;cursor:pointer;border-color:transparent;-webkit-padding-start:0;padding-inline-start:0}::slotted(input[slot=hidden-form-input]){margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;inset:0 !important;-webkit-transform:none !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}";
+const InputText = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    this.calciteInternalInputTextFocus = createEvent(this, "calciteInternalInputTextFocus", 7);
+    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 is flipped in RTL. */
+    this.iconFlipRtl = false;
+    /** When true, the component is in the loading state and `calcite-progress` is displayed. */
+    this.loading = false;
+    /**
+     * When true, 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. */
+    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;
+    //--------------------------------------------------------------------------
+    //
+    //  Private Methods
+    //
+    //--------------------------------------------------------------------------
+    this.keyDownHandler = (event) => {
+      if (this.readOnly || this.disabled) {
+        return;
+      }
+      if (this.isClearable && event.key === "Escape") {
+        this.clearInputTextValue(event);
+        event.preventDefault();
+      }
+      if (event.key === "Enter" && !event.defaultPrevented) {
+        submitForm(this);
+      }
+    };
+    this.clearInputTextValue = (nativeEvent) => {
+      this.setValue({
+        committing: true,
+        nativeEvent,
+        origin: "user",
+        value: ""
+      });
+    };
+    this.emitChangeIfUserModified = () => {
+      if (this.previousValueOrigin === "user" && this.value !== this.previousEmittedValue) {
+        this.calciteInputTextChange.emit();
+      }
+      this.previousEmittedValue = this.value;
+    };
+    this.inputTextBlurHandler = () => {
+      this.calciteInternalInputTextBlur.emit({
+        element: this.childEl,
+        value: this.value
+      });
+      this.emitChangeIfUserModified();
+    };
+    this.inputTextFocusHandler = (event) => {
+      const slottedActionEl = getSlotted(this.el, "action");
+      if (event.target !== slottedActionEl) {
+        this.setFocus();
+      }
+      this.calciteInternalInputTextFocus.emit({
+        element: this.childEl,
+        value: this.value
+      });
+    };
+    this.inputTextInputHandler = (nativeEvent) => {
+      if (this.disabled || this.readOnly) {
+        return;
+      }
+      this.setValue({
+        nativeEvent,
+        origin: "user",
+        value: nativeEvent.target.value
+      });
+    };
+    this.inputTextKeyDownHandler = (event) => {
+      if (this.disabled || this.readOnly) {
+        return;
+      }
+      if (event.key === "Enter") {
+        this.emitChangeIfUserModified();
+      }
+    };
+    this.setChildElRef = (el) => {
+      this.childEl = el;
+    };
+    this.setInputValue = (newInputValue) => {
+      if (!this.childEl) {
+        return;
+      }
+      this.childEl.value = newInputValue;
+    };
+    this.setPreviousEmittedValue = (newPreviousEmittedValue) => {
+      this.previousEmittedValue = newPreviousEmittedValue;
+    };
+    this.setPreviousValue = (newPreviousValue) => {
+      this.previousValue = newPreviousValue;
+    };
+    this.setValue = ({ committing = false, nativeEvent, origin, previousValue, value }) => {
+      this.setPreviousValue(previousValue || this.value);
+      this.previousValueOrigin = origin;
+      this.userChangedValue = origin === "user" && value !== this.value;
+      this.value = value;
+      if (origin === "direct") {
+        this.setInputValue(value);
+      }
+      if (nativeEvent) {
+        const calciteInputTextInputEvent = this.calciteInputTextInput.emit({
+          element: this.childEl,
+          nativeEvent,
+          value: this.value
+        });
+        if (calciteInputTextInputEvent.defaultPrevented) {
+          this.value = this.previousValue;
+        }
+        else if (committing) {
+          this.emitChangeIfUserModified();
+        }
+      }
+    };
+  }
+  disabledWatcher() {
+    this.setDisabledAction();
+  }
+  valueWatcher(newValue, previousValue) {
+    if (!this.userChangedValue) {
+      this.setValue({
+        origin: "direct",
+        previousValue,
+        value: !newValue ? "" : newValue
+      });
+    }
+    this.userChangedValue = false;
+  }
+  updateRequestedIcon() {
+    this.requestedIcon = setRequestedIcon({}, this.icon, "text");
+  }
+  get isClearable() {
+    return this.clearable && this.value.length > 0;
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Lifecycle
+  //
+  //--------------------------------------------------------------------------
+  connectedCallback() {
+    var _a;
+    this.scale = getElementProp(this.el, "scale", this.scale);
+    this.status = getElementProp(this.el, "status", this.status);
+    this.inlineEditableEl = this.el.closest("calcite-inline-editable");
+    if (this.inlineEditableEl) {
+      this.editingEnabled = this.inlineEditableEl.editingEnabled || false;
+    }
+    this.setPreviousEmittedValue(this.value);
+    this.setPreviousValue(this.value);
+    connectLabel(this);
+    connectForm(this);
+    (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.observe(this.el, { childList: true });
+    this.setDisabledAction();
+  }
+  disconnectedCallback() {
+    var _a;
+    disconnectLabel(this);
+    disconnectForm(this);
+    (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
+  }
+  componentWillLoad() {
+    this.requestedIcon = setRequestedIcon({}, this.icon, "text");
+  }
+  componentDidRender() {
+    updateHostInteraction(this);
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Public Methods
+  //
+  //--------------------------------------------------------------------------
+  /** Sets focus on the component. */
+  async setFocus() {
+    var _a;
+    (_a = this.childEl) === null || _a === void 0 ? void 0 : _a.focus();
+  }
+  /** Selects all text of the component's `value`. */
+  async selectText() {
+    var _a;
+    (_a = this.childEl) === null || _a === void 0 ? void 0 : _a.select();
+  }
+  onLabelClick() {
+    this.setFocus();
+  }
+  onFormReset() {
+    this.setValue({
+      origin: "reset",
+      value: this.defaultValue
+    });
+  }
+  syncHiddenFormInput(input) {
+    if (this.minLength != null) {
+      input.minLength = this.minLength;
+    }
+    if (this.maxLength != null) {
+      input.maxLength = this.maxLength;
+    }
+  }
+  setDisabledAction() {
+    const slottedActionEl = getSlotted(this.el, "action");
+    if (!slottedActionEl) {
+      return;
+    }
+    this.disabled
+      ? slottedActionEl.setAttribute("disabled", "")
+      : slottedActionEl.removeAttribute("disabled");
+  }
+  // --------------------------------------------------------------------------
+  //
+  //  Render Methods
+  //
+  // --------------------------------------------------------------------------
+  render() {
+    const dir = getElementDir(this.el);
+    const loader = (h("div", { class: CSS.loader }, h("calcite-progress", { label: this.intlLoading, type: "indeterminate" })));
+    const inputClearButton = (h("button", { "aria-label": this.intlClear || TEXT.clear, class: CSS.clearButton, disabled: this.disabled || this.readOnly, onClick: this.clearInputTextValue, tabIndex: this.disabled ? -1 : 0, type: "button" }, h("calcite-icon", { icon: "x", scale: "s" })));
+    const iconEl = (h("calcite-icon", { class: CSS.inputIcon, flipRtl: this.iconFlipRtl, icon: this.requestedIcon, scale: "s" }));
+    const prefixText = h("div", { class: CSS.prefix }, this.prefixText);
+    const suffixText = h("div", { class: CSS.suffix }, this.suffixText);
+    const childEl = (h("input", { "aria-label": getLabelText(this), autofocus: this.autofocus ? true : null, class: {
+        [CSS.editingEnabled]: this.editingEnabled,
+        [CSS.inlineChild]: !!this.inlineEditableEl
+      }, defaultValue: this.defaultValue, disabled: this.disabled ? true : null, enterKeyHint: this.el.enterKeyHint, inputMode: this.el.inputMode, maxLength: this.maxLength, minLength: this.minLength, name: this.name, onBlur: this.inputTextBlurHandler, onFocus: this.inputTextFocusHandler, onInput: this.inputTextInputHandler, onKeyDown: this.inputTextKeyDownHandler, placeholder: this.placeholder || "", readOnly: this.readOnly, ref: this.setChildElRef, required: this.required ? true : null, tabIndex: this.disabled || (this.inlineEditableEl && !this.editingEnabled) ? -1 : null, type: "text", value: this.value }));
+    return (h(Host, { onClick: this.inputTextFocusHandler, onKeyDown: this.keyDownHandler }, h("div", { class: { [CSS.inputWrapper]: true, [CSS_UTILITY.rtl]: dir === "rtl" } }, this.prefixText ? prefixText : null, h("div", { class: CSS.wrapper }, childEl, this.isClearable ? inputClearButton : null, this.requestedIcon ? iconEl : null, this.loading ? loader : null), h("div", { class: CSS.actionWrapper }, h("slot", { name: SLOTS.action })), this.suffixText ? suffixText : null, h(HiddenFormInputSlot, { component: this }))));
+  }
+  get el() { return this; }
+  static get watchers() { return {
+    "disabled": ["disabledWatcher"],
+    "value": ["valueWatcher"],
+    "icon": ["updateRequestedIcon"]
+  }; }
+  static get style() { return inputTextCss; }
+}, [1, "calcite-input-text", {
+    "alignment": [513],
+    "autofocus": [4],
+    "clearable": [516],
+    "disabled": [516],
+    "hidden": [4],
+    "icon": [520],
+    "intlClear": [1, "intl-clear"],
+    "intlLoading": [1, "intl-loading"],
+    "iconFlipRtl": [516, "icon-flip-rtl"],
+    "label": [1],
+    "loading": [516],
+    "maxLength": [514, "max-length"],
+    "minLength": [514, "min-length"],
+    "name": [513],
+    "placeholder": [1],
+    "prefixText": [1, "prefix-text"],
+    "readOnly": [4, "read-only"],
+    "required": [4],
+    "scale": [1537],
+    "status": [1537],
+    "suffixText": [1, "suffix-text"],
+    "editingEnabled": [1540, "editing-enabled"],
+    "value": [1025],
+    "setFocus": [64],
+    "selectText": [64]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["calcite-input-text", "calcite-icon", "calcite-progress"];
+  components.forEach(tagName => { switch (tagName) {
+    case "calcite-input-text":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, InputText);
+      }
+      break;
+    case "calcite-icon":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$3();
+      }
+      break;
+    case "calcite-progress":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
+  } });
+}
+defineCustomElement$1();
+const CalciteInputText = InputText;
+const defineCustomElement = defineCustomElement$1;
+export { CalciteInputText, defineCustomElement };

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

@@ -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.540
+ * v1.0.0-next.543
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { g as guid } from './guid.js';

package/dist/components/calcite-input.js CHANGED Viewed

@@ -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.540
+ * v1.0.0-next.543
  */
 import { I as Input, d as defineCustomElement$1 } from './input.js';

package/dist/components/calcite-label.js CHANGED Viewed

@@ -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.540
+ * v1.0.0-next.543
  */
 import { L as Label, d as defineCustomElement$1 } from './label2.js';

package/dist/components/calcite-link.js CHANGED Viewed

@@ -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.540
+ * v1.0.0-next.543
  */
 import { L as Link, d as defineCustomElement$1 } from './link.js';

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

@@ -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.540
+ * v1.0.0-next.543
  */
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 import { H as Heading, c as constrainHeadingLevel } from './Heading.js';

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

@@ -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.540
+ * v1.0.0-next.543
  */
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 import { a as getSlotted } from './dom.js';

package/dist/components/calcite-list.js CHANGED Viewed

@@ -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.540
+ * v1.0.0-next.543
  */
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 import { u as updateHostInteraction } from './interactive.js';

package/dist/components/calcite-loader.js CHANGED Viewed

@@ -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.540
+ * v1.0.0-next.543
  */
 import { L as Loader, d as defineCustomElement$1 } from './loader.js';

package/dist/components/calcite-modal.js CHANGED Viewed

@@ -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.540
+ * v1.0.0-next.543
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { f as focusElement, a as getSlotted, h as ensureId, i as isCalciteFocusable } from './dom.js';
@@ -210,12 +210,12 @@ const Modal = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     };
     this.transitionStartHandler = (event) => {
       if (event.propertyName === this.activeTransitionProp && event.target === this.containerEl) {
-        this.open || this.active ? this.onBeforeOpen() : this.onBeforeClose();
+        this.open ? this.onBeforeOpen() : this.onBeforeClose();
       }
     };
     this.transitionEnd = (event) => {
       if (event.propertyName === this.activeTransitionProp && event.target === this.containerEl) {
-        this.open || this.active ? this.onOpen() : this.onClose();
+        this.open ? this.onOpen() : this.onClose();
       }
     };
     this.openEnd = () => {
@@ -231,8 +231,8 @@ const Modal = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     /** Close the modal, first running the `beforeClose` method */
     this.close = () => {
       return this.beforeClose(this.el).then(() => {
-        this.active = false;
         this.open = false;
+        this.active = false;
         focusElement(this.previousActiveElement);
         this.removeOverflowHiddenClass();
       });
@@ -260,7 +260,7 @@ const Modal = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   //--------------------------------------------------------------------------
   componentWillLoad() {
     // when modal initially renders, if active was set we need to open as watcher doesn't fire
-    if (this.open || this.active) {
+    if (this.open) {
       this.openModal();
     }
   }
@@ -318,7 +318,7 @@ const Modal = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   //
   //--------------------------------------------------------------------------
   handleEscape(event) {
-    if ((this.open || this.active) && !this.disableEscape && event.key === "Escape") {
+    if (this.open && !this.disableEscape && event.key === "Escape") {
       this.close();
     }
   }
@@ -394,8 +394,8 @@ const Modal = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   openModal() {
     this.previousActiveElement = document.activeElement;
     this.el.addEventListener("calciteModalOpen", this.openEnd);
-    this.active = true;
     this.open = true;
+    this.active = true;
     const titleEl = getSlotted(this.el, SLOTS.header);
     const contentEl = getSlotted(this.el, SLOTS.content);
     this.titleId = ensureId(titleEl);

package/dist/components/calcite-notice.js CHANGED Viewed

@@ -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.540
+ * v1.0.0-next.543
  */
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { S as StatusIcons } from './interfaces.js';

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

@@ -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.540
+ * v1.0.0-next.543
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Fragment } from '@stencil/core/internal/client';

package/dist/components/calcite-option.js CHANGED Viewed

@@ -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.540
+ * v1.0.0-next.543
  */
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { c as createObserver } from './observers.js';

package/dist/components/calcite-pagination.js CHANGED Viewed

@@ -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.540
+ * v1.0.0-next.543
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Fragment } from '@stencil/core/internal/client';
 import { c as createObserver } from './observers.js';

package/dist/components/calcite-panel.js CHANGED Viewed

@@ -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.540
+ * v1.0.0-next.543
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Fragment } from '@stencil/core/internal/client';
 import { b as getElementDir, a as getSlotted, t as toAriaBoolean } from './dom.js';

package/dist/components/calcite-pick-list-group.js CHANGED Viewed

@@ -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.540
+ * v1.0.0-next.543
  */
 import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client';
 import { C as CSS, S as SLOTS, H as HEADING_LEVEL } from './resources2.js';

package/dist/components/calcite-pick-list-item.js CHANGED Viewed

@@ -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.540
+ * v1.0.0-next.543
  */
 import { P as PickListItem, d as defineCustomElement$1 } from './pick-list-item.js';

package/dist/components/calcite-pick-list.js CHANGED Viewed

@@ -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.540
+ * v1.0.0-next.543
  */
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { I as ICON_TYPES } from './resources.js';

package/dist/components/calcite-popover-manager.js CHANGED Viewed

@@ -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.540
+ * v1.0.0-next.543
  */
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { c as createObserver } from './observers.js';

package/dist/components/calcite-popover.js CHANGED Viewed

@@ -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.540
+ * v1.0.0-next.543
  */
 import { P as Popover, d as defineCustomElement$1 } from './popover.js';

package/dist/components/calcite-progress.js CHANGED Viewed

@@ -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.540
+ * v1.0.0-next.543
  */
 import { P as Progress, d as defineCustomElement$1 } from './progress.js';

package/dist/components/calcite-radio-button-group.js CHANGED Viewed

@@ -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.540
+ * v1.0.0-next.543
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { c as createObserver } from './observers.js';