@esri/calcite-components 1.0.0-next.548 → 1.0.0-next.550

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

@@ -1,18 +1,19 @@
 /*!
  * 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.548
+ * v1.0.0-next.550
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-4df0b5ae.js';
-import { T as TEXT, d as dateToISO, a as dateFromISO, b as dateFromRange, g as getLocaleData, s as sameDate, p as parseDateString, i as inRange } from './resources-09adf178.js';
-import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-80bf2ab3.js';
-import { s as submitForm, c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-c5d2e812.js';
-import { d as defaultMenuPlacement, f as filterComputedPlacements, c as connectFloatingUI, p as positionFloatingUI, a as disconnectFloatingUI, F as FloatingCSS } from './floating-ui-7da43d04.js';
-import { u as updateHostInteraction } from './interactive-d35faa43.js';
-import { t as toAriaBoolean } from './dom-601ed117.js';
-import './locale-15a35363.js';
-import './key-4bea50e2.js';
-import './guid-b1a20285.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-b4b9726a.js';
+import { T as TEXT, d as dateToISO, a as dateFromISO, b as dateFromRange, g as getLocaleData, s as sameDate, p as parseDateString, i as inRange } from './resources-38765b6d.js';
+import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-a3061a74.js';
+import { s as submitForm, c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-9abb49da.js';
+import { d as defaultMenuPlacement, f as filterComputedPlacements, c as connectFloatingUI, p as positionFloatingUI, a as disconnectFloatingUI, F as FloatingCSS } from './floating-ui-a9192b6f.js';
+import { u as updateHostInteraction } from './interactive-bcc3d971.js';
+import { t as toAriaBoolean } from './dom-1107319e.js';
+import { c as connectOpenCloseComponent, d as disconnectOpenCloseComponent } from './openCloseComponent-c7e56ce5.js';
+import './locale-3630c8f9.js';
+import './key-46287a0e.js';
+import './guid-9ce3d120.js';
 
 const CSS = {
   menu: "menu-container",
@@ -24,13 +25,13 @@ const inputDatePickerCss = "@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@
 const InputDatePicker = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    this.calciteDatePickerChange = createEvent(this, "calciteDatePickerChange", 7);
-    this.calciteDatePickerRangeChange = createEvent(this, "calciteDatePickerRangeChange", 7);
-    this.calciteInputDatePickerChange = createEvent(this, "calciteInputDatePickerChange", 7);
-    this.calciteInputDatePickerBeforeClose = createEvent(this, "calciteInputDatePickerBeforeClose", 7);
-    this.calciteInputDatePickerClose = createEvent(this, "calciteInputDatePickerClose", 7);
-    this.calciteInputDatePickerBeforeOpen = createEvent(this, "calciteInputDatePickerBeforeOpen", 7);
-    this.calciteInputDatePickerOpen = createEvent(this, "calciteInputDatePickerOpen", 7);
+    this.calciteDatePickerChange = createEvent(this, "calciteDatePickerChange", 6);
+    this.calciteDatePickerRangeChange = createEvent(this, "calciteDatePickerRangeChange", 6);
+    this.calciteInputDatePickerChange = createEvent(this, "calciteInputDatePickerChange", 6);
+    this.calciteInputDatePickerBeforeClose = createEvent(this, "calciteInputDatePickerBeforeClose", 6);
+    this.calciteInputDatePickerClose = createEvent(this, "calciteInputDatePickerClose", 6);
+    this.calciteInputDatePickerBeforeOpen = createEvent(this, "calciteInputDatePickerBeforeOpen", 6);
+    this.calciteInputDatePickerOpen = createEvent(this, "calciteInputDatePickerOpen", 6);
     //--------------------------------------------------------------------------
     //
     //  Public Properties
@@ -97,11 +98,7 @@ const InputDatePicker = class {
     /** Layout */
     this.layout = "horizontal";
     this.focusedInput = "start";
-    this.activeTransitionProp = "opacity";
-    this.setContainerEl = (el) => {
-      this.containerEl = el;
-      this.containerEl.addEventListener("transitionstart", this.transitionStartHandler);
-    };
+    this.openTransitionProp = "opacity";
     //--------------------------------------------------------------------------
     //
     //  Private Methods
@@ -113,15 +110,9 @@ const InputDatePicker = class {
         ? filterComputedPlacements(flipPlacements, el)
         : null;
     };
-    this.transitionStartHandler = (event) => {
-      if (event.propertyName === this.activeTransitionProp && event.target === this.containerEl) {
-        this.open ? this.onBeforeOpen() : this.onBeforeClose();
-      }
-    };
-    this.transitionEnd = (event) => {
-      if (event.propertyName === this.activeTransitionProp && event.target === this.containerEl) {
-        this.open ? this.onOpen() : this.onClose();
-      }
+    this.setTransitionEl = (el) => {
+      this.transitionEl = el;
+      connectOpenCloseComponent(this);
     };
     this.setStartInput = (el) => {
       this.startInput = el;
@@ -318,6 +309,7 @@ const InputDatePicker = class {
     }
     connectLabel(this);
     connectForm(this);
+    connectOpenCloseComponent(this);
     this.reposition();
     this.setFilteredPlacements();
   }
@@ -330,11 +322,10 @@ const InputDatePicker = class {
     this.reposition();
   }
   disconnectedCallback() {
-    var _a;
-    (_a = this.containerEl) === null || _a === void 0 ? void 0 : _a.removeEventListener("transitionstart", this.transitionStartHandler);
     disconnectLabel(this);
     disconnectForm(this);
     disconnectFloatingUI(this, this.referenceEl, this.floatingEl);
+    disconnectOpenCloseComponent(this);
   }
   componentDidRender() {
     updateHostInteraction(this);
@@ -356,7 +347,7 @@ const InputDatePicker = class {
         ["calendar-picker-wrapper--end"]: this.focusedInput === "end",
         [FloatingCSS.animation]: true,
         [FloatingCSS.animationActive]: this.open
-      }, onTransitionEnd: this.transitionEnd, ref: this.setContainerEl }, h("calcite-date-picker", { activeRange: this.focusedInput, endAsDate: this.endAsDate, headingLevel: this.headingLevel, intlNextMonth: this.intlNextMonth, intlPrevMonth: this.intlPrevMonth, intlYear: this.intlYear, locale: this.locale, max: this.max, maxAsDate: this.maxAsDate, min: this.min, minAsDate: this.minAsDate, onCalciteDatePickerChange: this.handleDateChange, onCalciteDatePickerRangeChange: this.handleDateRangeChange, proximitySelectionDisabled: this.proximitySelectionDisabled, range: this.range, scale: this.scale, startAsDate: this.startAsDate, tabIndex: 0, valueAsDate: this.valueAsDate }))), this.range && this.layout === "horizontal" && (h("div", { class: "horizontal-arrow-container" }, h("calcite-icon", { flipRtl: true, icon: "arrow-right", scale: "s" }))), this.range && this.layout === "vertical" && this.scale !== "s" && (h("div", { class: "vertical-arrow-container" }, h("calcite-icon", { icon: "arrow-down", scale: "s" }))), this.range && (h("div", { class: "input-wrapper", ref: this.setEndWrapper }, h("calcite-input", { class: {
+      }, ref: this.setTransitionEl }, h("calcite-date-picker", { activeRange: this.focusedInput, endAsDate: this.endAsDate, headingLevel: this.headingLevel, intlNextMonth: this.intlNextMonth, intlPrevMonth: this.intlPrevMonth, intlYear: this.intlYear, locale: this.locale, max: this.max, maxAsDate: this.maxAsDate, min: this.min, minAsDate: this.minAsDate, onCalciteDatePickerChange: this.handleDateChange, onCalciteDatePickerRangeChange: this.handleDateRangeChange, proximitySelectionDisabled: this.proximitySelectionDisabled, range: this.range, scale: this.scale, startAsDate: this.startAsDate, tabIndex: 0, valueAsDate: this.valueAsDate }))), this.range && this.layout === "horizontal" && (h("div", { class: "horizontal-arrow-container" }, h("calcite-icon", { flipRtl: true, icon: "arrow-right", scale: "s" }))), this.range && this.layout === "vertical" && this.scale !== "s" && (h("div", { class: "vertical-arrow-container" }, h("calcite-icon", { icon: "arrow-down", scale: "s" }))), this.range && (h("div", { class: "input-wrapper", ref: this.setEndWrapper }, h("calcite-input", { class: {
         input: true,
         "border-top-color-one": this.layout === "vertical" && this.range
       }, disabled: disabled, icon: "calendar", "number-button-type": "none", onCalciteInputInput: this.inputInput, onCalciteInternalInputBlur: this.inputBlur, onCalciteInternalInputFocus: this.endInputFocus, placeholder: (_b = this.localeData) === null || _b === void 0 ? void 0 : _b.placeholder, readOnly: readOnly, ref: this.setEndInput, scale: this.scale, type: "text", value: formattedEndDate }))))), h(HiddenFormInputSlot, { component: this })));

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

@@ -1,11 +1,11 @@
 /*!
  * 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.548
+ * v1.0.0-next.550
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-4df0b5ae.js';
-import { s as setRequestedIcon, d as getElementProp } from './dom-601ed117.js';
-import './guid-b1a20285.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-b4b9726a.js';
+import { s as setRequestedIcon, d as getElementProp } from './dom-1107319e.js';
+import './guid-9ce3d120.js';
 
 var StatusIconDefaults;
 (function (StatusIconDefaults) {

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

@@ -1,18 +1,18 @@
 /*!
  * 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.548
+ * v1.0.0-next.550
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-4df0b5ae.js';
-import { T as TEXT$1, g as getSlotted, s as setRequestedIcon, d as getElementProp, a as getElementDir, C as CSS_UTILITY } from './dom-601ed117.js';
-import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-80bf2ab3.js';
-import { s as submitForm, c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-c5d2e812.js';
-import { d as delocalizeNumberString, i as isValidNumber, p as parseNumberString, g as getDecimalSeparator, l as localizeNumberString, s as sanitizeNumberString } from './locale-15a35363.js';
-import { n as numberKeys } from './key-4bea50e2.js';
-import { d as decimalPlaces } from './math-1b218643.js';
-import { c as createObserver } from './observers-b252236c.js';
-import { u as updateHostInteraction } from './interactive-d35faa43.js';
-import './guid-b1a20285.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-b4b9726a.js';
+import { T as TEXT$1, g as getSlotted, s as setRequestedIcon, d as getElementProp, a as getElementDir, C as CSS_UTILITY } from './dom-1107319e.js';
+import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-a3061a74.js';
+import { s as submitForm, c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-9abb49da.js';
+import { d as delocalizeNumberString, i as isValidNumber, p as parseNumberString, g as getDecimalSeparator, l as localizeNumberString, s as sanitizeNumberString } from './locale-3630c8f9.js';
+import { n as numberKeys } from './key-46287a0e.js';
+import { d as decimalPlaces } from './math-b39c302f.js';
+import { c as createObserver } from './observers-07f924e8.js';
+import { u as updateHostInteraction } from './interactive-bcc3d971.js';
+import './guid-9ce3d120.js';
 
 const CSS = {
   loader: "loader",
@@ -42,10 +42,10 @@ const inputNumberCss = "@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyf
 const InputNumber = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    this.calciteInternalInputNumberFocus = createEvent(this, "calciteInternalInputNumberFocus", 7);
-    this.calciteInternalInputNumberBlur = createEvent(this, "calciteInternalInputNumberBlur", 7);
+    this.calciteInternalInputNumberFocus = createEvent(this, "calciteInternalInputNumberFocus", 6);
+    this.calciteInternalInputNumberBlur = createEvent(this, "calciteInternalInputNumberBlur", 6);
     this.calciteInputNumberInput = createEvent(this, "calciteInputNumberInput", 7);
-    this.calciteInputNumberChange = createEvent(this, "calciteInputNumberChange", 7);
+    this.calciteInputNumberChange = createEvent(this, "calciteInputNumberChange", 6);
     //--------------------------------------------------------------------------
     //
     //  Properties

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

@@ -1,15 +1,15 @@
 /*!
  * 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.548
+ * v1.0.0-next.550
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-4df0b5ae.js';
-import { T as TEXT$1, g as getSlotted, s as setRequestedIcon, d as getElementProp, a as getElementDir, C as CSS_UTILITY } from './dom-601ed117.js';
-import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-80bf2ab3.js';
-import { s as submitForm, c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-c5d2e812.js';
-import { c as createObserver } from './observers-b252236c.js';
-import { u as updateHostInteraction } from './interactive-d35faa43.js';
-import './guid-b1a20285.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-b4b9726a.js';
+import { T as TEXT$1, g as getSlotted, s as setRequestedIcon, d as getElementProp, a as getElementDir, C as CSS_UTILITY } from './dom-1107319e.js';
+import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-a3061a74.js';
+import { s as submitForm, c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-9abb49da.js';
+import { c as createObserver } from './observers-07f924e8.js';
+import { u as updateHostInteraction } from './interactive-bcc3d971.js';
+import './guid-9ce3d120.js';
 
 const CSS = {
   loader: "loader",

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

@@ -1,16 +1,16 @@
 /*!
  * 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.548
+ * v1.0.0-next.550
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-4df0b5ae.js';
-import { g as guid } from './guid-b1a20285.js';
-import { i as isValidNumber } from './locale-15a35363.js';
-import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-80bf2ab3.js';
-import { s as submitForm, c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-c5d2e812.js';
-import { u as updateHostInteraction } from './interactive-d35faa43.js';
-import { n as numberKeys, i as isActivationKey } from './key-4bea50e2.js';
-import './dom-601ed117.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-b4b9726a.js';
+import { g as guid } from './guid-9ce3d120.js';
+import { i as isValidNumber } from './locale-3630c8f9.js';
+import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-a3061a74.js';
+import { s as submitForm, c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-9abb49da.js';
+import { u as updateHostInteraction } from './interactive-bcc3d971.js';
+import { n as numberKeys, i as isActivationKey } from './key-46287a0e.js';
+import './dom-1107319e.js';
 
 const maxTenthForMinuteAndSecond = 5;
 function createLocaleDateTimeFormatter(locale, includeSeconds = true) {
@@ -487,9 +487,9 @@ function capitalize(str) {
 const TimePicker = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    this.calciteInternalTimePickerBlur = createEvent(this, "calciteInternalTimePickerBlur", 7);
-    this.calciteInternalTimePickerChange = createEvent(this, "calciteInternalTimePickerChange", 7);
-    this.calciteInternalTimePickerFocus = createEvent(this, "calciteInternalTimePickerFocus", 7);
+    this.calciteInternalTimePickerBlur = createEvent(this, "calciteInternalTimePickerBlur", 6);
+    this.calciteInternalTimePickerChange = createEvent(this, "calciteInternalTimePickerChange", 6);
+    this.calciteInternalTimePickerFocus = createEvent(this, "calciteInternalTimePickerFocus", 6);
     //--------------------------------------------------------------------------
     //
     //  Properties

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

@@ -1,18 +1,18 @@
 /*!
  * 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.548
+ * v1.0.0-next.550
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-4df0b5ae.js';
-import { T as TEXT$1, g as getSlotted, s as setRequestedIcon, d as getElementProp, a as getElementDir, C as CSS_UTILITY } from './dom-601ed117.js';
-import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-80bf2ab3.js';
-import { s as submitForm, c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-c5d2e812.js';
-import { d as delocalizeNumberString, i as isValidNumber, p as parseNumberString, g as getDecimalSeparator, l as localizeNumberString, s as sanitizeNumberString } from './locale-15a35363.js';
-import { n as numberKeys } from './key-4bea50e2.js';
-import { d as decimalPlaces } from './math-1b218643.js';
-import { c as createObserver } from './observers-b252236c.js';
-import { u as updateHostInteraction } from './interactive-d35faa43.js';
-import './guid-b1a20285.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-b4b9726a.js';
+import { T as TEXT$1, g as getSlotted, s as setRequestedIcon, d as getElementProp, a as getElementDir, C as CSS_UTILITY } from './dom-1107319e.js';
+import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-a3061a74.js';
+import { s as submitForm, c as connectForm, d as disconnectForm, H as HiddenFormInputSlot } from './form-9abb49da.js';
+import { d as delocalizeNumberString, i as isValidNumber, p as parseNumberString, g as getDecimalSeparator, l as localizeNumberString, s as sanitizeNumberString } from './locale-3630c8f9.js';
+import { n as numberKeys } from './key-46287a0e.js';
+import { d as decimalPlaces } from './math-b39c302f.js';
+import { c as createObserver } from './observers-07f924e8.js';
+import { u as updateHostInteraction } from './interactive-bcc3d971.js';
+import './guid-9ce3d120.js';
 
 const CSS = {
   loader: "loader",
@@ -50,10 +50,10 @@ const inputCss = "@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes
 const Input = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    this.calciteInternalInputFocus = createEvent(this, "calciteInternalInputFocus", 7);
-    this.calciteInternalInputBlur = createEvent(this, "calciteInternalInputBlur", 7);
+    this.calciteInternalInputFocus = createEvent(this, "calciteInternalInputFocus", 6);
+    this.calciteInternalInputBlur = createEvent(this, "calciteInternalInputBlur", 6);
     this.calciteInputInput = createEvent(this, "calciteInputInput", 7);
-    this.calciteInputChange = createEvent(this, "calciteInputChange", 7);
+    this.calciteInputChange = createEvent(this, "calciteInputChange", 6);
     //--------------------------------------------------------------------------
     //
     //  Properties

package/dist/esm/calcite-label.entry.js

@@ -1,12 +1,12 @@
 /*!
  * 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.548
+ * v1.0.0-next.550
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-4df0b5ae.js';
-import { l as labelConnectedEvent, a as labelDisconnectedEvent } from './label-80bf2ab3.js';
-import './dom-601ed117.js';
-import './guid-b1a20285.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-b4b9726a.js';
+import { l as labelConnectedEvent, a as labelDisconnectedEvent } from './label-a3061a74.js';
+import './dom-1107319e.js';
+import './guid-9ce3d120.js';
 
 const CSS = {
   container: "container"
@@ -17,7 +17,7 @@ const labelCss = "@-webkit-keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes
 const Label = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    this.calciteInternalLabelClick = createEvent(this, "calciteInternalLabelClick", 3);
+    this.calciteInternalLabelClick = createEvent(this, "calciteInternalLabelClick", 2);
     //--------------------------------------------------------------------------
     //
     //  Properties

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

@@ -1,12 +1,12 @@
 /*!
  * 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.548
+ * v1.0.0-next.550
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-4df0b5ae.js';
-import { a as getElementDir, C as CSS_UTILITY, f as focusElement } from './dom-601ed117.js';
-import { u as updateHostInteraction } from './interactive-d35faa43.js';
-import './guid-b1a20285.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-b4b9726a.js';
+import { a as getElementDir, C as CSS_UTILITY, f as focusElement } from './dom-1107319e.js';
+import { u as updateHostInteraction } from './interactive-bcc3d971.js';
+import './guid-9ce3d120.js';
 
 const linkCss = "@-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: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: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;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-color:transparent}:host a:focus,:host span:focus{outline:2px solid var(--calcite-ui-brand);outline-offset:-2px}calcite-icon{inline-size:1em;block-size:1em;min-inline-size:unset;min-block-size:unset}.calcite-link--icon{vertical-align:text-top;-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;-webkit-margin-before:0.125rem;margin-block-start:0.125rem}: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: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;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%}:host([disabled]) ::slotted([calcite-hydrated][disabled]),:host([disabled]) [calcite-hydrated][disabled]{opacity:1}";
 

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

@@ -1,15 +1,15 @@
 /*!
  * 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.548
+ * v1.0.0-next.550
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-4df0b5ae.js';
-import { u as updateHostInteraction } from './interactive-d35faa43.js';
-import { g as getSlotted } from './dom-601ed117.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-9265c020.js';
-import { H as Heading, c as constrainHeadingLevel } from './Heading-1bb100f0.js';
-import './guid-b1a20285.js';
-import './observers-b252236c.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-b4b9726a.js';
+import { u as updateHostInteraction } from './interactive-bcc3d971.js';
+import { g as getSlotted } from './dom-1107319e.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-0f3dc93a.js';
+import { H as Heading, c as constrainHeadingLevel } from './Heading-c4abdb3c.js';
+import './guid-9ce3d120.js';
+import './observers-07f924e8.js';
 
 const CSS$2 = {
   container: "container"

package/dist/esm/calcite-loader.entry.js

@@ -1,10 +1,10 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.548
+ * v1.0.0-next.550
  */
-import { r as registerInstance, h, H as Host, g as getElement } from './index-4df0b5ae.js';
-import { g as guid } from './guid-b1a20285.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-b4b9726a.js';
+import { g as guid } from './guid-9ce3d120.js';
 
 const loaderCss = "@charset \"UTF-8\";@-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{position:relative;margin-inline:auto;display:none;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;opacity:1;min-block-size:var(--calcite-loader-size);font-size:var(--calcite-loader-font-size);stroke:var(--calcite-ui-brand);stroke-width:3;fill:none;-webkit-transform:scale(1, 1);transform:scale(1, 1);animation:loader-color-shift 6s alternate-reverse infinite linear;padding-block:var(--calcite-loader-padding, 4rem)}:host([scale=s]){--calcite-loader-font-size:var(--calcite-font-size--2);--calcite-loader-size:2rem;--calcite-loader-size-inline:0.75rem}:host([scale=m]){--calcite-loader-font-size:var(--calcite-font-size-0);--calcite-loader-size:4rem;--calcite-loader-size-inline:1rem}:host([scale=l]){--calcite-loader-font-size:var(--calcite-font-size-2);--calcite-loader-size:6rem;--calcite-loader-size-inline:1.5rem}:host([no-padding]){padding-block:0px}:host{display:none}:host([active]){display:-ms-flexbox;display:flex}.loader__text{display:block;text-align:center;font-size:var(--calcite-font-size--2);line-height:1rem;color:var(--calcite-ui-text-1);-webkit-margin-before:calc(var(--calcite-loader-size) + 1.5rem);margin-block-start:calc(var(--calcite-loader-size) + 1.5rem)}.loader__percentage{position:absolute;display:block;text-align:center;color:var(--calcite-ui-text-1);font-size:var(--calcite-loader-font-size);inline-size:var(--calcite-loader-size);inset-inline-start:50%;-webkit-margin-start:calc(var(--calcite-loader-size) / 2 * -1);margin-inline-start:calc(var(--calcite-loader-size) / 2 * -1);line-height:0.25;-webkit-transform:scale(1, 1);transform:scale(1, 1)}.loader__svgs{position:absolute;overflow:visible;opacity:1;inline-size:var(--calcite-loader-size);block-size:var(--calcite-loader-size);inset-inline-start:50%;-webkit-margin-start:calc(var(--calcite-loader-size) / 2 * -1);margin-inline-start:calc(var(--calcite-loader-size) / 2 * -1);-webkit-transform:scale(1, 1);transform:scale(1, 1)}.loader__svg{position:absolute;inset-block-start:0px;inset-inline-start:0px;-webkit-transform-origin:center;transform-origin:center;overflow:visible;inline-size:var(--calcite-loader-size);block-size:var(--calcite-loader-size);-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-name:loader-clockwise;animation-name:loader-clockwise}@supports (display: grid){.loader__svg--1{-webkit-animation-name:loader-offset-1;animation-name:loader-offset-1}.loader__svg--2{-webkit-animation-name:loader-offset-2;animation-name:loader-offset-2}.loader__svg--3{-webkit-animation-name:loader-offset-3;animation-name:loader-offset-3}}:host([type=determinate]){-webkit-animation:none;animation:none;stroke:var(--calcite-ui-border-3)}:host([type=determinate]) .loader__svg--3{-webkit-animation:none;animation:none;stroke:var(--calcite-ui-brand);stroke-dasharray:150.79632;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transition:all var(--calcite-internal-animation-timing-fast) linear;transition:all var(--calcite-internal-animation-timing-fast) linear}:host([inline]){position:relative;margin:0px;-webkit-animation:none;animation:none;stroke:currentColor;stroke-width:2;padding-block:0px;block-size:var(--calcite-loader-size-inline);min-block-size:var(--calcite-loader-size-inline);inline-size:var(--calcite-loader-size-inline);-webkit-margin-end:calc(var(--calcite-loader-size-inline) * 0.5);margin-inline-end:calc(var(--calcite-loader-size-inline) * 0.5);vertical-align:calc(var(--calcite-loader-size-inline) * -1 * 0.2)}:host([active][inline]){display:inline-block}:host([inline]) .loader__svgs{inset-block-start:0px;inset-inline-start:0px;margin:0px;inline-size:var(--calcite-loader-size-inline);block-size:var(--calcite-loader-size-inline)}:host([inline]) .loader__svg{inline-size:var(--calcite-loader-size-inline);block-size:var(--calcite-loader-size-inline)}:host([complete]){opacity:0;-webkit-transform:scale(0.75, 0.75);transform:scale(0.75, 0.75);-webkit-transform-origin:center;transform-origin:center;-webkit-transition:opacity var(--calcite-internal-animation-timing-medium) linear 1000ms, -webkit-transform var(--calcite-internal-animation-timing-medium) linear 1000ms;transition:opacity var(--calcite-internal-animation-timing-medium) linear 1000ms, -webkit-transform var(--calcite-internal-animation-timing-medium) linear 1000ms;transition:opacity var(--calcite-internal-animation-timing-medium) linear 1000ms, transform var(--calcite-internal-animation-timing-medium) linear 1000ms;transition:opacity var(--calcite-internal-animation-timing-medium) linear 1000ms, transform var(--calcite-internal-animation-timing-medium) linear 1000ms, -webkit-transform var(--calcite-internal-animation-timing-medium) linear 1000ms}:host([complete]) .loader__svgs{opacity:0;-webkit-transform:scale(0.75, 0.75);transform:scale(0.75, 0.75);-webkit-transform-origin:center;transform-origin:center;-webkit-transition:opacity calc(180ms * var(--calcite-internal-duration-factor)) linear 800ms, -webkit-transform calc(180ms * var(--calcite-internal-duration-factor)) linear 800ms;transition:opacity calc(180ms * var(--calcite-internal-duration-factor)) linear 800ms, -webkit-transform calc(180ms * var(--calcite-internal-duration-factor)) linear 800ms;transition:opacity calc(180ms * var(--calcite-internal-duration-factor)) linear 800ms, transform calc(180ms * var(--calcite-internal-duration-factor)) linear 800ms;transition:opacity calc(180ms * var(--calcite-internal-duration-factor)) linear 800ms, transform calc(180ms * var(--calcite-internal-duration-factor)) linear 800ms, -webkit-transform calc(180ms * var(--calcite-internal-duration-factor)) linear 800ms}:host([complete]) .loader__percentage{color:var(--calcite-ui-brand);-webkit-transform:scale(1.05, 1.05);transform:scale(1.05, 1.05);-webkit-transform-origin:center;transform-origin:center;-webkit-transition:color var(--calcite-internal-animation-timing-medium) linear, -webkit-transform var(--calcite-internal-animation-timing-medium) linear;transition:color var(--calcite-internal-animation-timing-medium) linear, -webkit-transform var(--calcite-internal-animation-timing-medium) linear;transition:color var(--calcite-internal-animation-timing-medium) linear, transform var(--calcite-internal-animation-timing-medium) linear;transition:color var(--calcite-internal-animation-timing-medium) linear, transform var(--calcite-internal-animation-timing-medium) linear, -webkit-transform var(--calcite-internal-animation-timing-medium) linear}.loader__svg--1{stroke-dasharray:27.9252444444% 139.6262222222%;-webkit-animation-duration:0.72s;animation-duration:0.72s}@-webkit-keyframes loader-offset-1{0%{stroke-dasharray:27.9252444444% 251.3272%;stroke-dashoffset:0}50%{stroke-dasharray:139.6262222222% 139.6262222222%;stroke-dashoffset:-83.7757333333%}100%{stroke-dasharray:27.9252444444% 251.3272%;stroke-dashoffset:-279.2524444444%}}@keyframes loader-offset-1{0%{stroke-dasharray:27.9252444444% 251.3272%;stroke-dashoffset:0}50%{stroke-dasharray:139.6262222222% 139.6262222222%;stroke-dashoffset:-83.7757333333%}100%{stroke-dasharray:27.9252444444% 251.3272%;stroke-dashoffset:-279.2524444444%}}.loader__svg--2{stroke-dasharray:55.8504888889% 139.6262222222%;-webkit-animation-duration:0.96s;animation-duration:0.96s}@-webkit-keyframes loader-offset-2{0%{stroke-dasharray:55.8504888889% 223.4019555556%;stroke-dashoffset:0}50%{stroke-dasharray:139.6262222222% 139.6262222222%;stroke-dashoffset:-97.7383555556%}100%{stroke-dasharray:55.8504888889% 223.4019555556%;stroke-dashoffset:-279.2524444444%}}@keyframes loader-offset-2{0%{stroke-dasharray:55.8504888889% 223.4019555556%;stroke-dashoffset:0}50%{stroke-dasharray:139.6262222222% 139.6262222222%;stroke-dashoffset:-97.7383555556%}100%{stroke-dasharray:55.8504888889% 223.4019555556%;stroke-dashoffset:-279.2524444444%}}.loader__svg--3{stroke-dasharray:13.9626222222% 139.6262222222%;-webkit-animation-duration:1.16s;animation-duration:1.16s}@-webkit-keyframes loader-offset-3{0%{stroke-dasharray:13.9626222222% 265.2898222222%;stroke-dashoffset:0}50%{stroke-dasharray:139.6262222222% 139.6262222222%;stroke-dashoffset:-76.7944222222%}100%{stroke-dasharray:13.9626222222% 265.2898222222%;stroke-dashoffset:-279.2524444444%}}@keyframes loader-offset-3{0%{stroke-dasharray:13.9626222222% 265.2898222222%;stroke-dashoffset:0}50%{stroke-dasharray:139.6262222222% 139.6262222222%;stroke-dashoffset:-76.7944222222%}100%{stroke-dasharray:13.9626222222% 265.2898222222%;stroke-dashoffset:-279.2524444444%}}@-webkit-keyframes loader-color-shift{0%{stroke:var(--calcite-ui-brand)}33%{stroke:var(--calcite-ui-brand-press)}66%{stroke:var(--calcite-ui-brand-hover)}100%{stroke:var(--calcite-ui-brand)}}@keyframes loader-color-shift{0%{stroke:var(--calcite-ui-brand)}33%{stroke:var(--calcite-ui-brand-press)}66%{stroke:var(--calcite-ui-brand-hover)}100%{stroke:var(--calcite-ui-brand)}}@-webkit-keyframes loader-clockwise{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes loader-clockwise{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}";