@esri/calcite-components 1.5.0-next.21 → 1.5.0-next.23

package/dist/collection/components/combobox-item/resources.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.5.0-next.21
+ * v1.5.0-next.23
  */
 export const CSS = {
   icon: "icon",
@@ -14,5 +14,5 @@ export const CSS = {
   active: "label--active",
   selected: "label--selected",
   title: "title",
-  textContainer: "text-container"
+  textContainer: "text-container",
 };

package/dist/collection/components/combobox-item-group/combobox-item-group.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.5.0-next.21
+ * v1.5.0-next.23
  */
 import { h } from "@stencil/core";
 import { getElementProp } from "../../utils/dom";

package/dist/collection/components/combobox-item-group/resources.js

@@ -1,10 +1,10 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.5.0-next.21
+ * v1.5.0-next.23
  */
 export const CSS = {
   list: "list",
   label: "label",
-  title: "title"
+  title: "title",
 };

package/dist/collection/components/date-picker/date-picker.js

@@ -1,13 +1,13 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.5.0-next.21
+ * v1.5.0-next.23
  */
-import { Build, h, Host } from "@stencil/core";
-import { dateFromISO, dateFromRange, dateToISO, getDaysDiff, setEndOfDay } from "../../utils/date";
-import { componentFocusable, setComponentLoaded, setUpLoadableComponent } from "../../utils/loadable";
-import { connectLocalized, disconnectLocalized, getDateTimeFormat, numberStringFormatter } from "../../utils/locale";
-import { connectMessages, disconnectMessages, setUpMessages, updateMessages } from "../../utils/t9n";
+import { Build, h, Host, } from "@stencil/core";
+import { dateFromISO, dateFromRange, dateToISO, getDaysDiff, setEndOfDay, } from "../../utils/date";
+import { componentFocusable, setComponentLoaded, setUpLoadableComponent, } from "../../utils/loadable";
+import { connectLocalized, disconnectLocalized, getDateTimeFormat, numberStringFormatter, } from "../../utils/locale";
+import { connectMessages, disconnectMessages, setUpMessages, updateMessages, } from "../../utils/t9n";
 import { DATE_PICKER_FORMAT_OPTIONS, HEADING_LEVEL } from "./resources";
 import { getLocaleData, getValueAsDateRange } from "./utils";
 export class DatePicker {
@@ -64,7 +64,7 @@ export class DatePicker {
       this.hoverRange = {
         focused: this.activeRange || "start",
         start,
-        end
+        end,
       };
       if (!this.proximitySelectionDisabled) {
         if (end) {
@@ -93,7 +93,7 @@ export class DatePicker {
               this.hoverRange = {
                 focused: "start",
                 start: date,
-                end: start
+                end: start,
               };
             }
             else {
@@ -109,7 +109,7 @@ export class DatePicker {
             this.hoverRange = {
               focused: "start",
               start: date,
-              end: start
+              end: start,
             };
           }
           else {
@@ -363,7 +363,7 @@ export class DatePicker {
     numberStringFormatter.numberFormatOptions = {
       numberingSystem: this.numberingSystem,
       locale: this.effectiveLocale,
-      useGrouping: false
+      useGrouping: false,
     };
     this.localeData = await getLocaleData(this.effectiveLocale);
     this.dateTimeFormat = getDateTimeFormat(this.effectiveLocale, DATE_PICKER_FORMAT_OPTIONS);
@@ -380,7 +380,7 @@ export class DatePicker {
   renderCalendar(activeDate, maxDate, minDate, date, endDate) {
     return (this.localeData && [
       h("calcite-date-picker-month-header", { activeDate: activeDate, headingLevel: this.headingLevel || HEADING_LEVEL, localeData: this.localeData, max: maxDate, messages: this.messages, min: minDate, onCalciteInternalDatePickerSelect: this.monthHeaderSelectChange, scale: this.scale, selectedDate: this.activeRange === "end" ? endDate : date || new Date() }),
-      h("calcite-date-picker-month", { activeDate: activeDate, dateTimeFormat: this.dateTimeFormat, endDate: this.range ? endDate : undefined, hoverRange: this.hoverRange, localeData: this.localeData, max: maxDate, min: minDate, onCalciteInternalDatePickerActiveDateChange: this.monthActiveDateChange, onCalciteInternalDatePickerHover: this.monthHoverChange, onCalciteInternalDatePickerMouseOut: this.monthMouseOutChange, onCalciteInternalDatePickerSelect: this.monthDateChange, scale: this.scale, selectedDate: this.activeRange === "end" ? endDate : date, startDate: this.range ? date : undefined })
+      h("calcite-date-picker-month", { activeDate: activeDate, dateTimeFormat: this.dateTimeFormat, endDate: this.range ? endDate : undefined, hoverRange: this.hoverRange, localeData: this.localeData, max: maxDate, min: minDate, onCalciteInternalDatePickerActiveDateChange: this.monthActiveDateChange, onCalciteInternalDatePickerHover: this.monthHoverChange, onCalciteInternalDatePickerMouseOut: this.monthMouseOutChange, onCalciteInternalDatePickerSelect: this.monthDateChange, scale: this.scale, selectedDate: this.activeRange === "end" ? endDate : date, startDate: this.range ? date : undefined }),
     ]);
   }
   getEndDate() {

package/dist/collection/components/date-picker/resources.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.5.0-next.21
+ * v1.5.0-next.23
  */
 export const HEADING_LEVEL = 2;
 export const DATE_PICKER_FORMAT_OPTIONS = { dateStyle: "full" };

package/dist/collection/components/date-picker/utils.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.5.0-next.21
+ * v1.5.0-next.23
  */
 import { getAssetPath } from "@stencil/core";
 import { dateFromISO } from "../../utils/date";

package/dist/collection/components/date-picker-day/date-picker-day.js

@@ -1,12 +1,12 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.5.0-next.21
+ * v1.5.0-next.23
  */
-import { h, Host } from "@stencil/core";
+import { h, Host, } from "@stencil/core";
 import { dateToISO } from "../../utils/date";
 import { closestElementCrossShadowBoundary, getElementDir, toAriaBoolean } from "../../utils/dom";
-import { connectInteractive, disconnectInteractive, updateHostInteraction } from "../../utils/interactive";
+import { connectInteractive, disconnectInteractive, updateHostInteraction, } from "../../utils/interactive";
 import { isActivationKey } from "../../utils/key";
 import { numberStringFormatter } from "../../utils/locale";
 import { CSS_UTILITY } from "../../utils/resources";
@@ -65,7 +65,7 @@ export class DatePickerDay {
       numberStringFormatter.numberFormatOptions = {
         useGrouping: false,
         ...(numberingSystem && { numberingSystem }),
-        ...(locale && { locale })
+        ...(locale && { locale }),
       };
     }
     const formattedDay = numberStringFormatter.localize(String(this.day));

package/dist/collection/components/date-picker-month/date-picker-month.js

@@ -1,9 +1,9 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.5.0-next.21
+ * v1.5.0-next.23
  */
-import { h, Host } from "@stencil/core";
+import { h, Host, } from "@stencil/core";
 import { dateFromRange, inRange, sameDate } from "../../utils/date";
 const DAYS_PER_WEEK = 7;
 const DAYS_MAXIMUM_INDEX = 6;
@@ -120,7 +120,7 @@ export class DatePickerMonth {
           active: false,
           day,
           dayInWeek: getDayInWeek(),
-          date: new Date(year, month - 1, day)
+          date: new Date(year, month - 1, day),
         };
       }),
       ...curMonDays.map((day) => {
@@ -132,7 +132,7 @@ export class DatePickerMonth {
           day,
           dayInWeek: getDayInWeek(),
           date,
-          ref: true
+          ref: true,
         };
       }),
       ...nextMonDays.map((day) => {
@@ -140,9 +140,9 @@ export class DatePickerMonth {
           active: false,
           day,
           dayInWeek: getDayInWeek(),
-          date: new Date(year, month + 1, day)
+          date: new Date(year, month + 1, day),
         };
-      })
+      }),
     ];
     const weeks = [];
     for (let i = 0; i < days.length; i += 7) {
@@ -296,7 +296,7 @@ export class DatePickerMonth {
         "hover--inside-range": this.startDate && isHoverInRange,
         "hover--outside-range": this.startDate && !isHoverInRange,
         "focused--start": isFocusedOnStart,
-        "focused--end": !isFocusedOnStart
+        "focused--end": !isFocusedOnStart,
       }, currentMonth: currentMonth, dateTimeFormat: this.dateTimeFormat, day: day, disabled: !inRange(date, this.min, this.max), endOfRange: this.isEndOfRange(date), highlighted: this.betweenSelectedRange(date), onCalciteDaySelect: this.daySelect, onCalciteInternalDayHover: this.dayHover, range: !!this.startDate && !!this.endDate && !sameDate(this.startDate, this.endDate), rangeEdge: dayInWeek === 0 ? "start" : dayInWeek === 6 ? "end" : undefined, rangeHover: this.isRangeHover(date), scale: this.scale, selected: this.isSelected(date), startOfRange: this.isStartOfRange(date), value: date,
       // eslint-disable-next-line react/jsx-sort-props
       ref: (el) => {

package/dist/collection/components/date-picker-month-header/date-picker-month-header.js

@@ -1,10 +1,10 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.5.0-next.21
+ * v1.5.0-next.23
  */
-import { Fragment, h } from "@stencil/core";
-import { dateFromRange, parseCalendarYear, getOrder, nextMonth, prevMonth, formatCalendarYear } from "../../utils/date";
+import { Fragment, h, } from "@stencil/core";
+import { dateFromRange, parseCalendarYear, getOrder, nextMonth, prevMonth, formatCalendarYear, } from "../../utils/date";
 import { closestElementCrossShadowBoundary } from "../../utils/dom";
 import { isActivationKey } from "../../utils/key";
 import { numberStringFormatter } from "../../utils/locale";
@@ -37,13 +37,13 @@ export class DatePickerMonthHeader {
     };
     this.onYearChange = (event) => {
       this.setYear({
-        localizedYear: this.parseCalendarYear(event.target.value)
+        localizedYear: this.parseCalendarYear(event.target.value),
       });
     };
     this.onYearInput = (event) => {
       this.setYear({
         localizedYear: this.parseCalendarYear(event.target.value),
-        commit: false
+        commit: false,
       });
     };
     this.prevMonthClick = (event) => {
@@ -104,7 +104,7 @@ export class DatePickerMonthHeader {
       numberStringFormatter.numberFormatOptions = {
         useGrouping: false,
         ...(numberingSystem && { numberingSystem }),
-        ...(locale && { locale })
+        ...(locale && { locale }),
       };
     }
     const activeMonth = activeDate.getMonth();
@@ -117,7 +117,7 @@ export class DatePickerMonthHeader {
     const suffix = localeData.year?.suffix;
     return (h(Fragment, null, h("a", { "aria-disabled": `${this.prevMonthDate.getMonth() === activeMonth}`, "aria-label": messages.prevMonth, class: CSS.chevron, href: "#", onClick: this.prevMonthClick, onKeyDown: this.prevMonthKeydown, role: "button", tabindex: this.prevMonthDate.getMonth() === activeMonth ? -1 : 0 }, h("calcite-icon", { "flip-rtl": true, icon: ICON.chevronLeft, scale: iconScale })), h("div", { class: { text: true, [CSS.textReverse]: reverse } }, h(Heading, { class: CSS.month, level: this.headingLevel }, localizedMonth), h("span", { class: CSS.yearWrap }, h("input", { "aria-label": messages.year, class: {
         year: true,
-        [CSS.yearSuffix]: !!suffix
+        [CSS.yearSuffix]: !!suffix,
       }, inputmode: "numeric", maxlength: "4", minlength: "1", onChange: this.onYearChange, onInput: this.onYearInput, onKeyDown: this.onYearKey, pattern: "\\d*", type: "text", value: localizedYear,
       // eslint-disable-next-line react/jsx-sort-props
       ref: (el) => (this.yearInput = el) }), suffix && h("span", { class: CSS.suffix }, suffix))), h("a", { "aria-disabled": `${this.nextMonthDate.getMonth() === activeMonth}`, "aria-label": messages.nextMonth, class: CSS.chevron, href: "#", onClick: this.nextMonthClick, onKeyDown: this.nextMonthKeydown, role: "button", tabindex: this.nextMonthDate.getMonth() === activeMonth ? -1 : 0 }, h("calcite-icon", { "flip-rtl": true, icon: ICON.chevronRight, scale: iconScale }))));
@@ -135,7 +135,7 @@ export class DatePickerMonthHeader {
   parseCalendarYear(year) {
     return numberStringFormatter.localize(`${parseCalendarYear(Number(numberStringFormatter.delocalize(year)), this.localeData)}`);
   }
-  getInRangeDate({ localizedYear, offset = 0 }) {
+  getInRangeDate({ localizedYear, offset = 0, }) {
     const { min, max, activeDate } = this;
     const parsedYear = Number(numberStringFormatter.delocalize(localizedYear));
     const length = parsedYear.toString().length;
@@ -157,7 +157,7 @@ export class DatePickerMonthHeader {
    * @param root0.commit
    * @param root0.offset
    */
-  setYear({ localizedYear, commit = true, offset = 0 }) {
+  setYear({ localizedYear, commit = true, offset = 0, }) {
     const { yearInput, activeDate } = this;
     const inRangeDate = this.getInRangeDate({ localizedYear, offset });
     // if you've supplied a year and it's in range, update active date

package/dist/collection/components/date-picker-month-header/resources.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.5.0-next.21
+ * v1.5.0-next.23
  */
 export const CSS = {
   header: "header",
@@ -10,9 +10,9 @@ export const CSS = {
   suffix: "suffix",
   yearSuffix: "year--suffix",
   yearWrap: "year-wrap",
-  textReverse: "text--reverse"
+  textReverse: "text--reverse",
 };
 export const ICON = {
   chevronLeft: "chevron-left",
-  chevronRight: "chevron-right"
+  chevronRight: "chevron-right",
 };

package/dist/collection/components/dropdown/dropdown.js

@@ -1,17 +1,17 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.5.0-next.21
+ * v1.5.0-next.23
  */
-import { h, Host } from "@stencil/core";
-import { focusElement, focusElementInGroup, isPrimaryPointerButton, toAriaBoolean } from "../../utils/dom";
-import { connectFloatingUI, defaultMenuPlacement, disconnectFloatingUI, filterComputedPlacements, FloatingCSS, reposition } from "../../utils/floating-ui";
+import { h, Host, } from "@stencil/core";
+import { focusElement, focusElementInGroup, isPrimaryPointerButton, toAriaBoolean, } from "../../utils/dom";
+import { connectFloatingUI, defaultMenuPlacement, disconnectFloatingUI, filterComputedPlacements, FloatingCSS, reposition, } from "../../utils/floating-ui";
 import { guid } from "../../utils/guid";
-import { connectInteractive, disconnectInteractive, updateHostInteraction } from "../../utils/interactive";
+import { connectInteractive, disconnectInteractive, updateHostInteraction, } from "../../utils/interactive";
 import { isActivationKey } from "../../utils/key";
-import { componentFocusable, setComponentLoaded, setUpLoadableComponent } from "../../utils/loadable";
+import { componentFocusable, setComponentLoaded, setUpLoadableComponent, } from "../../utils/loadable";
 import { createObserver } from "../../utils/observers";
-import { connectOpenCloseComponent, disconnectOpenCloseComponent } from "../../utils/openCloseComponent";
+import { connectOpenCloseComponent, disconnectOpenCloseComponent, } from "../../utils/openCloseComponent";
 import { SLOTS } from "./resources";
 /**
  * @slot - A slot for adding `calcite-dropdown-group` elements. Every `calcite-dropdown-item` must have a parent `calcite-dropdown-group`, even if the `groupTitle` property is not set.
@@ -33,7 +33,7 @@ export class Dropdown {
     //--------------------------------------------------------------------------
     this.slotChangeHandler = (event) => {
       this.defaultAssignedElements = event.target.assignedElements({
-        flatten: true
+        flatten: true,
       });
       this.updateItems();
     };
@@ -45,7 +45,7 @@ export class Dropdown {
     };
     this.updateTriggers = (event) => {
       this.triggers = event.target.assignedElements({
-        flatten: true
+        flatten: true,
       });
       this.reposition(true);
     };
@@ -240,7 +240,7 @@ export class Dropdown {
       ref: this.setFloatingEl }, h("div", { "aria-labelledby": `${guid}-menubutton`, class: {
         ["calcite-dropdown-content"]: true,
         [FloatingCSS.animation]: true,
-        [FloatingCSS.animationActive]: open
+        [FloatingCSS.animationActive]: open,
       }, id: `${guid}-menu`, role: "menu",
       // eslint-disable-next-line react/jsx-sort-props
       ref: this.setScrollerAndTransitionEl }, h("slot", { onSlotchange: this.updateGroups })))));
@@ -263,7 +263,7 @@ export class Dropdown {
       overlayPositioning,
       placement,
       flipPlacements: filteredFlipPlacements,
-      type: "menu"
+      type: "menu",
     }, delayed);
   }
   closeCalciteDropdownOnClick(event) {

package/dist/collection/components/dropdown/resources.js

@@ -1,11 +1,11 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.5.0-next.21
+ * v1.5.0-next.23
  */
 export const SLOTS = {
-  dropdownTrigger: "trigger"
+  dropdownTrigger: "trigger",
 };
 export const CSS = {
-  calciteDropdownContent: "calcite-dropdown-content"
+  calciteDropdownContent: "calcite-dropdown-content",
 };

package/dist/collection/components/dropdown-group/dropdown-group.js

@@ -1,9 +1,9 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.5.0-next.21
+ * v1.5.0-next.23
  */
-import { h, Host } from "@stencil/core";
+import { h, Host, } from "@stencil/core";
 import { getElementProp } from "../../utils/dom";
 import { CSS } from "./resources";
 /**
@@ -31,7 +31,7 @@ export class DropdownGroup {
         container: true,
         [CSS.containerSmall]: scale === "s",
         [CSS.containerMedium]: scale === "m",
-        [CSS.containerLarge]: scale === "l"
+        [CSS.containerLarge]: scale === "l",
       }, title: this.groupTitle }, dropdownSeparator, groupTitle, h("slot", null))));
   }
   //--------------------------------------------------------------------------
@@ -44,7 +44,7 @@ export class DropdownGroup {
     this.requestedDropdownItem = event.detail.requestedDropdownItem;
     this.calciteInternalDropdownItemChange.emit({
       requestedDropdownGroup: this.requestedDropdownGroup,
-      requestedDropdownItem: this.requestedDropdownItem
+      requestedDropdownItem: this.requestedDropdownItem,
     });
   }
   //--------------------------------------------------------------------------

package/dist/collection/components/dropdown-group/resources.js

@@ -1,10 +1,10 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.5.0-next.21
+ * v1.5.0-next.23
  */
 export const CSS = {
   containerSmall: "container--s",
   containerMedium: "container--m",
-  containerLarge: "container--l"
+  containerLarge: "container--l",
 };

package/dist/collection/components/dropdown-item/dropdown-item.js

@@ -1,12 +1,12 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.5.0-next.21
+ * v1.5.0-next.23
  */
-import { h, Host } from "@stencil/core";
+import { h, Host, } from "@stencil/core";
 import { getElementProp, toAriaBoolean } from "../../utils/dom";
 import { CSS } from "./resources";
-import { componentFocusable, setComponentLoaded, setUpLoadableComponent } from "../../utils/loadable";
+import { componentFocusable, setComponentLoaded, setUpLoadableComponent, } from "../../utils/loadable";
 /**
  * @slot - A slot for adding text.
  */
@@ -80,7 +80,7 @@ export class DropdownItem {
         [CSS.containerLarge]: scale === "l",
         [CSS.containerMulti]: selectionMode === "multiple",
         [CSS.containerSingle]: selectionMode === "single",
-        [CSS.containerNone]: selectionMode === "none"
+        [CSS.containerNone]: selectionMode === "none",
       } }, selectionMode !== "none" ? (h("calcite-icon", { class: CSS.icon, icon: selectionMode === "multiple" ? "check" : "bullet-point", scale: scale === "l" ? "m" : "s" })) : null, contentEl)));
   }
   //--------------------------------------------------------------------------
@@ -162,7 +162,7 @@ export class DropdownItem {
     this.calciteDropdownItemSelect.emit();
     this.calciteInternalDropdownItemSelect.emit({
       requestedDropdownItem: this.el,
-      requestedDropdownGroup: this.parentDropdownGroupEl
+      requestedDropdownGroup: this.parentDropdownGroupEl,
     });
   }
   static get is() { return "calcite-dropdown-item"; }

package/dist/collection/components/dropdown-item/resources.js

@@ -1,7 +1,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.5.0-next.21
+ * v1.5.0-next.23
  */
 export const CSS = {
   containerLink: "container--link",
@@ -15,5 +15,5 @@ export const CSS = {
   iconEnd: "dropdown-item-icon-end",
   iconStart: "dropdown-item-icon-start",
   itemContent: "dropdown-item-content",
-  link: "dropdown-link"
+  link: "dropdown-link",
 };

package/dist/collection/components/fab/fab.js

@@ -1,12 +1,12 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.5.0-next.21
+ * v1.5.0-next.23
  */
 import { h } from "@stencil/core";
 import { focusElement } from "../../utils/dom";
-import { connectInteractive, disconnectInteractive, updateHostInteraction } from "../../utils/interactive";
-import { componentFocusable, setComponentLoaded, setUpLoadableComponent } from "../../utils/loadable";
+import { connectInteractive, disconnectInteractive, updateHostInteraction, } from "../../utils/interactive";
+import { componentFocusable, setComponentLoaded, setUpLoadableComponent, } from "../../utils/loadable";
 import { CSS, ICONS } from "./resources";
 export class Fab {
   constructor() {
@@ -57,7 +57,7 @@ export class Fab {
   //
   // --------------------------------------------------------------------------
   render() {
-    const { appearance, kind, disabled, loading, scale, textEnabled, icon, label, text, iconFlipRtl } = this;
+    const { appearance, kind, disabled, loading, scale, textEnabled, icon, label, text, iconFlipRtl, } = this;
     const title = !textEnabled ? label || text || null : null;
     return (h("calcite-button", { appearance: appearance === "solid" ? "solid" : "outline-fill", class: CSS.button, disabled: disabled, iconFlipRtl: iconFlipRtl ? "start" : null, iconStart: icon, kind: kind, label: label, loading: loading, round: true, scale: scale, title: title, type: "button", width: "auto",
       // eslint-disable-next-line react/jsx-sort-props

package/dist/collection/components/fab/resources.js

@@ -1,11 +1,11 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.5.0-next.21
+ * v1.5.0-next.23
  */
 export const CSS = {
-  button: "button"
+  button: "button",
 };
 export const ICONS = {
-  plus: "plus"
+  plus: "plus",
 };

package/dist/collection/components/filter/filter.js

@@ -1,15 +1,15 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.5.0-next.21
+ * v1.5.0-next.23
  */
-import { Fragment, h } from "@stencil/core";
+import { Fragment, h, } from "@stencil/core";
 import { debounce } from "lodash-es";
 import { filter } from "../../utils/filter";
-import { connectInteractive, disconnectInteractive, updateHostInteraction } from "../../utils/interactive";
-import { componentFocusable, setComponentLoaded, setUpLoadableComponent } from "../../utils/loadable";
+import { connectInteractive, disconnectInteractive, updateHostInteraction, } from "../../utils/interactive";
+import { componentFocusable, setComponentLoaded, setUpLoadableComponent, } from "../../utils/loadable";
 import { connectLocalized, disconnectLocalized } from "../../utils/locale";
-import { connectMessages, disconnectMessages, setUpMessages, updateMessages } from "../../utils/t9n";
+import { connectMessages, disconnectMessages, setUpMessages, updateMessages, } from "../../utils/t9n";
 import { CSS, DEBOUNCE_TIMEOUT, ICONS } from "./resources";
 export class Filter {
   constructor() {

package/dist/collection/components/filter/resources.js

@@ -1,14 +1,14 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.5.0-next.21
+ * v1.5.0-next.23
  */
 export const CSS = {
   container: "container",
-  searchIcon: "search-icon"
+  searchIcon: "search-icon",
 };
 export const ICONS = {
   search: "search",
-  close: "x"
+  close: "x",
 };
 export const DEBOUNCE_TIMEOUT = 250;

package/dist/collection/components/flow/flow.js

@@ -1,12 +1,12 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.5.0-next.21
+ * v1.5.0-next.23
  */
 import { h } from "@stencil/core";
 import { createObserver } from "../../utils/observers";
 import { CSS } from "./resources";
-import { componentFocusable, setComponentLoaded, setUpLoadableComponent } from "../../utils/loadable";
+import { componentFocusable, setComponentLoaded, setUpLoadableComponent, } from "../../utils/loadable";
 /**
  * @slot - A slot for adding `calcite-flow-item` elements to the component.
  */
@@ -115,7 +115,7 @@ export class Flow {
     const frameDirectionClasses = {
       [CSS.frame]: true,
       [CSS.frameAdvancing]: flowDirection === "advancing",
-      [CSS.frameRetreating]: flowDirection === "retreating"
+      [CSS.frameRetreating]: flowDirection === "retreating",
     };
     return (h("div", { class: frameDirectionClasses }, h("slot", null)));
   }

package/dist/collection/components/flow/resources.js

@@ -1,10 +1,10 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.5.0-next.21
+ * v1.5.0-next.23
  */
 export const CSS = {
   frame: "frame",
   frameAdvancing: "frame--advancing",
-  frameRetreating: "frame--retreating"
+  frameRetreating: "frame--retreating",
 };

package/dist/collection/components/flow-item/flow-item.js

@@ -1,14 +1,14 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.5.0-next.21
+ * v1.5.0-next.23
  */
-import { h, Host } from "@stencil/core";
+import { h, Host, } from "@stencil/core";
 import { getElementDir } from "../../utils/dom";
-import { connectInteractive, disconnectInteractive, updateHostInteraction } from "../../utils/interactive";
-import { componentFocusable, setComponentLoaded, setUpLoadableComponent } from "../../utils/loadable";
+import { connectInteractive, disconnectInteractive, updateHostInteraction, } from "../../utils/interactive";
+import { componentFocusable, setComponentLoaded, setUpLoadableComponent, } from "../../utils/loadable";
 import { connectLocalized, disconnectLocalized } from "../../utils/locale";
-import { connectMessages, disconnectMessages, setUpMessages, updateMessages } from "../../utils/t9n";
+import { connectMessages, disconnectMessages, setUpMessages, updateMessages, } from "../../utils/t9n";
 import { SLOTS as PANEL_SLOTS } from "../panel/resources";
 import { CSS, ICONS, SLOTS } from "./resources";
 /**
@@ -141,7 +141,7 @@ export class FlowItem {
       ref: this.setBackRef })) : null;
   }
   render() {
-    const { closable, closed, description, disabled, heading, headingLevel, loading, menuOpen, messages, backButtonEl } = this;
+    const { closable, closed, description, disabled, heading, headingLevel, loading, menuOpen, messages, backButtonEl, } = this;
     const label = messages.back;
     return (h(Host, null, h("calcite-panel", { closable: closable, closed: closed, description: description, disabled: disabled, heading: heading, headingLevel: headingLevel, loading: loading, menuOpen: menuOpen, messageOverrides: messages, onCalcitePanelClose: this.handlePanelClose, onCalcitePanelScroll: this.handlePanelScroll,
       // eslint-disable-next-line react/jsx-sort-props

package/dist/collection/components/flow-item/resources.js

@@ -1,14 +1,14 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.5.0-next.21
+ * v1.5.0-next.23
  */
 export const CSS = {
-  backButton: "back-button"
+  backButton: "back-button",
 };
 export const ICONS = {
   backLeft: "chevron-left",
-  backRight: "chevron-right"
+  backRight: "chevron-right",
 };
 export const SLOTS = {
   actionBar: "action-bar",
@@ -18,5 +18,5 @@ export const SLOTS = {
   headerContent: "header-content",
   fab: "fab",
   footer: "footer",
-  footerActions: "footer-actions"
+  footerActions: "footer-actions",
 };