@esri/calcite-components 1.0.0-next.369 → 1.0.0-next.372

package/dist/cjs/calcite-combobox_3.cjs.entry.js

@@ -9,12 +9,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-6b5d2de5.js');
 const debounce = require('./debounce-95979061.js');
 const forIn = require('./forIn-a5d553af.js');
-const popper = require('./popper-09105f6f.js');
+const popper = require('./popper-13a2bb46.js');
 const guid = require('./guid-b270f0db.js');
-const dom = require('./dom-0de9fb18.js');
-const label = require('./label-1bca211b.js');
-const form = require('./form-4b7c317e.js');
+const dom = require('./dom-f3df220d.js');
+const label = require('./label-6b18ca08.js');
+const form = require('./form-237cf392.js');
 const observers = require('./observers-79bfb8bc.js');
+const conditionalSlot = require('./conditionalSlot-92505fba.js');
 
 /**
  * A specialized version of `_.map` for arrays without support for iteratee
@@ -744,7 +745,6 @@ let CalciteCombobox = class {
       const item = document.createElement(ComboboxItem);
       item.value = value;
       item.textLabel = value;
-      item.guid = `${chipUidPrefix}${guid.guid()}`;
       item.selected = true;
       this.el.appendChild(item);
       this.resetText();
@@ -794,7 +794,9 @@ let CalciteCombobox = class {
   focusChip() {
     var _a;
     const guid = (_a = this.selectedItems[this.activeChipIndex]) === null || _a === void 0 ? void 0 : _a.guid;
-    const chip = this.referenceEl.querySelector(`#${chipUidPrefix}${guid}`);
+    const chip = guid
+      ? this.referenceEl.querySelector(`#${chipUidPrefix}${guid}`)
+      : null;
     chip === null || chip === void 0 ? void 0 : chip.setFocus();
   }
   shiftActiveItemIndex(delta) {
@@ -849,7 +851,7 @@ let CalciteCombobox = class {
       const ancestors = [...getItemAncestors(item)].reverse();
       const pathLabel = [...ancestors, item].map((el) => el.textLabel);
       const label = selectionMode !== "ancestors" ? item.textLabel : pathLabel.join(" / ");
-      return (index.h("calcite-chip", { class: chipClasses, dismissLabel: intlRemoveTag, dismissible: true, icon: item.icon, id: `${chipUidPrefix}${item.guid}`, key: item.textLabel, onCalciteChipDismiss: (event) => this.calciteChipDismissHandler(event, item), scale: scale, title: label, value: item.value }, label));
+      return (index.h("calcite-chip", { class: chipClasses, dismissLabel: intlRemoveTag, dismissible: true, icon: item.icon, id: item.guid ? `${chipUidPrefix}${item.guid}` : null, key: item.textLabel, onCalciteChipDismiss: (event) => this.calciteChipDismissHandler(event, item), scale: scale, title: label, value: item.value }, label));
     });
   }
   renderInput() {
@@ -872,7 +874,7 @@ let CalciteCombobox = class {
       }, disabled: disabled, id: `${inputUidPrefix}${guid}`, key: "input", onBlur: this.comboboxBlurHandler, onFocus: this.comboboxFocusHandler, onInput: this.inputHandler, placeholder: placeholder, ref: (el) => (this.textInput = el), type: "text" })));
   }
   renderListBoxOptions() {
-    return this.visibleItems.map((item) => (index.h("li", { "aria-selected": (!!item.selected).toString(), id: `${itemUidPrefix}${item.guid}`, role: "option", tabindex: "-1" }, item.textLabel)));
+    return this.visibleItems.map((item) => (index.h("li", { "aria-selected": (!!item.selected).toString(), id: item.guid ? `${itemUidPrefix}${item.guid}` : null, role: "option", tabindex: "-1" }, item.textLabel)));
   }
   renderPopperContainer() {
     const { active, maxScrollerHeight, setMenuEl, setListContainerEl, hideList, open } = this;
@@ -972,9 +974,10 @@ let CalciteComboboxItem = class {
   connectedCallback() {
     this.ancestors = getAncestors(this.el);
     this.scale = dom.getElementProp(this.el, "scale", this.scale);
+    conditionalSlot.connectConditionalSlotComponent(this);
   }
-  componentWillLoad() {
-    this.hasDefaultSlot = this.el.querySelector(":not([slot])") !== null;
+  disconnectedCallback() {
+    conditionalSlot.disconnectConditionalSlotComponent(this);
   }
   // --------------------------------------------------------------------------
   //
@@ -1014,10 +1017,10 @@ let CalciteComboboxItem = class {
       }, icon: icon || iconPath, scale: "s" }));
   }
   renderChildren() {
-    if (!this.hasDefaultSlot) {
-      return null;
+    if (dom.getSlotted(this.el)) {
+      return (index.h("ul", { key: "default-slot-container" }, index.h("slot", null)));
     }
-    return (index.h("ul", null, index.h("slot", null)));
+    return null;
   }
   render() {
     const isSingleSelect = dom.getElementProp(this.el, "selection-mode", "multi") === "single";

package/dist/cjs/calcite-date-picker_4.cjs.entry.js

@@ -7,8 +7,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-6b5d2de5.js');
-const resources = require('./resources-9f0994fb.js');
-const dom = require('./dom-0de9fb18.js');
+const resources = require('./resources-11763017.js');
+const dom = require('./dom-f3df220d.js');
 const CalciteHeading = require('./CalciteHeading-112c19f9.js');
 require('./locale-02462821.js');
 require('./number-e813e801.js');

package/dist/cjs/calcite-dropdown_3.cjs.entry.js

@@ -7,8 +7,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-6b5d2de5.js');
-const dom = require('./dom-0de9fb18.js');
-const popper = require('./popper-09105f6f.js');
+const dom = require('./dom-f3df220d.js');
+const popper = require('./popper-13a2bb46.js');
 const observers = require('./observers-79bfb8bc.js');
 require('./guid-b270f0db.js');
 

package/dist/cjs/calcite-fab.cjs.entry.js

@@ -7,7 +7,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-6b5d2de5.js');
-const dom = require('./dom-0de9fb18.js');
+const dom = require('./dom-f3df220d.js');
 require('./guid-b270f0db.js');
 
 const CSS = {

package/dist/cjs/calcite-filter.cjs.entry.js

@@ -7,7 +7,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-6b5d2de5.js');
-const dom = require('./dom-0de9fb18.js');
+const dom = require('./dom-f3df220d.js');
 const debounce = require('./debounce-95979061.js');
 const forIn = require('./forIn-a5d553af.js');
 require('./guid-b270f0db.js');

package/dist/cjs/calcite-graph_2.cjs.entry.js

@@ -9,10 +9,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-6b5d2de5.js');
 const guid = require('./guid-b270f0db.js');
 const observers = require('./observers-79bfb8bc.js');
-const dom = require('./dom-0de9fb18.js');
+const dom = require('./dom-f3df220d.js');
 const math = require('./math-145c80e2.js');
-const label = require('./label-1bca211b.js');
-const form = require('./form-4b7c317e.js');
+const label = require('./label-6b18ca08.js');
+const form = require('./form-237cf392.js');
 
 /**
  * Calculate slope of the tangents

package/dist/cjs/calcite-icon.cjs.entry.js

@@ -7,7 +7,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-6b5d2de5.js');
-const dom = require('./dom-0de9fb18.js');
+const dom = require('./dom-f3df220d.js');
 const observers = require('./observers-79bfb8bc.js');
 require('./guid-b270f0db.js');
 

package/dist/cjs/calcite-inline-editable.cjs.entry.js

@@ -7,8 +7,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-6b5d2de5.js');
-const dom = require('./dom-0de9fb18.js');
-const label = require('./label-1bca211b.js');
+const dom = require('./dom-f3df220d.js');
+const label = require('./label-6b18ca08.js');
 require('./guid-b270f0db.js');
 
 const CSS = {

package/dist/cjs/calcite-input-date-picker.cjs.entry.js

@@ -7,13 +7,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-6b5d2de5.js');
-const resources = require('./resources-9f0994fb.js');
-const label = require('./label-1bca211b.js');
-const form = require('./form-4b7c317e.js');
-const popper = require('./popper-09105f6f.js');
+const resources = require('./resources-11763017.js');
+const label = require('./label-6b18ca08.js');
+const form = require('./form-237cf392.js');
+const popper = require('./popper-13a2bb46.js');
 require('./locale-02462821.js');
 require('./number-e813e801.js');
-require('./dom-0de9fb18.js');
+require('./dom-f3df220d.js');
 require('./guid-b270f0db.js');
 
 const calciteInputDatePickerCss = "@-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}:host{--calcite-icon-size:1rem;--calcite-spacing-eighth:0.125rem;--calcite-spacing-quarter:0.25rem;--calcite-spacing-half:0.5rem;--calcite-spacing-three-quarters:0.75rem;--calcite-spacing:1rem;--calcite-spacing-plus-quarter:1.25rem;--calcite-spacing-plus-half:1.5rem;--calcite-spacing-double:2rem;--calcite-menu-min-width:10rem;--calcite-header-min-height:3rem;--calcite-footer-min-height:3rem}:root{--calcite-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{position:relative;display:inline-block;width:100%;overflow:visible;vertical-align:top;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host .menu-container .calcite-popper-anim{position:relative;z-index:1;-webkit-transition:var(--calcite-popper-transition);transition:var(--calcite-popper-transition);visibility:hidden;-webkit-transition-property:visibility, opacity, -webkit-transform;transition-property:visibility, opacity, -webkit-transform;transition-property:transform, visibility, opacity;transition-property:transform, visibility, opacity, -webkit-transform;opacity:0;-webkit-box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.16);border-radius:0.25rem}:host .menu-container[data-popper-placement^=bottom] .calcite-popper-anim{-webkit-transform:translateY(-5px);transform:translateY(-5px)}:host .menu-container[data-popper-placement^=top] .calcite-popper-anim{-webkit-transform:translateY(5px);transform:translateY(5px)}:host .menu-container[data-popper-placement^=left] .calcite-popper-anim{-webkit-transform:translateX(5px);transform:translateX(5px)}:host .menu-container[data-popper-placement^=right] .calcite-popper-anim{-webkit-transform:translateX(-5px);transform:translateX(-5px)}:host .menu-container[data-popper-placement] .calcite-popper-anim--active{opacity:1;visibility:visible;-webkit-transform:translate(0);transform:translate(0)}.calendar-picker-wrapper{position:static;width:100%;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.input-wrapper{position:relative}:host([range]) .input-container{display:-ms-flexbox;display:flex}:host([range]) .input-wrapper{-ms-flex:1 1 auto;flex:1 1 auto}:host([range]) .horizontal-arrow-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;border-width:1px;border-left-width:0px;border-right-width:0px;border-style:solid;border-color:var(--calcite-ui-border-input);background-color:var(--calcite-ui-background);padding-top:0px;padding-bottom:0px;padding-left:0.25rem;padding-right:0.25rem}:host([range][layout=vertical]) .input-wrapper{width:100%}:host([range][layout=vertical]) .input-container{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start}:host([range][layout=vertical]) .calendar-picker-wrapper--end{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}:host([range][layout=vertical]) .vertical-arrow-container{top:1.5rem;position:absolute;left:0px;z-index:10;margin-left:1px;margin-right:1px;background-color:var(--calcite-ui-foreground-1);padding-left:0.625rem;padding-right:0.625rem}:host([scale=s][range]:not([layout=vertical])) .calendar-picker-wrapper{width:216px}:host([scale=m][range]:not([layout=vertical])) .calendar-picker-wrapper{width:286px}:host([scale=l][range]:not([layout=vertical])) .calendar-picker-wrapper{width:398px}.menu-container{display:block;position:absolute;z-index:900;-webkit-transform:scale(0);transform:scale(0);pointer-events:none;visibility:hidden}:host([active]) .menu-container{pointer-events:auto;visibility:visible}.input .calcite-input__wrapper{margin-top:0px}:host([range][layout=vertical][scale=m]) .vertical-arrow-container{top:1.5rem;padding-left:0.75rem}:host([range][layout=vertical][scale=m]) .vertical-arrow-container calcite-icon{height:0.75rem;width:0.75rem;min-width:0px}:host([range][layout=vertical][scale=l]) .vertical-arrow-container{top:2.25rem;padding-left:0.875rem;padding-right:0.875rem}:host([range][layout=vertical][active]) .vertical-arrow-container{display:none}::slotted(input[slot=hidden-form-input]){bottom:0 !important;left:0 !important;margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;right:0 !important;top:0 !important;-webkit-transform:none !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}";

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

@@ -7,7 +7,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-6b5d2de5.js');
-const dom = require('./dom-0de9fb18.js');
+const dom = require('./dom-f3df220d.js');
 require('./guid-b270f0db.js');
 
 var StatusIconDefaults;

package/dist/cjs/calcite-input-time-picker_2.cjs.entry.js

@@ -9,9 +9,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-6b5d2de5.js');
 const guid = require('./guid-b270f0db.js');
 const number = require('./number-e813e801.js');
-const label = require('./label-1bca211b.js');
-const form = require('./form-4b7c317e.js');
-require('./dom-0de9fb18.js');
+const label = require('./label-6b18ca08.js');
+const form = require('./form-237cf392.js');
+require('./dom-f3df220d.js');
 
 const maxTenthForMinuteAndSecond = 5;
 function createLocaleDateTimeFormatter(locale, includeSeconds = true) {

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

@@ -7,9 +7,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-6b5d2de5.js');
-const dom = require('./dom-0de9fb18.js');
-const label = require('./label-1bca211b.js');
-const form = require('./form-4b7c317e.js');
+const dom = require('./dom-f3df220d.js');
+const label = require('./label-6b18ca08.js');
+const form = require('./form-237cf392.js');
 const locale = require('./locale-02462821.js');
 const number = require('./number-e813e801.js');
 const math = require('./math-145c80e2.js');
@@ -109,6 +109,8 @@ let CalciteInput = class {
     this.value = "";
     /** keep track of the rendered child type */
     this.childElType = "input";
+    /** whether the value of the input was changed as a result of user typing or not */
+    this.internalValueChange = false;
     //--------------------------------------------------------------------------
     //
     //  Private Methods
@@ -128,11 +130,15 @@ let CalciteInput = class {
       }
     };
     this.clearInputValue = (nativeEvent) => {
-      this.setValue("", nativeEvent, true);
+      this.setValue({
+        committing: true,
+        nativeEvent,
+        value: ""
+      });
     };
     this.inputBlurHandler = () => {
       if (this.type === "number") {
-        this.setLocalizedValue(this.value);
+        this.setValue({ value: this.value });
       }
       this.calciteInputBlur.emit({
         element: this.childEl,
@@ -156,7 +162,10 @@ let CalciteInput = class {
       if (this.disabled || this.readOnly) {
         return;
       }
-      this.setValue(nativeEvent.target.value, nativeEvent);
+      this.setValue({
+        nativeEvent,
+        value: nativeEvent.target.value
+      });
     };
     this.inputKeyDownHandler = (event) => {
       if (this.disabled || this.readOnly) {
@@ -176,11 +185,17 @@ let CalciteInput = class {
         if (!number.isValidNumber(delocalizedValue)) {
           nativeEvent.preventDefault();
         }
-        this.setValue(number.parseNumberString(delocalizedValue), nativeEvent);
+        this.setValue({
+          nativeEvent,
+          value: number.parseNumberString(delocalizedValue)
+        });
         this.childNumberEl.value = this.localizedValue;
       }
       else {
-        this.setValue(locale.delocalizeNumberString(value, this.locale), nativeEvent);
+        this.setValue({
+          nativeEvent,
+          value: locale.delocalizeNumberString(value, this.locale)
+        });
       }
     };
     this.inputNumberKeyDownHandler = (event) => {
@@ -276,18 +291,44 @@ let CalciteInput = class {
     this.setChildNumberElRef = (el) => {
       this.childNumberEl = el;
     };
-    this.setLocalizedValue = (value) => {
-      this.localizedValue = locale.localizeNumberString(value, this.locale, this.groupSeparator);
+    this.setInputValue = (newInputValue) => {
+      if (this.type === "text" && !this.childEl) {
+        return;
+      }
+      if (this.type === "number" && !this.childNumberEl) {
+        return;
+      }
+      this[`child${this.type === "number" ? "Number" : ""}El`].value = newInputValue;
+    };
+    this.setPreviousValue = (newPreviousValue) => {
+      this.previousValue =
+        this.type === "number"
+          ? number.isValidNumber(newPreviousValue)
+            ? newPreviousValue
+            : ""
+          : newPreviousValue;
     };
-    this.setValue = (value, nativeEvent, committing = false) => {
-      const previousValue = this.value;
+    this.setValue = ({ committing = false, nativeEvent, origin = "internal", value }) => {
+      const previousLocalizedValue = this.type === "number"
+        ? locale.localizeNumberString(this.previousValue, this.locale, this.groupSeparator)
+        : "";
+      const sanitizedValue = this.type === "number" ? number.sanitizeNumberString(value) : value;
+      const newValue = this.type === "number" && value && !sanitizedValue
+        ? number.isValidNumber(this.previousValue)
+          ? this.previousValue
+          : ""
+        : sanitizedValue;
+      const newLocalizedValue = this.type === "number"
+        ? locale.localizeNumberString(newValue, this.locale, this.groupSeparator)
+        : "";
+      this.internalValueChange = origin === "internal";
+      this.setPreviousValue(this.value);
+      this.value = newValue;
       if (this.type === "number") {
-        const sanitizedValue = number.sanitizeNumberString(value);
-        this.value = sanitizedValue;
-        this.setLocalizedValue(sanitizedValue);
+        this.localizedValue = newLocalizedValue;
       }
-      else {
-        this.value = value;
+      if (origin === "external") {
+        this.setInputValue(this.type === "number" ? newLocalizedValue : newValue);
       }
       if (nativeEvent) {
         const calciteInputInputEvent = this.calciteInputInput.emit({
@@ -296,8 +337,8 @@ let CalciteInput = class {
           value: this.value
         });
         if (calciteInputInputEvent.defaultPrevented) {
-          this.value = previousValue;
-          this.setLocalizedValue(previousValue);
+          this.value = this.previousValue;
+          this.localizedValue = previousLocalizedValue;
         }
         else if (committing) {
           this.calciteInputChange.emit();
@@ -322,17 +363,20 @@ let CalciteInput = class {
     this.minString = ((_a = this.min) === null || _a === void 0 ? void 0 : _a.toString()) || null;
   }
   valueWatcher(newValue) {
-    if (newValue == null) {
-      this.value = "";
-      return;
-    }
-    if (this.type === "number" &&
-      this.localizedValue !== locale.localizeNumberString(newValue, this.locale)) {
-      this.setLocalizedValue(newValue);
-    }
-    else if (this.childEl && this.childEl.value !== newValue) {
-      this.childEl.value = newValue;
+    if (!this.internalValueChange) {
+      this.setValue({
+        origin: "external",
+        value: newValue == null
+          ? ""
+          : this.type === "number"
+            ? number.isValidNumber(newValue)
+              ? newValue
+              : this.previousValue || ""
+            : newValue
+      });
+      this.warnAboutInvalidNumberValue(newValue);
     }
+    this.internalValueChange = false;
   }
   updateRequestedIcon() {
     this.requestedIcon = dom.setRequestedIcon(INPUT_TYPE_ICONS, this.icon, this.type);
@@ -355,13 +399,13 @@ let CalciteInput = class {
     if (this.inlineEditableEl) {
       this.editingEnabled = this.inlineEditableEl.editingEnabled || false;
     }
-    if (this.type === "number" && this.value) {
-      if (number.isValidNumber(this.value)) {
-        this.localizedValue = locale.localizeNumberString(this.value, this.locale, this.groupSeparator);
-      }
-      else {
-        this.value = "";
-      }
+    this.setPreviousValue(this.value);
+    if (this.type === "number") {
+      this.warnAboutInvalidNumberValue(this.value);
+      this.setValue({
+        origin: "loading",
+        value: number.isValidNumber(this.value) ? this.value : ""
+      });
     }
     label.connectLabel(this);
     form.connectForm(this);
@@ -383,7 +427,9 @@ let CalciteInput = class {
   }
   componentShouldUpdate(newValue, oldValue, property) {
     if (this.type === "number" && property === "value" && newValue && !number.isValidNumber(newValue)) {
-      this.value = oldValue;
+      this.setValue({
+        value: oldValue
+      });
       return false;
     }
     return true;
@@ -418,10 +464,16 @@ let CalciteInput = class {
       : nudgedValue;
     const inputValPlaces = math.decimalPlaces(inputVal);
     const inputStepPlaces = math.decimalPlaces(inputStep);
-    this.setValue(finalValue.toFixed(Math.max(inputValPlaces, inputStepPlaces)), nativeEvent, true);
+    this.setValue({
+      committing: true,
+      nativeEvent,
+      value: finalValue.toFixed(Math.max(inputValPlaces, inputStepPlaces))
+    });
   }
   onFormReset() {
-    this.setValue(this.defaultValue);
+    this.setValue({
+      value: this.defaultValue
+    });
   }
   syncHiddenFormInput(input) {
     var _a, _b, _c, _d;
@@ -452,6 +504,11 @@ let CalciteInput = class {
       ? slottedActionEl.setAttribute("disabled", "")
       : slottedActionEl.removeAttribute("disabled");
   }
+  warnAboutInvalidNumberValue(value) {
+    if (this.type === "number" && value && !number.isValidNumber(value)) {
+      console.warn(`The specified value "${value}" cannot be parsed, or is out of range.`);
+    }
+  }
   // --------------------------------------------------------------------------
   //
   //  Render Methods

package/dist/cjs/calcite-link.cjs.entry.js

@@ -7,7 +7,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-6b5d2de5.js');
-const dom = require('./dom-0de9fb18.js');
+const dom = require('./dom-f3df220d.js');
 require('./guid-b270f0db.js');
 
 const calciteLinkCss = "@-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-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:inline}:host a,:host span{position:relative;display:-ms-flexbox;display:flex;cursor:pointer;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border-radius:0px;border-style:none;font-family:inherit;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:var(--calcite-animation-timing);transition-duration:var(--calcite-animation-timing);-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s;text-decoration:none;line-height:inherit;font-size:inherit;-webkit-appearance:none}:host a:hover,:host span:hover{text-decoration:none}:host a,:host span{outline-offset:0;outline-color:transparent;-webkit-transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out;transition:outline-offset 100ms ease-in-out, outline-color 100ms ease-in-out}:host a:focus,:host span:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}calcite-icon{width:1em;height:1em;min-width:unset;min-height:unset}.calcite-link--icon{vertical-align:text-top;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:var(--calcite-animation-timing);transition-duration:var(--calcite-animation-timing);-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s;margin-top:0.125rem}:host([disabled]){pointer-events:none}:host([disabled]) span,:host([disabled]) a{pointer-events:none;opacity:var(--calcite-ui-opacity-disabled)}:host .calcite-link--icon.icon-start{-webkit-margin-end:0.5rem;margin-inline-end:0.5rem}:host .calcite-link--icon.icon-end{-webkit-margin-start:0.5rem;margin-inline-start:0.5rem}:host span,:host a{position:relative;display:inline;border-style:none;background-color:transparent;padding:0px;color:var(--calcite-ui-text-link);-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:var(--calcite-animation-timing);transition-duration:var(--calcite-animation-timing);-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:0s;transition-delay:0s;line-height:inherit;white-space:initial;background-image:-webkit-gradient(linear, left top, left bottom, from(currentColor), to(currentColor)), -webkit-gradient(linear, left top, left bottom, from(var(--calcite-link-blue-underline)), to(var(--calcite-link-blue-underline)));background-image:linear-gradient(currentColor, currentColor), linear-gradient(var(--calcite-link-blue-underline), var(--calcite-link-blue-underline));background-position:0% 100%, 100% 100%;background-repeat:no-repeat, no-repeat;background-size:0% 1px, 100% 1px}:host span:hover,:host span:focus,:host a:hover,:host a:focus{background-size:100% 1px, 100% 1px}:host span:active,:host a:active{background-size:100% 2px, 100% 2px}:host span.calcite--rtl,:host a.calcite--rtl{background-position:100% 100%, 100% 100%}";

package/dist/cjs/calcite-list_3.cjs.entry.js

@@ -7,7 +7,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-6b5d2de5.js');
-const dom = require('./dom-0de9fb18.js');
+const dom = require('./dom-f3df220d.js');
 const conditionalSlot = require('./conditionalSlot-92505fba.js');
 const CalciteHeading = require('./CalciteHeading-112c19f9.js');
 require('./guid-b270f0db.js');

package/dist/cjs/calcite-modal.cjs.entry.js

@@ -7,7 +7,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-6b5d2de5.js');
-const dom = require('./dom-0de9fb18.js');
+const dom = require('./dom-f3df220d.js');
 const observers = require('./observers-79bfb8bc.js');
 const conditionalSlot = require('./conditionalSlot-92505fba.js');
 require('./guid-b270f0db.js');

package/dist/cjs/calcite-notice.cjs.entry.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-6b5d2de5.js');
 const interfaces = require('./interfaces-54651c1c.js');
-const dom = require('./dom-0de9fb18.js');
+const dom = require('./dom-f3df220d.js');
 const conditionalSlot = require('./conditionalSlot-92505fba.js');
 require('./guid-b270f0db.js');
 require('./observers-79bfb8bc.js');

package/dist/cjs/calcite-option_3.cjs.entry.js

@@ -8,9 +8,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-6b5d2de5.js');
 const observers = require('./observers-79bfb8bc.js');
-const dom = require('./dom-0de9fb18.js');
-const label = require('./label-1bca211b.js');
-const form = require('./form-4b7c317e.js');
+const dom = require('./dom-f3df220d.js');
+const label = require('./label-6b18ca08.js');
+const form = require('./form-237cf392.js');
 require('./guid-b270f0db.js');
 
 const calciteOptionCss = "@-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-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:block}";

package/dist/cjs/calcite-panel.cjs.entry.js

@@ -7,7 +7,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-6b5d2de5.js');
-const dom = require('./dom-0de9fb18.js');
+const dom = require('./dom-f3df220d.js');
 const CalciteHeading = require('./CalciteHeading-112c19f9.js');
 const resources = require('./resources-ffe563a2.js');
 const conditionalSlot = require('./conditionalSlot-92505fba.js');

package/dist/cjs/calcite-pick-list_3.cjs.entry.js

@@ -7,9 +7,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-6b5d2de5.js');
-const resources = require('./resources-405cc2c4.js');
+const resources = require('./resources-95073e41.js');
 const observers = require('./observers-79bfb8bc.js');
-const dom = require('./dom-0de9fb18.js');
+const dom = require('./dom-f3df220d.js');
 const CalciteHeading = require('./CalciteHeading-112c19f9.js');
 const conditionalSlot = require('./conditionalSlot-92505fba.js');
 require('./array-a5dedf5a.js');

package/dist/cjs/calcite-popover_2.cjs.entry.js

@@ -7,9 +7,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-6b5d2de5.js');
-const popper = require('./popper-09105f6f.js');
+const popper = require('./popper-13a2bb46.js');
 const guid = require('./guid-b270f0db.js');
-const dom = require('./dom-0de9fb18.js');
+const dom = require('./dom-f3df220d.js');
 const CalciteHeading = require('./CalciteHeading-112c19f9.js');
 
 const CSS = {

package/dist/cjs/calcite-radio-button.cjs.entry.js

@@ -8,9 +8,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-6b5d2de5.js');
 const guid = require('./guid-b270f0db.js');
-const dom = require('./dom-0de9fb18.js');
-const label = require('./label-1bca211b.js');
-const form = require('./form-4b7c317e.js');
+const dom = require('./dom-f3df220d.js');
+const label = require('./label-6b18ca08.js');
+const form = require('./form-237cf392.js');
 const array = require('./array-a5dedf5a.js');
 
 const CSS = {

package/dist/cjs/calcite-radio-group_2.cjs.entry.js

@@ -7,9 +7,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-6b5d2de5.js');
-const dom = require('./dom-0de9fb18.js');
-const label = require('./label-1bca211b.js');
-const form = require('./form-4b7c317e.js');
+const dom = require('./dom-f3df220d.js');
+const label = require('./label-6b18ca08.js');
+const form = require('./form-237cf392.js');
 require('./guid-b270f0db.js');
 
 const calciteRadioGroupCss = "@-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-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{display:-ms-flexbox;display:flex;background-color:var(--calcite-ui-foreground-1);width:-moz-fit-content;width:-webkit-fit-content;width:fit-content;outline:1px solid var(--calcite-ui-border-input);outline-offset:-1px}:host([layout=vertical]){-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start;-ms-flex-item-align:start;align-self:flex-start}:host([width=full]){width:100%;min-width:-moz-fit-content;min-width:-webkit-fit-content;min-width:fit-content}:host([width=full]) ::slotted(calcite-radio-group-item){-ms-flex:1 1 auto;flex:1 1 auto}:host([width=full][layout=vertical]) ::slotted(calcite-radio-group-item){-ms-flex-pack:start;justify-content:flex-start}::slotted(calcite-radio-group-item[checked]),::slotted(calcite-radio-group-item:focus){z-index:0}:host([disabled]){pointer-events:none;opacity:var(--calcite-ui-opacity-disabled)}::slotted(input[slot=hidden-form-input]){bottom:0 !important;left:0 !important;margin:0 !important;opacity:0 !important;outline:none !important;padding:0 !important;position:absolute !important;right:0 !important;top:0 !important;-webkit-transform:none !important;transform:none !important;-webkit-appearance:none !important;z-index:-1 !important}";

package/dist/cjs/calcite-rating.cjs.entry.js

@@ -8,9 +8,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-6b5d2de5.js');
 const guid = require('./guid-b270f0db.js');
-const label = require('./label-1bca211b.js');
-const form = require('./form-4b7c317e.js');
-require('./dom-0de9fb18.js');
+const label = require('./label-6b18ca08.js');
+const form = require('./form-237cf392.js');
+require('./dom-f3df220d.js');
 
 const TEXT = {
   rating: "Rating",

package/dist/cjs/calcite-shell_3.cjs.entry.js

@@ -7,7 +7,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-6b5d2de5.js');
-const dom = require('./dom-0de9fb18.js');
+const dom = require('./dom-f3df220d.js');
 const conditionalSlot = require('./conditionalSlot-92505fba.js');
 const math = require('./math-145c80e2.js');
 require('./guid-b270f0db.js');

package/dist/cjs/calcite-stepper_2.cjs.entry.js

@@ -7,7 +7,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-6b5d2de5.js');
-const dom = require('./dom-0de9fb18.js');
+const dom = require('./dom-f3df220d.js');
 require('./guid-b270f0db.js');
 
 const calciteStepperCss = "@-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-popper-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host{position:relative;display:-ms-flexbox;display:flex;width:100%;min-width:100%;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:stretch;align-items:stretch;-ms-flex-pack:justify;justify-content:space-between}:host([layout=vertical]){-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-direction:column;flex-direction:column}:host ::slotted(.calcite-stepper-content){display:-ms-flexbox;display:flex;width:100%;min-width:100%;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap}";