@esri/calcite-components 1.0.0-next.653 → 1.0.0-next.654

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

@@ -1,24 +1,24 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.653
+ * v1.0.0-next.654
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-11cbd6ae.js');
-const dom = require('./dom-8db20575.js');
-const label = require('./label-f2b57841.js');
-const form = require('./form-df338099.js');
-const locale = require('./locale-ad2e4def.js');
-const key = require('./key-5efe25db.js');
-const resources = require('./resources-61c779db.js');
-const math = require('./math-e3bf7036.js');
-const observers = require('./observers-1cb80ad6.js');
-const interactive = require('./interactive-12572356.js');
-const loadable = require('./loadable-fdc027c5.js');
-require('./guid-7c9bf705.js');
+const index = require('./index-483dbe04.js');
+const dom = require('./dom-f3870c02.js');
+const label = require('./label-bb7baad0.js');
+const form = require('./form-6fbeeffb.js');
+const locale = require('./locale-66bb4c04.js');
+const key = require('./key-64fe2d0d.js');
+const resources = require('./resources-e34dd4ef.js');
+const math = require('./math-168daa90.js');
+const observers = require('./observers-265cc6fd.js');
+const interactive = require('./interactive-134aafb0.js');
+const loadable = require('./loadable-9ea89e06.js');
+require('./guid-01d6fefc.js');
 
 const CSS = {
   loader: "loader",
@@ -341,13 +341,11 @@ const InputNumber = class {
   }
   /** watcher to update number-to-string for max */
   maxWatcher() {
-    var _a;
-    this.maxString = ((_a = this.max) === null || _a === void 0 ? void 0 : _a.toString()) || null;
+    this.maxString = this.max?.toString() || null;
   }
   /** watcher to update number-to-string for min */
   minWatcher() {
-    var _a;
-    this.minString = ((_a = this.min) === null || _a === void 0 ? void 0 : _a.toString()) || null;
+    this.minString = this.min?.toString() || null;
   }
   valueWatcher(newValue, previousValue) {
     if (!this.userChangedValue) {
@@ -376,7 +374,6 @@ const InputNumber = class {
   //
   //--------------------------------------------------------------------------
   connectedCallback() {
-    var _a;
     locale.connectLocalized(this);
     this.scale = dom.getElementProp(this.el, "scale", this.scale);
     this.status = dom.getElementProp(this.el, "status", this.status);
@@ -393,7 +390,7 @@ const InputNumber = class {
       origin: "connected",
       value: locale.isValidNumber(this.value) ? this.value : ""
     });
-    (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.observe(this.el, { childList: true });
+    this.mutationObserver?.observe(this.el, { childList: true });
     this.setDisabledAction();
     this.el.addEventListener("calciteInternalHiddenInputChange", this.hiddenInputChangeHandler);
   }
@@ -401,18 +398,16 @@ const InputNumber = class {
     loadable.setComponentLoaded(this);
   }
   disconnectedCallback() {
-    var _a;
     label.disconnectLabel(this);
     form.disconnectForm(this);
     locale.disconnectLocalized(this);
-    (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
+    this.mutationObserver?.disconnect();
     this.el.removeEventListener("calciteInternalHiddenInputChange", this.hiddenInputChangeHandler);
   }
   componentWillLoad() {
-    var _a, _b;
     loadable.setUpLoadableComponent(this);
-    this.maxString = (_a = this.max) === null || _a === void 0 ? void 0 : _a.toString();
-    this.minString = (_b = this.min) === null || _b === void 0 ? void 0 : _b.toString();
+    this.maxString = this.max?.toString();
+    this.minString = this.min?.toString();
     this.requestedIcon = dom.setRequestedIcon({}, this.icon, "number");
   }
   componentShouldUpdate(newValue, oldValue, property) {
@@ -435,14 +430,12 @@ const InputNumber = class {
   //--------------------------------------------------------------------------
   /** Sets focus on the component. */
   async setFocus() {
-    var _a;
     await loadable.componentLoaded(this);
-    (_a = this.childNumberEl) === null || _a === void 0 ? void 0 : _a.focus();
+    this.childNumberEl?.focus();
   }
   /** Selects all text of the component's `value`. */
   async selectText() {
-    var _a;
-    (_a = this.childNumberEl) === null || _a === void 0 ? void 0 : _a.select();
+    this.childNumberEl?.select();
   }
   onLabelClick() {
     this.setFocus();
@@ -473,10 +466,9 @@ const InputNumber = class {
     });
   }
   syncHiddenFormInput(input) {
-    var _a, _b, _c, _d;
     input.type = "number";
-    input.min = (_b = (_a = this.min) === null || _a === void 0 ? void 0 : _a.toString(10)) !== null && _b !== void 0 ? _b : "";
-    input.max = (_d = (_c = this.max) === null || _c === void 0 ? void 0 : _c.toString(10)) !== null && _d !== void 0 ? _d : "";
+    input.min = this.min?.toString(10) ?? "";
+    input.max = this.max?.toString(10) ?? "";
   }
   setDisabledAction() {
     const slottedActionEl = dom.getSlotted(this.el, "action");

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

@@ -1,21 +1,21 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.653
+ * v1.0.0-next.654
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-11cbd6ae.js');
-const dom = require('./dom-8db20575.js');
-const label = require('./label-f2b57841.js');
-const form = require('./form-df338099.js');
-const resources = require('./resources-61c779db.js');
-const observers = require('./observers-1cb80ad6.js');
-const interactive = require('./interactive-12572356.js');
-const loadable = require('./loadable-fdc027c5.js');
-require('./guid-7c9bf705.js');
+const index = require('./index-483dbe04.js');
+const dom = require('./dom-f3870c02.js');
+const label = require('./label-bb7baad0.js');
+const form = require('./form-6fbeeffb.js');
+const resources = require('./resources-e34dd4ef.js');
+const observers = require('./observers-265cc6fd.js');
+const interactive = require('./interactive-134aafb0.js');
+const loadable = require('./loadable-9ea89e06.js');
+require('./guid-01d6fefc.js');
 
 const CSS = {
   loader: "loader",
@@ -214,7 +214,6 @@ const InputText = class {
   //
   //--------------------------------------------------------------------------
   connectedCallback() {
-    var _a;
     this.scale = dom.getElementProp(this.el, "scale", this.scale);
     this.status = dom.getElementProp(this.el, "status", this.status);
     this.inlineEditableEl = this.el.closest("calcite-inline-editable");
@@ -225,15 +224,14 @@ const InputText = class {
     this.setPreviousValue(this.value);
     label.connectLabel(this);
     form.connectForm(this);
-    (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.observe(this.el, { childList: true });
+    this.mutationObserver?.observe(this.el, { childList: true });
     this.setDisabledAction();
     this.el.addEventListener("calciteInternalHiddenInputChange", this.hiddenInputChangeHandler);
   }
   disconnectedCallback() {
-    var _a;
     label.disconnectLabel(this);
     form.disconnectForm(this);
-    (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
+    this.mutationObserver?.disconnect();
     this.el.removeEventListener("calciteInternalHiddenInputChange", this.hiddenInputChangeHandler);
   }
   componentWillLoad() {
@@ -253,14 +251,12 @@ const InputText = class {
   //--------------------------------------------------------------------------
   /** Sets focus on the component. */
   async setFocus() {
-    var _a;
     await loadable.componentLoaded(this);
-    (_a = this.childEl) === null || _a === void 0 ? void 0 : _a.focus();
+    this.childEl?.focus();
   }
   /** Selects all text of the component's `value`. */
   async selectText() {
-    var _a;
-    (_a = this.childEl) === null || _a === void 0 ? void 0 : _a.select();
+    this.childEl?.select();
   }
   onLabelClick() {
     this.setFocus();

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

@@ -1,23 +1,23 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.653
+ * v1.0.0-next.654
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-11cbd6ae.js');
-const guid = require('./guid-7c9bf705.js');
-const locale = require('./locale-ad2e4def.js');
-const label = require('./label-f2b57841.js');
-const form = require('./form-df338099.js');
-const interactive = require('./interactive-12572356.js');
-const key = require('./key-5efe25db.js');
-const loadable = require('./loadable-fdc027c5.js');
-require('./observers-1cb80ad6.js');
-require('./dom-8db20575.js');
-require('./resources-61c779db.js');
+const index = require('./index-483dbe04.js');
+const guid = require('./guid-01d6fefc.js');
+const locale = require('./locale-66bb4c04.js');
+const label = require('./label-bb7baad0.js');
+const form = require('./form-6fbeeffb.js');
+const interactive = require('./interactive-134aafb0.js');
+const key = require('./key-64fe2d0d.js');
+const loadable = require('./loadable-9ea89e06.js');
+require('./observers-265cc6fd.js');
+require('./dom-f3870c02.js');
+require('./resources-e34dd4ef.js');
 
 const maxTenthForMinuteAndSecond = 5;
 function createLocaleDateTimeFormatter(locale$1, numberingSystem, includeSeconds = true) {
@@ -60,7 +60,6 @@ function getLocaleHourCycle(locale, numberingSystem) {
   return getLocalizedTimePart("meridiem", parts) ? "12" : "24";
 }
 function getLocalizedTimePart(part, parts) {
-  var _a, _b, _c, _d;
   if (!part || !parts) {
     return null;
   }
@@ -69,7 +68,7 @@ function getLocalizedTimePart(part, parts) {
     const minuteIndex = parts.indexOf(parts.find(({ type }) => type === "minute"));
     const hourSuffix = parts[hourIndex + 1];
     return hourSuffix && hourSuffix.type === "literal" && minuteIndex - hourIndex === 2
-      ? ((_a = hourSuffix.value) === null || _a === void 0 ? void 0 : _a.trim()) || null
+      ? hourSuffix.value?.trim() || null
       : null;
   }
   if (part === "minuteSuffix") {
@@ -77,15 +76,15 @@ function getLocalizedTimePart(part, parts) {
     const secondIndex = parts.indexOf(parts.find(({ type }) => type === "second"));
     const minuteSuffix = parts[minuteIndex + 1];
     return minuteSuffix && minuteSuffix.type === "literal" && secondIndex - minuteIndex === 2
-      ? ((_b = minuteSuffix.value) === null || _b === void 0 ? void 0 : _b.trim()) || null
+      ? minuteSuffix.value?.trim() || null
       : null;
   }
   if (part === "secondSuffix") {
     const secondIndex = parts.indexOf(parts.find(({ type }) => type === "second"));
     const secondSuffix = parts[secondIndex + 1];
-    return secondSuffix && secondSuffix.type === "literal" ? ((_c = secondSuffix.value) === null || _c === void 0 ? void 0 : _c.trim()) || null : null;
+    return secondSuffix && secondSuffix.type === "literal" ? secondSuffix.value?.trim() || null : null;
   }
-  return ((_d = parts.find(({ type }) => (part == "meridiem" ? type === "dayPeriod" : type === part))) === null || _d === void 0 ? void 0 : _d.value) || null;
+  return parts.find(({ type }) => (part == "meridiem" ? type === "dayPeriod" : type === part))?.value || null;
 }
 function getMeridiem(hour) {
   if (!locale.isValidNumber(hour)) {
@@ -144,7 +143,7 @@ function localizeTimeString({ value, locale, numberingSystem, includeSeconds = t
   const { hour, minute, second = "0" } = parseTimeString(value);
   const dateFromTimeString = new Date(Date.UTC(0, 0, 0, parseInt(hour), parseInt(minute), parseInt(second)));
   const formatter = createLocaleDateTimeFormatter(locale, numberingSystem, includeSeconds);
-  return (formatter === null || formatter === void 0 ? void 0 : formatter.format(dateFromTimeString)) || null;
+  return formatter?.format(dateFromTimeString) || null;
 }
 function localizeTimeStringToParts({ value, locale, numberingSystem }) {
   if (!isValidTime(value)) {
@@ -427,9 +426,8 @@ const InputTimePicker = class {
   // --------------------------------------------------------------------------
   /** Sets focus on the component. */
   async setFocus() {
-    var _a;
     await loadable.componentLoaded(this);
-    (_a = this.calciteInputEl) === null || _a === void 0 ? void 0 : _a.setFocus();
+    this.calciteInputEl?.setFocus();
   }
   /**
    * Updates the position of the component.
@@ -437,8 +435,7 @@ const InputTimePicker = class {
    * @param delayed
    */
   async reposition(delayed = false) {
-    var _a;
-    (_a = this.popoverEl) === null || _a === void 0 ? void 0 : _a.reposition(delayed);
+    this.popoverEl?.reposition(delayed);
   }
   onLabelClick() {
     this.setFocus();
@@ -846,7 +843,6 @@ const TimePicker = class {
       }
     };
     this.setValuePart = (key, value, emit = true) => {
-      var _a;
       const { effectiveLocale: locale$1, numberingSystem } = this;
       if (key === "meridiem") {
         this.meridiem = value;
@@ -889,7 +885,8 @@ const TimePicker = class {
         this.value = null;
       }
       this.localizedMeridiem = this.value
-        ? ((_a = localizeTimeStringToParts({ value: this.value, locale: locale$1, numberingSystem })) === null || _a === void 0 ? void 0 : _a.localizedMeridiem) || null
+        ? localizeTimeStringToParts({ value: this.value, locale: locale$1, numberingSystem })
+          ?.localizedMeridiem || null
         : localizeTimePart({ value: this.meridiem, part: "meridiem", locale: locale$1, numberingSystem });
       if (emit) {
         this.calciteInternalTimePickerChange.emit();
@@ -1018,9 +1015,8 @@ const TimePicker = class {
    * @param target
    */
   async setFocus(target) {
-    var _a;
     await loadable.componentLoaded(this);
-    (_a = this[`${target || "hour"}El`]) === null || _a === void 0 ? void 0 : _a.focus();
+    this[`${target || "hour"}El`]?.focus();
   }
   // --------------------------------------------------------------------------
   //

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

@@ -1,24 +1,24 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-components/blob/master/LICENSE.md for details.
- * v1.0.0-next.653
+ * v1.0.0-next.654
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-11cbd6ae.js');
-const dom = require('./dom-8db20575.js');
-const label = require('./label-f2b57841.js');
-const form = require('./form-df338099.js');
-const locale = require('./locale-ad2e4def.js');
-const key = require('./key-5efe25db.js');
-const resources = require('./resources-61c779db.js');
-const math = require('./math-e3bf7036.js');
-const observers = require('./observers-1cb80ad6.js');
-const interactive = require('./interactive-12572356.js');
-const loadable = require('./loadable-fdc027c5.js');
-require('./guid-7c9bf705.js');
+const index = require('./index-483dbe04.js');
+const dom = require('./dom-f3870c02.js');
+const label = require('./label-bb7baad0.js');
+const form = require('./form-6fbeeffb.js');
+const locale = require('./locale-66bb4c04.js');
+const key = require('./key-64fe2d0d.js');
+const resources = require('./resources-e34dd4ef.js');
+const math = require('./math-168daa90.js');
+const observers = require('./observers-265cc6fd.js');
+const interactive = require('./interactive-134aafb0.js');
+const loadable = require('./loadable-9ea89e06.js');
+require('./guid-01d6fefc.js');
 
 const CSS = {
   loader: "loader",
@@ -400,13 +400,11 @@ const Input = class {
   }
   /** watcher to update number-to-string for max */
   maxWatcher() {
-    var _a;
-    this.maxString = ((_a = this.max) === null || _a === void 0 ? void 0 : _a.toString()) || null;
+    this.maxString = this.max?.toString() || null;
   }
   /** watcher to update number-to-string for min */
   minWatcher() {
-    var _a;
-    this.minString = ((_a = this.min) === null || _a === void 0 ? void 0 : _a.toString()) || null;
+    this.minString = this.min?.toString() || null;
   }
   valueWatcher(newValue, previousValue) {
     if (!this.userChangedValue) {
@@ -440,7 +438,6 @@ const Input = class {
   //
   //--------------------------------------------------------------------------
   connectedCallback() {
-    var _a;
     locale.connectLocalized(this);
     this.scale = dom.getElementProp(this.el, "scale", this.scale);
     this.status = dom.getElementProp(this.el, "status", this.status);
@@ -459,24 +456,22 @@ const Input = class {
         value: locale.isValidNumber(this.value) ? this.value : ""
       });
     }
-    (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.observe(this.el, { childList: true });
+    this.mutationObserver?.observe(this.el, { childList: true });
     this.setDisabledAction();
     this.el.addEventListener("calciteInternalHiddenInputChange", this.hiddenInputChangeHandler);
   }
   disconnectedCallback() {
-    var _a;
     label.disconnectLabel(this);
     form.disconnectForm(this);
     locale.disconnectLocalized(this);
-    (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
+    this.mutationObserver?.disconnect();
     this.el.removeEventListener("calciteInternalHiddenInputChange", this.hiddenInputChangeHandler);
   }
   componentWillLoad() {
-    var _a, _b;
     loadable.setUpLoadableComponent(this);
     this.childElType = this.type === "textarea" ? "textarea" : "input";
-    this.maxString = (_a = this.max) === null || _a === void 0 ? void 0 : _a.toString();
-    this.minString = (_b = this.min) === null || _b === void 0 ? void 0 : _b.toString();
+    this.maxString = this.max?.toString();
+    this.minString = this.min?.toString();
     this.requestedIcon = dom.setRequestedIcon(INPUT_TYPE_ICONS, this.icon, this.type);
   }
   componentDidLoad() {
@@ -502,23 +497,21 @@ const Input = class {
   //--------------------------------------------------------------------------
   /** Sets focus on the component. */
   async setFocus() {
-    var _a, _b;
     await loadable.componentLoaded(this);
     if (this.type === "number") {
-      (_a = this.childNumberEl) === null || _a === void 0 ? void 0 : _a.focus();
+      this.childNumberEl?.focus();
     }
     else {
-      (_b = this.childEl) === null || _b === void 0 ? void 0 : _b.focus();
+      this.childEl?.focus();
     }
   }
   /** Selects all text of the component's `value`. */
   async selectText() {
-    var _a, _b;
     if (this.type === "number") {
-      (_a = this.childNumberEl) === null || _a === void 0 ? void 0 : _a.select();
+      this.childNumberEl?.select();
     }
     else {
-      (_b = this.childEl) === null || _b === void 0 ? void 0 : _b.select();
+      this.childEl?.select();
     }
   }
   onLabelClick() {
@@ -550,11 +543,10 @@ const Input = class {
     });
   }
   syncHiddenFormInput(input) {
-    var _a, _b, _c, _d;
     if (this.type === "number") {
       input.type = "number";
-      input.min = (_b = (_a = this.min) === null || _a === void 0 ? void 0 : _a.toString(10)) !== null && _b !== void 0 ? _b : "";
-      input.max = (_d = (_c = this.max) === null || _c === void 0 ? void 0 : _c.toString(10)) !== null && _d !== void 0 ? _d : "";
+      input.min = this.min?.toString(10) ?? "";
+      input.max = this.max?.toString(10) ?? "";
     }
     else if (this.type === "text") {
       input.type = "text";

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

@@ -1,17 +1,17 @@
 /*!
  * 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.653
+ * v1.0.0-next.654
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-11cbd6ae.js');
-const label = require('./label-f2b57841.js');
-require('./dom-8db20575.js');
-require('./resources-61c779db.js');
-require('./guid-7c9bf705.js');
+const index = require('./index-483dbe04.js');
+const label = require('./label-bb7baad0.js');
+require('./dom-f3870c02.js');
+require('./resources-e34dd4ef.js');
+require('./guid-01d6fefc.js');
 
 const CSS = {
   container: "container"

package/dist/cjs/calcite-link.cjs.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.653
+ * v1.0.0-next.654
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-11cbd6ae.js');
-const dom = require('./dom-8db20575.js');
-const resources = require('./resources-61c779db.js');
-const interactive = require('./interactive-12572356.js');
-const loadable = require('./loadable-fdc027c5.js');
-require('./guid-7c9bf705.js');
+const index = require('./index-483dbe04.js');
+const dom = require('./dom-f3870c02.js');
+const resources = require('./resources-e34dd4ef.js');
+const interactive = require('./interactive-134aafb0.js');
+const loadable = require('./loadable-9ea89e06.js');
+require('./guid-01d6fefc.js');
 
 const linkCss = "@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%{opacity:0;transform:translate3D(0, -5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-up{0%{opacity:0;transform:translate3D(0, 5px, 0)}100%{opacity:1;transform:translate3D(0, 0, 0)}}@keyframes in-scale{0%{opacity:0;transform:scale3D(0.95, 0.95, 1)}100%{opacity: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;animation-fill-mode:both;animation-duration:var(--calcite-animation-timing)}.calcite-animate__in{animation-name:in}.calcite-animate__in-down{animation-name:in-down}.calcite-animate__in-up{animation-name:in-up}.calcite-animate__in-scale{animation-name:in-scale}@media (prefers-reduced-motion: reduce){:root{--calcite-internal-duration-factor:0.01}}:root{--calcite-floating-ui-transition:var(--calcite-animation-timing)}:host([hidden]){display:none}:host([disabled]){pointer-events:none;cursor:default;-webkit-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled)}:host{display:inline}:host a,:host span{position:relative;display:flex;cursor:pointer;align-items:center;justify-content:center;border-radius:0px;border-style:none;font-family:inherit;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:middle;transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;margin-block-start:-0.25em}:host .calcite-link--icon.icon-start{margin-inline-end:0.5rem}:host .calcite-link--icon.icon-end{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);transition:all var(--calcite-animation-timing) ease-in-out 0s, outline 0s, outline-offset 0s;line-height:inherit;white-space:initial;background-image:linear-gradient(currentColor, currentColor), linear-gradient(var(--calcite-link-blue-underline), var(--calcite-link-blue-underline));background-position-x:0%, 100%;background-position-y:min(1.5em, 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/cjs/calcite-list_3.cjs.entry.js

@@ -1,20 +1,20 @@
 /*!
  * 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.653
+ * v1.0.0-next.654
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-11cbd6ae.js');
-const interactive = require('./interactive-12572356.js');
-const observers = require('./observers-1cb80ad6.js');
-const dom = require('./dom-8db20575.js');
-const loadable = require('./loadable-fdc027c5.js');
-const debounce = require('./debounce-fec2cc26.js');
-require('./resources-61c779db.js');
-require('./guid-7c9bf705.js');
+const index = require('./index-483dbe04.js');
+const interactive = require('./interactive-134aafb0.js');
+const observers = require('./observers-265cc6fd.js');
+const dom = require('./dom-f3870c02.js');
+const loadable = require('./loadable-9ea89e06.js');
+const debounce = require('./debounce-d3347e7f.js');
+require('./resources-e34dd4ef.js');
+require('./guid-01d6fefc.js');
 
 const CSS$2 = {
   container: "container",
@@ -29,10 +29,10 @@ const listItemGroupSelector = "calcite-list-item-group";
 const listItemSelector$1 = "calcite-list-item";
 function getListItemChildren(event) {
   const assignedElements = event.target.assignedElements({ flatten: true });
-  const listItemGroupChildren = assignedElements.filter((el) => el === null || el === void 0 ? void 0 : el.matches(listItemGroupSelector))
+  const listItemGroupChildren = assignedElements.filter((el) => el?.matches(listItemGroupSelector))
     .map((group) => Array.from(group.querySelectorAll(listItemSelector$1)))
     .reduce((previousValue, currentValue) => [...previousValue, ...currentValue], []);
-  const listItemChildren = assignedElements.filter((el) => el === null || el === void 0 ? void 0 : el.matches(listItemSelector$1));
+  const listItemChildren = assignedElements.filter((el) => el?.matches(listItemSelector$1));
   return [...listItemGroupChildren, ...listItemChildren];
 }
 function updateListItemChildren(listItemChildren) {
@@ -118,7 +118,7 @@ const List = class {
       const { listItems, filteredData, filterText } = this;
       const values = filteredData.map((item) => item.value);
       const groups = new Set();
-      const filteredItems = (listItems === null || listItems === void 0 ? void 0 : listItems.filter((item) => {
+      const filteredItems = listItems?.filter((item) => {
         const parent = item.parentElement;
         const grouped = parent.matches("calcite-list-item-group");
         if (grouped) {
@@ -127,7 +127,7 @@ const List = class {
         const matches = filterText ? values.includes(item.value) : true;
         item.hidden = !matches;
         return matches;
-      })) || [];
+      }) || [];
       this.filteredItems = filteredItems;
       groups.forEach((group) => {
         const hasAtLeastOneMatch = filteredItems.some((item) => group.contains(item));
@@ -189,8 +189,7 @@ const List = class {
       focusEl.setFocus();
     };
     this.isNavigable = (listItem) => {
-      var _a;
-      const parentListItemEl = (_a = listItem.parentElement) === null || _a === void 0 ? void 0 : _a.closest(listItemSelector);
+      const parentListItemEl = listItem.parentElement?.closest(listItemSelector);
       if (!parentListItemEl) {
         return true;
       }
@@ -275,13 +274,11 @@ const List = class {
   //
   //--------------------------------------------------------------------------
   connectedCallback() {
-    var _a;
-    (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.observe(this.el, { childList: true, subtree: true });
+    this.mutationObserver?.observe(this.el, { childList: true, subtree: true });
     this.updateListItems();
   }
   disconnectedCallback() {
-    var _a;
-    (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
+    this.mutationObserver?.disconnect();
   }
   componentWillLoad() {
     loadable.setUpLoadableComponent(this);
@@ -292,7 +289,7 @@ const List = class {
   componentDidLoad() {
     loadable.setComponentLoaded(this);
     const { filterEl } = this;
-    const filteredItems = filterEl === null || filterEl === void 0 ? void 0 : filterEl.filteredItems;
+    const filteredItems = filterEl?.filteredItems;
     if (filteredItems) {
       this.filteredData = filteredItems;
     }
@@ -305,9 +302,8 @@ const List = class {
   // --------------------------------------------------------------------------
   /** Sets focus on the component. */
   async setFocus() {
-    var _a;
     await loadable.componentLoaded(this);
-    (_a = this.enabledListItems.find((listItem) => listItem.active)) === null || _a === void 0 ? void 0 : _a.setFocus();
+    this.enabledListItems.find((listItem) => listItem.active)?.setFocus();
   }
   // --------------------------------------------------------------------------
   //
@@ -444,7 +440,7 @@ const ListItem = class {
           tableCell.removeAttribute(tabIndexAttr);
         }
       });
-      focusEl === null || focusEl === void 0 ? void 0 : focusEl.focus();
+      focusEl?.focus();
     };
     this.active = false;
     this.description = undefined;
@@ -509,11 +505,11 @@ const ListItem = class {
         this.focusCell(cells[focusIndex]);
       }
       else {
-        containerEl === null || containerEl === void 0 ? void 0 : containerEl.focus();
+        containerEl?.focus();
       }
       return;
     }
-    containerEl === null || containerEl === void 0 ? void 0 : containerEl.focus();
+    containerEl?.focus();
   }
   // --------------------------------------------------------------------------
   //
@@ -534,7 +530,7 @@ const ListItem = class {
   renderOpen() {
     const { el, open, openable, parentListEl } = this;
     const dir = dom.getElementDir(el);
-    return openable ? (index.h("td", { class: CSS$1.openContainer, key: "open-container", onClick: this.toggleOpen }, index.h("calcite-icon", { icon: open ? ICONS.open : dir === "rtl" ? ICONS.closedRTL : ICONS.closedLTR, scale: "s" }))) : (parentListEl === null || parentListEl === void 0 ? void 0 : parentListEl.openable) ? (index.h("td", { class: CSS$1.openContainer, key: "open-container", onClick: this.toggleSelected }, index.h("calcite-icon", { icon: ICONS.blank, scale: "s" }))) : null;
+    return openable ? (index.h("td", { class: CSS$1.openContainer, key: "open-container", onClick: this.toggleOpen }, index.h("calcite-icon", { icon: open ? ICONS.open : dir === "rtl" ? ICONS.closedRTL : ICONS.closedLTR, scale: "s" }))) : parentListEl?.openable ? (index.h("td", { class: CSS$1.openContainer, key: "open-container", onClick: this.toggleSelected }, index.h("calcite-icon", { icon: ICONS.blank, scale: "s" }))) : null;
   }
   renderActionsStart() {
     const { label, hasActionsStart } = this;