@esri/calcite-components 1.0.0-next.647 → 1.0.0-next.649

package/dist/esm/calcite-date-picker_4.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.647
+ * v1.0.0-next.649
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement, F as Fragment } from './index-c6d69d86.js';
-import { T as TEXT, h as getDaysDiff, b as dateToISO, c as dateFromISO, g as getValueAsDateRange, f as dateFromRange, e as getLocaleData, s as setEndOfDay, j as sameDate, i as inRange, k as getOrder, n as nextMonth, p as prevMonth } from './resources-19231ce8.js';
-import { c as connectLocalized, d as disconnectLocalized, n as numberStringFormatter } from './locale-170639e4.js';
-import { c as closestElementCrossShadowBoundary, a as getElementDir } from './dom-df543551.js';
-import { C as CSS_UTILITY } from './resources-34a80758.js';
-import { u as updateHostInteraction } from './interactive-f7547b52.js';
-import { i as isActivationKey } from './key-8c900334.js';
-import { H as Heading } from './Heading-680eaccf.js';
-import './observers-7fa5fbcb.js';
-import './guid-59a872ce.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement, F as Fragment } from './index-d4c908c6.js';
+import { h as getDaysDiff, b as dateToISO, T as TEXT, c as dateFromISO, g as getValueAsDateRange, f as dateFromRange, e as getLocaleData, s as setEndOfDay, j as sameDate, i as inRange, k as getOrder, n as nextMonth, p as prevMonth } from './resources-f4bcad4f.js';
+import { c as connectLocalized, d as disconnectLocalized, n as numberStringFormatter } from './locale-124c1c4a.js';
+import { c as closestElementCrossShadowBoundary, a as getElementDir } from './dom-53c74dbf.js';
+import { C as CSS_UTILITY } from './resources-31e2614a.js';
+import { u as updateHostInteraction } from './interactive-9b5fc420.js';
+import { i as isActivationKey } from './key-ce94af02.js';
+import { H as Heading } from './Heading-d24a31c2.js';
+import './observers-4d673b8c.js';
+import './guid-9344597e.js';
 
 const datePickerCss = "@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{position:relative;display:inline-block;inline-size:100%;overflow:visible;border-radius:0px;border-width:1px;border-style:solid;border-color:var(--calcite-ui-border-2);background-color:var(--calcite-ui-foreground-1);vertical-align:top}:host([scale=s]){max-inline-size:216px}:host([scale=m]){max-inline-size:286px}:host([scale=l]){max-inline-size:398px}";
 
@@ -21,37 +21,6 @@ const DatePicker = class {
     registerInstance(this, hostRef);
     this.calciteDatePickerChange = createEvent(this, "calciteDatePickerChange", 6);
     this.calciteDatePickerRangeChange = createEvent(this, "calciteDatePickerRangeChange", 6);
-    /**
-     * Localized string for "previous month" (used for aria label)
-     *
-     * @default "Previous month"
-     */
-    this.intlPrevMonth = TEXT.prevMonth;
-    /**
-     * Localized string for "next month" (used for aria label)
-     *
-     * @default "Next month"
-     */
-    this.intlNextMonth = TEXT.nextMonth;
-    /**
-     * Localized string for "year" (used for aria label)
-     *
-     * @default "Year"
-     */
-    this.intlYear = TEXT.year;
-    /** specify the scale of the date picker */
-    this.scale = "m";
-    /** Range mode activation */
-    this.range = false;
-    /** Disables the default behaviour on the third click of narrowing or extending the range and instead starts a new range. */
-    this.proximitySelectionDisabled = false;
-    this.globalAttributes = {};
-    //--------------------------------------------------------------------------
-    //
-    //  Private State/Props
-    //
-    //--------------------------------------------------------------------------
-    this.effectiveLocale = "";
     //--------------------------------------------------------------------------
     //
     //  Private Methods
@@ -246,6 +215,33 @@ const DatePicker = class {
       }
       this.calciteDatePickerChange.emit(date);
     };
+    this.activeDate = undefined;
+    this.activeRange = undefined;
+    this.value = undefined;
+    this.headingLevel = undefined;
+    this.valueAsDate = undefined;
+    this.startAsDate = undefined;
+    this.endAsDate = undefined;
+    this.minAsDate = undefined;
+    this.maxAsDate = undefined;
+    this.min = undefined;
+    this.max = undefined;
+    this.intlPrevMonth = TEXT.prevMonth;
+    this.intlNextMonth = TEXT.nextMonth;
+    this.intlYear = TEXT.year;
+    this.locale = undefined;
+    this.numberingSystem = undefined;
+    this.scale = "m";
+    this.range = false;
+    this.start = undefined;
+    this.end = undefined;
+    this.proximitySelectionDisabled = false;
+    this.activeStartDate = undefined;
+    this.activeEndDate = undefined;
+    this.globalAttributes = {};
+    this.effectiveLocale = "";
+    this.localeData = undefined;
+    this.hoverRange = undefined;
   }
   activeDateWatcher(newActiveDate) {
     if (this.activeRange === "end") {
@@ -456,24 +452,6 @@ const DatePickerDay = class {
     registerInstance(this, hostRef);
     this.calciteDaySelect = createEvent(this, "calciteDaySelect", 6);
     this.calciteInternalDayHover = createEvent(this, "calciteInternalDayHover", 6);
-    /** Date is outside of range and can't be selected */
-    this.disabled = false;
-    /** Date is in the current month. */
-    this.currentMonth = false;
-    /** Date is the current selected date of the picker */
-    this.selected = false;
-    /** Date is currently highlighted as part of the range */
-    this.highlighted = false;
-    /** Showing date range */
-    this.range = false;
-    /** Date is the start of date range */
-    this.startOfRange = false;
-    /** Date is the end of date range */
-    this.endOfRange = false;
-    /** Date is being hovered and within the set range */
-    this.rangeHover = false;
-    /** Date is actively in focus for keyboard navigation */
-    this.active = false;
     //--------------------------------------------------------------------------
     //
     //  Event Listeners
@@ -488,6 +466,18 @@ const DatePickerDay = class {
         event.preventDefault();
       }
     };
+    this.day = undefined;
+    this.disabled = false;
+    this.currentMonth = false;
+    this.selected = false;
+    this.highlighted = false;
+    this.range = false;
+    this.startOfRange = false;
+    this.endOfRange = false;
+    this.rangeHover = false;
+    this.active = false;
+    this.scale = undefined;
+    this.value = undefined;
   }
   mouseoverHandler() {
     this.calciteInternalDayHover.emit();
@@ -532,8 +522,6 @@ const DatePickerMonth = class {
     this.calciteInternalDatePickerHover = createEvent(this, "calciteInternalDatePickerHover", 6);
     this.calciteDatePickerActiveDateChange = createEvent(this, "calciteDatePickerActiveDateChange", 6);
     this.calciteInternalDatePickerMouseOut = createEvent(this, "calciteInternalDatePickerMouseOut", 6);
-    /** Date currently active.*/
-    this.activeDate = new Date();
     //--------------------------------------------------------------------------
     //
     //  Event Listeners
@@ -608,6 +596,15 @@ const DatePickerMonth = class {
       const target = event.target;
       this.calciteDatePickerSelect.emit(target.value);
     };
+    this.selectedDate = undefined;
+    this.activeDate = new Date();
+    this.startDate = undefined;
+    this.endDate = undefined;
+    this.min = undefined;
+    this.max = undefined;
+    this.scale = undefined;
+    this.localeData = undefined;
+    this.hoverRange = undefined;
   }
   mouseoutHandler() {
     this.calciteInternalDatePickerMouseOut.emit();
@@ -836,12 +833,6 @@ const DatePickerMonthHeader = class {
     this.calciteDatePickerSelect = createEvent(this, "calciteDatePickerSelect", 6);
     //--------------------------------------------------------------------------
     //
-    //  Private State/Props
-    //
-    //--------------------------------------------------------------------------
-    this.globalAttributes = {};
-    //--------------------------------------------------------------------------
-    //
     //  Private Methods
     //
     //--------------------------------------------------------------------------
@@ -897,6 +888,19 @@ const DatePickerMonthHeader = class {
       event.preventDefault();
       this.calciteDatePickerSelect.emit(date);
     };
+    this.selectedDate = undefined;
+    this.activeDate = undefined;
+    this.headingLevel = undefined;
+    this.min = undefined;
+    this.max = undefined;
+    this.intlPrevMonth = undefined;
+    this.intlNextMonth = undefined;
+    this.intlYear = undefined;
+    this.scale = undefined;
+    this.localeData = undefined;
+    this.globalAttributes = {};
+    this.nextMonthDate = undefined;
+    this.prevMonthDate = undefined;
   }
   //--------------------------------------------------------------------------
   //

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

@@ -1,19 +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.647
+ * v1.0.0-next.649
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-c6d69d86.js';
-import { t as toAriaBoolean, i as isPrimaryPointerButton, f as focusElement, h as getElementProp } from './dom-df543551.js';
-import { d as defaultMenuPlacement, f as filterComputedPlacements, c as connectFloatingUI, u as updateAfterClose, a as disconnectFloatingUI, F as FloatingCSS, r as reposition } from './floating-ui-7ba4c9a0.js';
-import { c as createObserver } from './observers-7fa5fbcb.js';
-import { u as updateHostInteraction } from './interactive-f7547b52.js';
-import { c as connectOpenCloseComponent, d as disconnectOpenCloseComponent } from './openCloseComponent-9320ad08.js';
-import { g as guid } from './guid-59a872ce.js';
-import { i as isActivationKey } from './key-8c900334.js';
-import { c as componentLoaded, s as setUpLoadableComponent, a as setComponentLoaded } from './loadable-74b01ca3.js';
-import './resources-34a80758.js';
-import './debounce-9201530e.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-d4c908c6.js';
+import { t as toAriaBoolean, i as isPrimaryPointerButton, f as focusElement, h as getElementProp } from './dom-53c74dbf.js';
+import { f as filterComputedPlacements, c as connectFloatingUI, d as defaultMenuPlacement, u as updateAfterClose, a as disconnectFloatingUI, F as FloatingCSS, r as reposition } from './floating-ui-de1d81a1.js';
+import { c as createObserver } from './observers-4d673b8c.js';
+import { u as updateHostInteraction } from './interactive-9b5fc420.js';
+import { c as connectOpenCloseComponent, d as disconnectOpenCloseComponent } from './openCloseComponent-cb58fdf0.js';
+import { g as guid } from './guid-9344597e.js';
+import { i as isActivationKey } from './key-ce94af02.js';
+import { c as componentLoaded, s as setUpLoadableComponent, a as setComponentLoaded } from './loadable-3bf8aeb1.js';
+import './resources-31e2614a.js';
+import './debounce-a93c0e41.js';
 
 const SLOTS = {
   dropdownTrigger: "dropdown-trigger"
@@ -29,56 +29,6 @@ const Dropdown = class {
     this.calciteDropdownClose = createEvent(this, "calciteDropdownClose", 6);
     this.calciteDropdownBeforeOpen = createEvent(this, "calciteDropdownBeforeOpen", 6);
     this.calciteDropdownOpen = createEvent(this, "calciteDropdownOpen", 6);
-    //--------------------------------------------------------------------------
-    //
-    //  Public Properties
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * Opens or closes the dropdown
-     *
-     * @deprecated use open instead.
-     */
-    this.active = false;
-    /** When true, opens the dropdown */
-    this.open = false;
-    /**
-     allow the dropdown to remain open after a selection is made
-     if the selection-mode of the selected item's containing group is "none", the dropdown will always close
-     */
-    this.disableCloseOnSelect = false;
-    /** is the dropdown disabled  */
-    this.disabled = false;
-    /**
-     specify the maximum number of calcite-dropdown-items to display before showing the scroller, must be greater than 0 -
-     this value does not include groupTitles passed to calcite-dropdown-group
-     */
-    this.maxItems = 0;
-    /**
-     * Determines the type of positioning to use for the overlaid content.
-     *
-     * Using `"absolute"` will work for most cases. The component will be positioned inside of overflowing parent containers and will affect the container's layout.
-     *
-     * `"fixed"` should be used to escape an overflowing parent container, or when the reference element's `position` CSS property is `"fixed"`.
-     *
-     */
-    this.overlayPositioning = "absolute";
-    /**
-     * Determines where the dropdown will be positioned relative to the button.
-     *
-     * @default "bottom-start"
-     */
-    this.placement = defaultMenuPlacement;
-    /** specify the scale of dropdown, defaults to m */
-    this.scale = "m";
-    /**
-     * **read-only** The currently selected items
-     *
-     * @readonly
-     */
-    this.selectedItems = [];
-    /** specify whether the dropdown is opened by hover or click of a trigger element */
-    this.type = "click";
     this.items = [];
     this.groups = [];
     this.mutationObserver = createObserver("mutation", () => this.updateItems());
@@ -210,6 +160,18 @@ const Dropdown = class {
         this.el.addEventListener("calciteDropdownOpen", this.toggleOpenEnd);
       }
     };
+    this.active = false;
+    this.open = false;
+    this.disableCloseOnSelect = false;
+    this.disabled = false;
+    this.flipPlacements = undefined;
+    this.maxItems = 0;
+    this.overlayPositioning = "absolute";
+    this.placement = defaultMenuPlacement;
+    this.scale = "m";
+    this.selectedItems = [];
+    this.type = "click";
+    this.width = undefined;
   }
   activeHandler(value) {
     this.open = value;
@@ -482,11 +444,9 @@ const DropdownGroup = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.calciteInternalDropdownItemChange = createEvent(this, "calciteInternalDropdownItemChange", 6);
-    /**
-      specify the selection mode - multiple (allow any number of (or no) active items), single (allow and require one active item),
-     none (no active items), defaults to single
-     */
+    this.groupTitle = undefined;
     this.selectionMode = "single";
+    this.scale = undefined;
   }
   //--------------------------------------------------------------------------
   //
@@ -550,19 +510,15 @@ const DropdownItem = class {
     this.calciteInternalDropdownItemSelect = createEvent(this, "calciteInternalDropdownItemSelect", 6);
     this.calciteInternalDropdownItemKeyEvent = createEvent(this, "calciteInternalDropdownItemKeyEvent", 6);
     this.calciteInternalDropdownCloseRequest = createEvent(this, "calciteInternalDropdownCloseRequest", 6);
-    //--------------------------------------------------------------------------
-    //
-    //  Public Properties
-    //
-    //--------------------------------------------------------------------------
-    /**
-     * Indicates whether the item is active.
-     *
-     * @deprecated Use selected instead.
-     */
     this.active = false;
-    /** When true, item is selected  */
     this.selected = false;
+    this.iconFlipRtl = undefined;
+    this.iconStart = undefined;
+    this.iconEnd = undefined;
+    this.href = undefined;
+    this.label = undefined;
+    this.rel = undefined;
+    this.target = undefined;
   }
   activeHandler(value) {
     this.selected = value;

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

@@ -1,14 +1,14 @@
 /*!
  * 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.647
+ * v1.0.0-next.649
  */
-import { r as registerInstance, h, g as getElement } from './index-c6d69d86.js';
-import { f as focusElement } from './dom-df543551.js';
-import { u as updateHostInteraction } from './interactive-f7547b52.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-74b01ca3.js';
-import './resources-34a80758.js';
-import './guid-59a872ce.js';
+import { r as registerInstance, h, g as getElement } from './index-d4c908c6.js';
+import { f as focusElement } from './dom-53c74dbf.js';
+import { u as updateHostInteraction } from './interactive-9b5fc420.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-3bf8aeb1.js';
+import './resources-31e2614a.js';
+import './guid-9344597e.js';
 
 const CSS = {
   button: "button"
@@ -22,40 +22,14 @@ const fabCss = "@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%
 const Fab = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    // --------------------------------------------------------------------------
-    //
-    //  Properties
-    //
-    // --------------------------------------------------------------------------
-    /**
-     * Used to set the button's appearance. Default is outline.
-     */
     this.appearance = "outline";
-    /**
-     * Used to set the button's color. Default is light.
-     */
     this.color = "neutral";
-    /**
-     * When true, disabled prevents interaction. This state shows items with lower opacity/grayed.
-     */
     this.disabled = false;
-    /**
-     * Specifies an icon to display.
-     *
-     * @default "plus"
-     */
     this.icon = ICONS.plus;
-    /**
-     * When true, content is waiting to be loaded. This state shows a busy indicator.
-     */
+    this.label = undefined;
     this.loading = false;
-    /**
-     * Specifies the size of the fab.
-     */
     this.scale = "m";
-    /**
-     * Indicates whether the text is displayed.
-     */
+    this.text = undefined;
     this.textEnabled = false;
   }
   //--------------------------------------------------------------------------

package/dist/esm/calcite-filter.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.647
+ * v1.0.0-next.649
  */
-import { r as registerInstance, c as createEvent, h, F as Fragment, g as getElement } from './index-c6d69d86.js';
-import { f as focusElement } from './dom-df543551.js';
-import { u as updateHostInteraction } from './interactive-f7547b52.js';
-import { f as filter } from './filter-2908b40d.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-74b01ca3.js';
-import { d as debounce } from './debounce-9201530e.js';
-import './resources-34a80758.js';
-import './guid-59a872ce.js';
+import { r as registerInstance, c as createEvent, h, F as Fragment, g as getElement } from './index-d4c908c6.js';
+import { f as focusElement } from './dom-53c74dbf.js';
+import { u as updateHostInteraction } from './interactive-9b5fc420.js';
+import { f as filter } from './filter-9a7aebdd.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-3bf8aeb1.js';
+import { d as debounce } from './debounce-a93c0e41.js';
+import './resources-31e2614a.js';
+import './guid-9344597e.js';
 
 const CSS = {
   container: "container",
@@ -34,34 +34,6 @@ const Filter = class {
     this.calciteFilterChange = createEvent(this, "calciteFilterChange", 6);
     // --------------------------------------------------------------------------
     //
-    //  Properties
-    //
-    // --------------------------------------------------------------------------
-    /**
-     * The items to filter through. The filter uses this as the starting point, and returns items
-     * that contain the string entered in the input, using a partial match and recursive search.
-     *
-     * This property is required.
-     */
-    this.items = [];
-    /**
-     * When true, disabled prevents interaction. This state shows items with lower opacity/grayed.
-     */
-    this.disabled = false;
-    /**
-     * The resulting items after filtering.
-     *
-     * @readonly
-     */
-    this.filteredItems = [];
-    /** specify the scale of filter, defaults to m */
-    this.scale = "m";
-    /**
-     * Filter value.
-     */
-    this.value = "";
-    // --------------------------------------------------------------------------
-    //
     //  Private Methods
     //
     // --------------------------------------------------------------------------
@@ -85,6 +57,14 @@ const Filter = class {
       this.filter("", true);
       this.setFocus();
     };
+    this.items = [];
+    this.disabled = false;
+    this.filteredItems = [];
+    this.intlClear = undefined;
+    this.intlLabel = undefined;
+    this.placeholder = undefined;
+    this.scale = "m";
+    this.value = "";
   }
   watchItemsHandler() {
     this.filter(this.value);

package/dist/esm/calcite-flow-item.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.647
+ * v1.0.0-next.649
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-c6d69d86.js';
-import { a as getElementDir } from './dom-df543551.js';
-import { S as SLOTS$1 } from './resources-f7edd4ec.js';
-import { u as updateHostInteraction } from './interactive-f7547b52.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-74b01ca3.js';
-import './resources-34a80758.js';
-import './guid-59a872ce.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-d4c908c6.js';
+import { a as getElementDir } from './dom-53c74dbf.js';
+import { S as SLOTS$1 } from './resources-680c5d42.js';
+import { u as updateHostInteraction } from './interactive-9b5fc420.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentLoaded } from './loadable-3bf8aeb1.js';
+import './resources-31e2614a.js';
+import './guid-9344597e.js';
 
 const CSS = {
   backButton: "back-button"
@@ -41,31 +41,6 @@ const FlowItem = class {
     this.calciteFlowItemClose = createEvent(this, "calciteFlowItemClose", 6);
     // --------------------------------------------------------------------------
     //
-    //  Properties
-    //
-    // --------------------------------------------------------------------------
-    /** When true, displays a close button in the trailing side of the header */
-    this.closable = false;
-    /** When true, flow-item will be hidden */
-    this.closed = false;
-    /**
-     *  When true, interaction is prevented and the component is displayed with lower opacity.
-     */
-    this.disabled = false;
-    /**
-     * When true, a busy indicator is displayed.
-     */
-    this.loading = false;
-    /**
-     * When true, the action menu items in the `header-menu-actions` slot are open.
-     */
-    this.menuOpen = false;
-    /**
-     * When true, displays a back button in the header.
-     */
-    this.showBackButton = false;
-    // --------------------------------------------------------------------------
-    //
     //  Private Methods
     //
     // --------------------------------------------------------------------------
@@ -89,6 +64,22 @@ const FlowItem = class {
     this.getBackLabel = () => {
       return this.intlBack || TEXT.back;
     };
+    this.closable = false;
+    this.closed = false;
+    this.beforeBack = undefined;
+    this.description = undefined;
+    this.disabled = false;
+    this.heading = undefined;
+    this.headingLevel = undefined;
+    this.heightScale = undefined;
+    this.intlBack = undefined;
+    this.intlClose = undefined;
+    this.intlOptions = undefined;
+    this.loading = false;
+    this.menuOpen = false;
+    this.showBackButton = false;
+    this.widthScale = undefined;
+    this.backButtonEl = undefined;
   }
   //--------------------------------------------------------------------------
   //

package/dist/esm/calcite-flow.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.647
+ * v1.0.0-next.649
  */
-import { r as registerInstance, h, g as getElement } from './index-c6d69d86.js';
-import { c as createObserver } from './observers-7fa5fbcb.js';
+import { r as registerInstance, h, g as getElement } from './index-d4c908c6.js';
+import { c as createObserver } from './observers-4d673b8c.js';
 
 const CSS = {
   frame: "frame",
@@ -17,9 +17,6 @@ const flowCss = "@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0
 const Flow = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    this.flowDirection = null;
-    this.itemCount = 0;
-    this.items = [];
     this.itemMutationObserver = createObserver("mutation", () => this.updateFlowProps());
     this.getFlowDirection = (oldFlowItemCount, newFlowItemCount) => {
       const allowRetreatingDirection = oldFlowItemCount > 1;
@@ -52,6 +49,9 @@ const Flow = class {
         this.flowDirection = flowDirection;
       }
     };
+    this.flowDirection = null;
+    this.itemCount = 0;
+    this.items = [];
   }
   // --------------------------------------------------------------------------
   //