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

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

@@ -1,22 +1,22 @@
 /*!
  * 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.648
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7e0f281f.js');
-const resources = require('./resources-8fa9469c.js');
-const locale = require('./locale-54e87ab8.js');
-const dom = require('./dom-fc9f7c5b.js');
-const resources$1 = require('./resources-a0a90579.js');
-const interactive = require('./interactive-f768090a.js');
-const key = require('./key-25858919.js');
-const Heading = require('./Heading-21b3b1e2.js');
-require('./observers-e85167a1.js');
-require('./guid-e00c2fae.js');
+const index = require('./index-66bfeb5a.js');
+const resources = require('./resources-c00001d9.js');
+const locale = require('./locale-6b2788ff.js');
+const dom = require('./dom-8dcbe60b.js');
+const resources$1 = require('./resources-aab81366.js');
+const interactive = require('./interactive-61857e22.js');
+const key = require('./key-aa68c66b.js');
+const Heading = require('./Heading-9512d69c.js');
+require('./observers-b2096d49.js');
+require('./guid-4caf8697.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}";
 
@@ -25,37 +25,6 @@ const DatePicker = class {
     index.registerInstance(this, hostRef);
     this.calciteDatePickerChange = index.createEvent(this, "calciteDatePickerChange", 6);
     this.calciteDatePickerRangeChange = index.createEvent(this, "calciteDatePickerRangeChange", 6);
-    /**
-     * Localized string for "previous month" (used for aria label)
-     *
-     * @default "Previous month"
-     */
-    this.intlPrevMonth = resources.TEXT.prevMonth;
-    /**
-     * Localized string for "next month" (used for aria label)
-     *
-     * @default "Next month"
-     */
-    this.intlNextMonth = resources.TEXT.nextMonth;
-    /**
-     * Localized string for "year" (used for aria label)
-     *
-     * @default "Year"
-     */
-    this.intlYear = resources.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
@@ -250,6 +219,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 = resources.TEXT.prevMonth;
+    this.intlNextMonth = resources.TEXT.nextMonth;
+    this.intlYear = resources.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") {
@@ -460,24 +456,6 @@ const DatePickerDay = class {
     index.registerInstance(this, hostRef);
     this.calciteDaySelect = index.createEvent(this, "calciteDaySelect", 6);
     this.calciteInternalDayHover = index.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
@@ -492,6 +470,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();
@@ -536,8 +526,6 @@ const DatePickerMonth = class {
     this.calciteInternalDatePickerHover = index.createEvent(this, "calciteInternalDatePickerHover", 6);
     this.calciteDatePickerActiveDateChange = index.createEvent(this, "calciteDatePickerActiveDateChange", 6);
     this.calciteInternalDatePickerMouseOut = index.createEvent(this, "calciteInternalDatePickerMouseOut", 6);
-    /** Date currently active.*/
-    this.activeDate = new Date();
     //--------------------------------------------------------------------------
     //
     //  Event Listeners
@@ -612,6 +600,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();
@@ -840,12 +837,6 @@ const DatePickerMonthHeader = class {
     this.calciteDatePickerSelect = index.createEvent(this, "calciteDatePickerSelect", 6);
     //--------------------------------------------------------------------------
     //
-    //  Private State/Props
-    //
-    //--------------------------------------------------------------------------
-    this.globalAttributes = {};
-    //--------------------------------------------------------------------------
-    //
     //  Private Methods
     //
     //--------------------------------------------------------------------------
@@ -901,6 +892,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/cjs/calcite-dropdown_3.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.647
+ * v1.0.0-next.648
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7e0f281f.js');
-const dom = require('./dom-fc9f7c5b.js');
-const floatingUi = require('./floating-ui-e6837eef.js');
-const observers = require('./observers-e85167a1.js');
-const interactive = require('./interactive-f768090a.js');
-const openCloseComponent = require('./openCloseComponent-b3922bdb.js');
-const guid = require('./guid-e00c2fae.js');
-const key = require('./key-25858919.js');
-const loadable = require('./loadable-2c272f47.js');
-require('./resources-a0a90579.js');
-require('./debounce-60b87419.js');
+const index = require('./index-66bfeb5a.js');
+const dom = require('./dom-8dcbe60b.js');
+const floatingUi = require('./floating-ui-58bc577e.js');
+const observers = require('./observers-b2096d49.js');
+const interactive = require('./interactive-61857e22.js');
+const openCloseComponent = require('./openCloseComponent-7d4eb009.js');
+const guid = require('./guid-4caf8697.js');
+const key = require('./key-aa68c66b.js');
+const loadable = require('./loadable-f0410eb8.js');
+require('./resources-aab81366.js');
+require('./debounce-b8ece744.js');
 
 const SLOTS = {
   dropdownTrigger: "dropdown-trigger"
@@ -33,56 +33,6 @@ const Dropdown = class {
     this.calciteDropdownClose = index.createEvent(this, "calciteDropdownClose", 6);
     this.calciteDropdownBeforeOpen = index.createEvent(this, "calciteDropdownBeforeOpen", 6);
     this.calciteDropdownOpen = index.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 = floatingUi.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 = observers.createObserver("mutation", () => this.updateItems());
@@ -214,6 +164,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 = floatingUi.defaultMenuPlacement;
+    this.scale = "m";
+    this.selectedItems = [];
+    this.type = "click";
+    this.width = undefined;
   }
   activeHandler(value) {
     this.open = value;
@@ -486,11 +448,9 @@ const DropdownGroup = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.calciteInternalDropdownItemChange = index.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;
   }
   //--------------------------------------------------------------------------
   //
@@ -554,19 +514,15 @@ const DropdownItem = class {
     this.calciteInternalDropdownItemSelect = index.createEvent(this, "calciteInternalDropdownItemSelect", 6);
     this.calciteInternalDropdownItemKeyEvent = index.createEvent(this, "calciteInternalDropdownItemKeyEvent", 6);
     this.calciteInternalDropdownCloseRequest = index.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/cjs/calcite-fab.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.647
+ * v1.0.0-next.648
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7e0f281f.js');
-const dom = require('./dom-fc9f7c5b.js');
-const interactive = require('./interactive-f768090a.js');
-const loadable = require('./loadable-2c272f47.js');
-require('./resources-a0a90579.js');
-require('./guid-e00c2fae.js');
+const index = require('./index-66bfeb5a.js');
+const dom = require('./dom-8dcbe60b.js');
+const interactive = require('./interactive-61857e22.js');
+const loadable = require('./loadable-f0410eb8.js');
+require('./resources-aab81366.js');
+require('./guid-4caf8697.js');
 
 const CSS = {
   button: "button"
@@ -26,40 +26,14 @@ const fabCss = "@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0%
 const Fab = class {
   constructor(hostRef) {
     index.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/cjs/calcite-filter.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.647
+ * v1.0.0-next.648
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7e0f281f.js');
-const dom = require('./dom-fc9f7c5b.js');
-const interactive = require('./interactive-f768090a.js');
-const filter = require('./filter-a1586bab.js');
-const loadable = require('./loadable-2c272f47.js');
-const debounce = require('./debounce-60b87419.js');
-require('./resources-a0a90579.js');
-require('./guid-e00c2fae.js');
+const index = require('./index-66bfeb5a.js');
+const dom = require('./dom-8dcbe60b.js');
+const interactive = require('./interactive-61857e22.js');
+const filter = require('./filter-dcf36f89.js');
+const loadable = require('./loadable-f0410eb8.js');
+const debounce = require('./debounce-b8ece744.js');
+require('./resources-aab81366.js');
+require('./guid-4caf8697.js');
 
 const CSS = {
   container: "container",
@@ -38,34 +38,6 @@ const Filter = class {
     this.calciteFilterChange = index.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
     //
     // --------------------------------------------------------------------------
@@ -89,6 +61,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/cjs/calcite-flow-item.cjs.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.648
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7e0f281f.js');
-const dom = require('./dom-fc9f7c5b.js');
-const resources = require('./resources-97815018.js');
-const interactive = require('./interactive-f768090a.js');
-const loadable = require('./loadable-2c272f47.js');
-require('./resources-a0a90579.js');
-require('./guid-e00c2fae.js');
+const index = require('./index-66bfeb5a.js');
+const dom = require('./dom-8dcbe60b.js');
+const resources = require('./resources-df673a39.js');
+const interactive = require('./interactive-61857e22.js');
+const loadable = require('./loadable-f0410eb8.js');
+require('./resources-aab81366.js');
+require('./guid-4caf8697.js');
 
 const CSS = {
   backButton: "back-button"
@@ -45,31 +45,6 @@ const FlowItem = class {
     this.calciteFlowItemClose = index.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
     //
     // --------------------------------------------------------------------------
@@ -93,6 +68,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/cjs/calcite-flow.cjs.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.648
  */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7e0f281f.js');
-const observers = require('./observers-e85167a1.js');
+const index = require('./index-66bfeb5a.js');
+const observers = require('./observers-b2096d49.js');
 
 const CSS = {
   frame: "frame",
@@ -21,9 +21,6 @@ const flowCss = "@keyframes in{0%{opacity:0}100%{opacity:1}}@keyframes in-down{0
 const Flow = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
-    this.flowDirection = null;
-    this.itemCount = 0;
-    this.items = [];
     this.itemMutationObserver = observers.createObserver("mutation", () => this.updateFlowProps());
     this.getFlowDirection = (oldFlowItemCount, newFlowItemCount) => {
       const allowRetreatingDirection = oldFlowItemCount > 1;
@@ -56,6 +53,9 @@ const Flow = class {
         this.flowDirection = flowDirection;
       }
     };
+    this.flowDirection = null;
+    this.itemCount = 0;
+    this.items = [];
   }
   // --------------------------------------------------------------------------
   //